-
.
Ragazzi,ho un problema con il codice per le immagini staff...
Quando passo sopra l'immagine,si vede l'immagine piccolissimo,ho provato con tanti codici e anche a cambiare skin ma il problema c'è sempre...voi sapete come posso risolvere questo problema?. -
~Noah~.
User deleted
Non ho capito bene il problema: parli del thumbnail? Che passi il mouse sopra l'immagine e diventa grande? . -
.
Sì,parlo di quello . -
~Noah~.
User deleted
C'è il codice apposito per il thumbnail, forse non funziona quella che hai tu!
Puoi postare il codice?. -
.
Sì,è questo
lo avevo salvato sul blocconote ieri seraCODICE<style type="text/css">
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */
}
</style>
e questoCODICE<a class="thumbnail" href=><img src=LINK IMMAGINE PICCOLA CHE COMPARE SUL FORUM width="16px" height="53px" border="0" /><span><img src=LINK IMMAGINE CHE SI VEDE AL PASSAGGIO DEL MOUSE /><br />TESTO</span></a>. -
~Noah~.
User deleted
Prova questo in HTML sostituendolo al tuo, ovviamente devi ripetere il codice per ogni membro dello staff. CODICE<!--THUMBNAIL**********************************-->
<a class="thumbnail" href="LINK PROFILO"><img src="LINK IMMGINE PICCOLA"><span><img src="LINK IMMAGINE GRANDE"><br>
<b>NOME NICK<br>NOME STAFF</b></span></a>
   
E questo in Colori e Stili (CSS)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}. -
.
Ok provo subito
Lo messo e il primo e secondo immagini staff,credo che la dimensione sia giusta dell'immagine ma non capisco come mai la terza e la quarta,siano diventate meno piccole..sarà la Skin?. -
~Noah~.
User deleted
No dubito sia la skin se le prime funzionano, forse è il link dell''immagine. Prova a controllare meglio i link delle immagini messe al posto giusto.
Il codice funziona, come vedi lo abbiamo anche noi.