Allora per tutti .... avete presente alcuni forum ke nella bacheca al nome staff hanno quelle piccole immy ke quando ci passate sopra poi si vede l'immy ingrandita ? bene vi darò il codice e vi spiegherò come fare ......
allorta incollate questo codice in html in cima al forum
CODICE
<style type="text/css">
/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.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>
poi potete modificare questi dati per decorare cornice e colore delle rettangolo ke rakkiude l'immy grande
CODICE
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
[color=red]background-color: lightyellow;[/color][color=blue]sfondo dell'immy grande potete sostiturlo con i comuni codici dei colori[/color]
padding: 5px;
left: -1000px;
[color=red]border: 1px dashed gray;[/color][color=blue]bordo dell'immy, il numero è la grandezza del bordo, dashed è il tipo di bordo poi vi darò i vari nomi, e gray è il colore che potete modificare cambiandolo con i comuni codici dei colori[/color]
visibility: hidden;
color: black;
text-decoration: none;
}
ora vi dico i vari tipi di cornici
questo è dotten =
basta scrivere dotten al posto di dashed
tanto per curiosità questo è dashed =
testo
default :
basta scrivere dotten al posto di dashed
solid :
basta scrivere dotten al posto di dashed
double :
basta scrivere dotten al posto di dashed
groove : cornice a metà col colore prescelto e a metà con un colore più scuro. Sembra tipo la cornice di un quadro
basta scrivere dotten al posto di dashed
ridge : simile a groove, però il colore scuro è meno scuro. Sembra ci sia un gioco di ombre
basta scrivere dotten al posto di dashed
inset : la cornice di sinistra e quella in alto sono più scure, quella in basso e quella di destra sono del colore che avete dato
basta scrivere dotten al posto di dashed
win-inset : simile a inset
basta scrivere dotten al posto di dashed
outset : contrario dell'inset
basta scrivere dotten al posto di dashed
spiegati i vari bordi adesso dobbiamo applicare l'altro codice per ar vedere le targhette....
CODICE
<a class="thumbnail" href="#"><img src="LINK IMMY PICCOLA" width="20px" height="50px" border="0"><span><img src="LINK IMMY GRANDE"></span></a>
allora spieghiamo i veri dati dove c'è il simbolo "#" dovete mettere il link nel caso dello staf ci metterete il link del profilo della persona interessata...
link immy piccola è quella ke compare per prima molti la fanno verticale con piccoli dettagli ma potete scegliere la dimenzione ke vi pare tanto li va l'url...basta ke vi ricordate di modificare la larghezza e altezza che trovate nel codice..
bordel se volete dagli un bordo ma nn ne vale la pena perkè lo decidete nell'altro codice...
e poi link immy grande cioè quella ke al passaggio del mous vedrete comparire..quindi inseriamo l'url ed ecco fatto salvate e vedrete il risultato
ecco il codice per mettere anke la scritta
CODICE
<a class="thumbnail" href="LINK"><img src="IMMY PICCOLA" border="0"><span>
<img src="IMMY GRANDE"><br><br> <b>Nick</b>: NOME
<br><i>Admin</i></span></a>
nick - nome - admin possono essere modificati a proprio piacimento
se vi serve altro kiedete pure....
