Html zone-
MaGiiK MaTTi 2.
User deleted
Io nn sono un esperto ma qualcosa so fare quindi chiedete pure xD!! . -
Shifter.
User deleted
Come inserire una bacheca in cima ad un forum con immagini dello staff che si aprono al passaggio del mouse. . -
MaGiiK MaTTi 2.
User deleted
allora nn è proprio immeditato inanzitutto devi preparare il riferimento in css(foglio in stile in forum free stili e colori)
dobbiamo dare un nome alla classe da cui l' html attingerà informazioni (il suo riferimento) in questo caso la chiamo 'classe':CODICEPer l' immagine superiore ovvero quella sempre visibile
.classe {padding: 1px; height: 20px; width: 20px}
.classe img {background-color:white}
.classe immg {visibility:hidden; position:absolute; padding: 3px; border: 1px #000 double; background-color:white; font-size: 9px}
.classe:hover immg {visibility:visible; position:absolute}
.staff immg img {border: 1px black solid}
//nota è possiblie cambire i settaggi per cambiare la cornice o carattere ma nn ti spiego come è abbastanza lungo da spiegare
Ora pensiamo alla parte html che in forum free o comunity si chiama codice html dovrai poi segliere te dove metterlo tanto cambia solo la pozizione allora:CODICEtogli tutto quello scrito negli slash!!!
<table cellspacing="0" cellpadding="4" style="text-align:center;">//formato del testo che verrà scritto sotto le immagini ingrandite solo una volta //
<td class="classe">//richiamo del foglio in stile mettere al posto di classe il nome del vostro riferimeto css//
<a href="inserire qui l' url"> //se vuoi qui puoi inserire un url per esempio come da noi l' url del profilo//
<img src="mettere qui l' immagine sempre visibile"> //imagine sempre visibile
<immg><img src="mettere qui l' immagine visibile al passaggio del mouse"><br>
Mettere qui il testo da visualizzare sotto la seconda immagine </immg>
</td>
//dopo avere messo tutte le immagini//
</table>
Edited by MaGiiK MaTTi 2 - 20/2/2011, 15:43.
|