Immagini che si ingrandiscono al passaggio del mouse

« Older   Newer »
  Share  
-=|£µ¢®ëz¡å ߣå¢k|=-
view post Posted on 19/2/2009, 17:05




Questo codice serve per le icon dello staff,si uò inserire tranquillamente anche nella bacheca del forum!

Codice da inserire in colori e stili, alla voce "PROFILO UTENTI"

CODICE
/* THUMBNAIL */
.thumbnail {position: relative;
z-index: 0}

.thumbnail:hover {background-color: transparent;
z-index: 9}

.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}



Qesto invece va inserito nella bacheca, in gestione HTML:

CODICE
<a class="thumbnail" href="?act=Profile&MID=(NUMERO PROFILO UTENTE)"><img src=(IMMY PICCOLA)><span><img src="(IMMY GRANDE)">
<br>
<p align="center"><font color=#(NUMERO COLORE)><b>; (NICK) ;</b>
<br>
<b>; (GRADO); </b></font></p>
</span></a>


Sostituire le voci che ho specificato tra le parentesi (le parentesi le devi eliminare), ma naturalmente vanno rispettati gli spazzi!
 
Top
0 replies since 19/2/2009, 17:05   83 views
  Share