Unofficial WebSite X5

WebSite X5 versioni obsolete => WebSite X5 [v9] - Discussioni Generali => Topic aperto da: gianfrancopiras - 09 Aprile, 2012, 11:58:37

Titolo: Parola con immagine la passaggio del mouse
Inserito da: gianfrancopiras - 09 Aprile, 2012, 11:58:37
Buon giorno a tutti
Auguri di una Serena Pasqua.
Volevo chiedere se con X5 e possibile inserire nelle piè di pagina una parola ad esempio home, con il passaggio del mous visualizza un'immagine grazie a tutti ancora auguroni
 

 
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: boschetti.mirko - 09 Aprile, 2012, 18:45:13
Ciao ho appena fatto una prova, inserisci codice html nel pie di pagina, e dentro questo:
<div id="imCell_1" class="imGrid[1, 1]"><div id="imCellStyleGraphics_1"></div><div id="imCellStyle_1"><div id="imTextObject_1" style="text-align: left;"><p style="text-align: center;"><span class="ff1 fs40"><a href="nomepagina" onclick="return false;" onmouseover="x5engine.imTip.Show(this, {text: '&lt;img src=&quot;files/Immagine18.png&quot; alt=&quot;&quot; /&gt;&lt;br /&gt;', width: 180});" class="imAbbr imCssLink">prova testo</a></span><span class="fs18 ff0"><br /></span></p></div></div></div>
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: gianfrancopiras - 09 Aprile, 2012, 22:44:01
Ciao grazie mille.
Ho inserito il codice con un'immagine rinominata, ma niente da fare mi esce una scritta come se fosse un linkma senza nessuna funzione
(ho scritto parola ma poteva essere anche un'immagine che quando passo il mous si apre un'altra immagine grande)
Grazie ancora
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: StratoS - 10 Aprile, 2012, 00:44:22
Non ho fatto prove, ma penso che devi mettere tu nella cartella files l'immagine altrimenti non vedi nulla.
Ciao.
Augusto.
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: Silver - 10 Aprile, 2012, 01:35:37
si fa da programma... collegamento...descrizione... ( la guida )
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: boschetti.mirko - 10 Aprile, 2012, 12:28:48
Non ho fatto prove, ma penso che devi mettere tu nella cartella files l'immagine altrimenti non vedi nulla.
Ciao.
Augusto.
Esatto devi mettere una tua immagine nella cartella files nella root del tuo sito...e poi ti funzia... oppure come ha detto Silver... ;)
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: essedi - 10 Aprile, 2012, 19:08:19
Ciao grazie mille.
Ho inserito il codice con un'immagine rinominata, ma niente da fare mi esce una scritta come se fosse un linkma senza nessuna funzione
(ho scritto parola ma poteva essere anche un'immagine che quando passo il mous si apre un'altra immagine grande)
Grazie ancora


 
Nell'intestazione del mio sito di test

http://www.essedi.altervista.org/_sito/ (http://www.essedi.altervista.org/_sito/)


è presente l'icona di una casetta. Portandoci su il cursore, l'immagine cambia ed appare la scritta "Home Page". Cliccandovi sopra si viene indirizzati alla Home Page del sito.
Se non vado errato, coincide con la tua richiesta.
Il tutto è stato ottenuto  con il seguente codice HTML


<a title="Home Page" href="index.html">
<img src="files/Mn1b.png"
onmouseover="this.src='files/Mn1.png'"
onmouseout="this.src='files/Mn1b.png'"></a>


