-
¬Lørd Kirä™
.User deleted
Inserire in Colori e stili: SPOILER (clicca per visualizzare)CODICE/* THUMB */
.thumbnail {position: relative; z-index: 8; text-decoration: none !important}
.thumbnail:hover {background: transparent; z-index: 9}
.thumbnail > span {display: none; position: absolute; top: 0; left: 60px; padding: 5px}
.thumbnail > span img {padding: 2px}
.thumbnail:hover > span {display: block; border: 1px dashed gray; background-color: #FFF; color: black;}
.thumbnail:hover span span {display: inline; border: none}
Per personalizzare il blocco che contiene l'immagine che appare al passaggio del mouse bisogna riferirsi a "thumbnail span" mentre per personalizzare il blocco che contiene l'immagine iniziale (quella piccola) si fa riferimento a "thumbnail".
In Codici HTML -->(nella parte in cui volete inserire il popup).SPOILER (clicca per visualizzare)CODICE<a class="thumbnail" href="#"><img alt="" src="THUMB"><span><img alt="" src="IMAGE"></span></a>
Nel codice bisogna sostituire THUMB con il link della miniatura (quella che appare normalmente) e al posto di IMAGE inserire il link dell'immagine che deve apparire al passaggio del mouse.
Nota: sostituisci la parola TESTO nel seguente codice per aggiungere al popup del testo, che verrà visualizzato sotto l'immagine (quella grande), al passaggio del mouse:SPOILER (clicca per visualizzare)CODICE<a class="thumbnail" href="#"><img alt="" src="THUMB"><span><img alt="" src="IMAGE">TESTO</span></a>
.
[CSS] Popup Immagini |
