-
• ricardo quaresma ~.
User deleted
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>
. -
michiamo.
User deleted
Scusa non ho capito come funiziona... . -
• ricardo quaresma ~.
User deleted
Allora, vai in amministrazione - Modifica colori e stili - dopodichè inserisci il primo codice alla fine del CSS
Dopodichè fai registra modifiche.
Poi vai in gestione codici HTML e inserisci il secondo codice dove vuoi che l'immagine venga visualizzata.
Le immy le fai con photoshop.. -
DailyPain.
User deleted
in cima al forum CODICE<style type="text/css">
.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; /*position where enlarged image should offset horizontally */
}
</style>
<br>
in home pageCODICE<a class="thumbnail" href="PROFILO ADMIN"><img src="LINK IMMAGINE PICCOLA" width="50px" height="50px" border="0"><span><img src="LINK IMMAGINE GRANDE"><br>NOME ADMIN</span></a>. -
michiamo.
User deleted
Grazie mille ^^ .