Le immagini Mn1.png e Mn1b.png sono state caricate nella cartella files tramite il comando Aggiungi della Scheda Esperto di un oggetto HTML di una pagina qualsiasi (non quello dell'intestazione, dove la suddetta possibilità non è prevista).


N.B. Ho riportato il codice pari pari dal mio sito, ma, per limiti di EVO 9, è consigliabile eliminare le lettere maiuscole dal nome delle immagini. Chi volesse approfondire può leggere questa discussione


http://answers.websitex5.com/post/26522
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: StratoS - 10 Aprile, 2012, 22:36:40
 
Nell'intestazione del mio sito di test
http://www.essedi.altervista.org/_sito/ (http://www.essedi.altervista.org/_sito/)

è presente l'icona di una casetta. Portandoci su il cursore, l'immagine cambia ed appare la scritta "Home Page". Cliccandovi sopra si viene indirizzati alla Home Page del sito.
Se non vado errato, coincide con la tua richiesta.
Il tutto è stato ottenuto  con il seguente codice HTML

 <a title="Home Page" href="index.html">
<img src="files/Mn1b.png"
onmouseover="this.src='files/Mn1.png'"
onmouseout="this.src='files/Mn1b.png'"></a>

Per l'effetto che hai fatto tu con WX sia 8 che 9, con la sette non ricordo, non c'è bisogno di codice esterno, basta inserire un'immagine ed inserirne un'altra per il passaggio del mouse.
Quello che cerca Gianfrancopiras, è una toltip in top con visualizzazione di un'immagine.
Ciao.
Augusto.
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: essedi - 10 Aprile, 2012, 23:04:55

Quello che cerca Gianfrancopiras, è una toltip in top con visualizzazione di un'immagine.
Ciao.
Augusto.

Infatti il tooltip è l'unica differenza tra il mio metodo e quello standard di EVO 9. O non ho capito niente?
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: StratoS - 10 Aprile, 2012, 23:27:11

Quello che cerca Gianfrancopiras, è una tooltip in top con visualizzazione di un'immagine.
Ciao.
Augusto.

Infatti il tooltip è l'unica differenza tra il mio metodo e quello standard di EVO 9. O non ho capito niente?
Il tuo metodo genera un tooltip di testo, invece Gianfranco vuole un tooltip con immagine, e si può fare usando il metodo indicato da Mirko. ;)
Ciao.
Augusto.
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: boschetti.mirko - 11 Aprile, 2012, 11:51:03
Esatto lui vuole una scritta che con il passaggio del mouse, deve far apparire un'immagine..  ;)
Comunque come detto da Silver più in sopra, si può anche da programma, ....visto ora...
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: gianfrancopiras - 13 Aprile, 2012, 14:14:29
Ciao a tutti.
Intendevo dire che quando vai col mouse sopra una scritta o immagine si apre sopra un'immagine con scritto del testo, Silver ho fatto con il programma ma non esce bene.
Grazie
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: StratoS - 13 Aprile, 2012, 14:32:42
Esatto lui vuole una scritta che con il passaggio del mouse, deve far apparire un'immagine..  ;)
Comunque come detto da Silver più in sopra, si può anche da programma, ....visto ora...
Noto ora che questa cosa si può fare anche nel top e nel footer, posso assicurare che fino alla precedente versione e comunque all'uscita della versione 9, come nella 8, la cosa nel top e nel footer, da programma non si poteva fare. ???
Ciao.
Augusto.
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: boschetti.mirko - 13 Aprile, 2012, 14:35:44
Ciao a tutti.
Intendevo dire che quando vai col mouse sopra una scritta o immagine si apre sopra un'immagine con scritto del testo, Silver ho fatto con il programma ma non esce bene.
Grazie

Comunque ho provato come dice Silver e funzia bene:
http://provesitotest.altervista.org/nr8/video.html (http://provesitotest.altervista.org/nr8/video.html)        ;)
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: gianfrancopiras - 13 Aprile, 2012, 15:12:40
Grazie Augusto.
Mirko quello che intendo io e come la foto che ho inserito io, vorrei lasciare l'immagine senza il form che si crea.
Quello che dici tu e Silver e un collegamento ad un link, io intendo che si apra un'immagine sopra grazie a tutti
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: gianfrancopiras - 13 Aprile, 2012, 15:15:15
Intendevo cosi
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: essedi - 13 Aprile, 2012, 15:49:10
Intendevo cosi

