Immagine che al passaggio del mouse si ingrandisce

« Older   Newer »
  Share  
tristezzaapalate
view post Posted on 12/7/2009, 15:39




Inserite questo codice in modifica colori e stili:
HTML
/* IMME */
.originale {position: relative; z-index: 0}
.originale:hover {background-color: transparent; z-index: 9}
.originale span {position: absolute; background-color: #EEEFEE; padding: 5px; right: 0; display: none; border: 3px solid #656262; visibility: hidden; color: #868686; text-decoration: none; font-weight: bold}
.originale span img {border-width: 0; padding: 2px}
.originale:hover span {visibility: visible; top: 10px; display: block; width: 200px; left: 15px}

.anteprima {position: relative; z-index: 0}
.anteprima:hover {background-color: transparent; z-index: 9}
.anteprima span {position: absolute; background-color: #EEEFEE; padding: 5px; right: 0; display: none; border: 3px solid #656262; visibility: hidden; color: #868686; text-decoration: none; font-weight: bold}
.anteprima span img {border-width: 0; padding: 2px}
.anteprima:hover span {visibility: visible; top: -230px; display: block; width: 170px; left: -40}


E questo dove volete inserire la vostra immy.
HTML
<a class="originale"href="?act=Profile&MID=IDUtente"><img src="link immagine piccola" height="altezza immagine piccola in px" width="larghezza immagine piccola in px"><span>
<img src="link immagine grande">
<br><br>
Scritte</b></span></a>
 
Top
0 replies since 12/7/2009, 15:39   30 views
  Share