~Requiem |
|
| devi inserire due codici, uno in modifica colori e stili e l'altro nella tabella, riporto in basso i due codici: questo in modifica colori e stili: CODICE /* IMMAGINI STAFF*/
.originale {position: relative; z-index: 0}
.originale:hover {background-color: transparent; z-index: 9}
.originale span {position: absolute; background-color: #COLORE; padding: 5px; right: 0; display: none; border: 6px solid #2D2D2D; visibility: hidden; color: #COLORE; 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: #COLORE; padding: 5px; right: 0; display: none; border: 6px solid #2D2D2D; visibility: hidden; color: #COLORE; 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}
.web a:link img, .web a:visited img {filter:alpha(opacity=30); -moz-opacity: 0.5; opacity: 0.5}
.web a:hover img {filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0} Ovviamente modifica a tuo piacimoento le opacitą, i bordi e i colori. e questo in tabella: CODICE <a class="originale"href="LINK PROFILO"><img src="LINK IMMAGINE D'ANTEPRIMA" height="50" width="50"><span> <img src="LINK IMMAGINE GRANDE"> <br><br>NOME NICK; <br> RUOLO </span></a> <a class="originale"href="LINK PROFILO"><img src="LINK IMMAGINE D'ANTEPRIMA" height="50" width="50"><span> <img src="LINK IMMAGINE GRANDE"> <br><br>NOME NICK; <br> RUOLO </span></a> in questo caso, horiportato due volte il codice, per due persone..ovviamente per aggiungerne altri basta duplicare. Anche in questo caso le altezze e larghezze sono modificabili a tuo piacimento. |
| | |