Scusa, ma ti costa tanto allegare due immagini: una raffigurante la situazione normale, l'altra la situazione al passaggio del cursore?

Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: gianfrancopiras - 13 Aprile, 2012, 15:58:32
 :-\  cosa?
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: gianfrancopiras - 13 Aprile, 2012, 16:14:26
la situazione normale e l'icona del'home, quando vado sopra con il mouse vorrei fa apparire il tooltip ma non quello di x9 ma quello da me creato.
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: boschetti.mirko - 13 Aprile, 2012, 16:25:28
Allora come ho fatto ora, con la tua immagine poi:
http://provesitotest.altervista.org/nr8/ (http://provesitotest.altervista.org/nr8/)
 :-\
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: gianfrancopiras - 13 Aprile, 2012, 17:23:34
Mirko si il problema e quello.... devo far vedere solo l'immagine che allego non il form bianco capito?
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: StratoS - 13 Aprile, 2012, 17:58:00
Questo è stato fatto con EVO:

http://www.sstest.altervista.org/tooltip/index.html (http://www.sstest.altervista.org/tooltip/index.html)
 
è nel top, per la fretta ho utilizzato il menù in alto.
Ciao.
Augusto.
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: gianfrancopiras - 13 Aprile, 2012, 18:14:40
Augusto ciao e grazie.
Questo e quelli che faccio io con evo.
Quello che intendo dire e mi scuso se mi spiego male.. :-X
La stessa cosa che hai fatto tu nella panina test, pero quando vai col mouse sopra si vede dolo l'immagine non con il form bianco di evo.
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: boschetti.mirko - 13 Aprile, 2012, 18:21:28
Mirko si il problema e quello.... devo far vedere solo l'immagine che allego non il form bianco capito?
Non ho capito se l'ultima prova che ho fatto è giusta o no?    :-[
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: gianfrancopiras - 13 Aprile, 2012, 18:49:18
Quello che fate e giusto.
Sono io che volevo sapere se si poteva togliete l'immagine bianca e lasciare solo quella che inserisco.
in questo sito ce l'esempio cosi vedete grazie mille
http://www.gpstest.altervista.org (http://www.gpstest.altervista.org/)
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: boschetti.mirko - 13 Aprile, 2012, 18:52:42
Allora come ho fatto io...metti lo sfondo del tooltip del colore dello sfondo del sito...  ;D
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: gianfrancopiras - 13 Aprile, 2012, 19:02:01
 :-\  come faccio non te lo fa cambiare v9 e quello il problema
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: boschetti.mirko - 13 Aprile, 2012, 19:05:29
Passo 4 / Stili e modelli / Tooltip e cambi colore allo sfondo, colore bordo, e togli anche le ombre e la freccia...  ;)
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: gianfrancopiras - 13 Aprile, 2012, 19:10:12
Grazie Mirko fatto tutto pero qui va bene magari che li sfondo e bianco, perciò elimino il bordo, ma sul mio sito e nera la pagina quindi, non risolvo niente ???
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: boschetti.mirko - 13 Aprile, 2012, 19:12:38
Ma come noooo, metti lo sfondo nero al tooltip... (il mio è rosa...)
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: gianfrancopiras - 13 Aprile, 2012, 19:51:24
fatta la modifica vedi che non cambia
www.gpstest.altervista.org
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: boschetti.mirko - 13 Aprile, 2012, 20:09:04
ma la tua immagine deve avere lo sfondo trasparente...
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: gianfrancopiras - 13 Aprile, 2012, 20:23:53
si esatto Mirko
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: StratoS - 13 Aprile, 2012, 21:50:00
fatta la modifica vedi che non cambia
www.gpstest.altervista.org (http://www.gpstest.altervista.org/)
Devi lavorare sulla larghezza del tooltip, nella pagina dove inserisci l'immagine che deve essere png o gif con sfondo trasparente.
Ciao.
Augusto.
Titolo: Re:Parola con immagine la passaggio del mouse
Inserito da: gianfrancopiras - 14 Aprile, 2012, 18:15:13
Risolto grazie a voi  ;D