-
NaruHinaXRufyxHancock.
User deleted
Salve, ho notato che in molti forum in alto della TagBoard ci sono delle immagini dove c'è scritto Mod/Admin/Founder, con i loro Nick.(Con sopra scritto STAFF)
Come si fa a fare quelle cose?. -
elenucciax004.
User deleted
Sposto la discussione in Aiuti grafica e HTML e ti scrivo il codice . -
elenucciax004.
User deleted
Eccomi ^-^
Questo è il codice da inserire in HTML, nel punto in cui vuoi che compaiano le immagini di dimensioni ridotte:CODICE<a class="thumbnail" href="LINK PROFILO UTENTE"><img src="URL IMMAGINE PICCOLA"><span><img src="URL IMMAGINE GRANDE"><br><b>NOME</b><br><i>descrizione</i></span></a>
Questo codice va ripetuto per ogni membro dello staff.
In CCS, invece, bisogna copiare questo:CODICE/*IMMAGINI STAFF*/
.thumbnail {position: relative;
z-index: 0}
.thumbnail:hover {background-color: transparent;
z-index: 9}
.thumbnail span {/*CSS for enlarged image*/
position: absolute;
background-color: #D37AA1;
padding: 4px;
left: -1000px;
border: 1px solid #FFFFFF;
visibility: hidden;
color: #FFFFFF;
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: 16px}
.thumbnail a:hover {background-color: #46A0BB; border: 1px solid}
Ovviamente, questo codice si può personalizzare in base alla grafica del forum in cui è inserito.
Si può cambiare lo stile del bordo, la posizione e altri dettagli. Per questo, puoi consutlare una guida HTML e CSS, in cui troverai tutte le informazioni di cui hai bisogno.