-
-spiker
| .
|
|
|
Messagio Personalizzato nel Menu Utente
Rielaborazione del tutorial di Keynine riadattato al Quicks e Standard Layout.
Per inserire un messaggio personalizzato nel menuwrap basta inserire in Amministrazione > Grafica > Colori e Stili il seguente codice:
CODICE .menuwrap .nick:before {content: " TESTO "; color: #hex !important} Al posto di TESTO dovrete inserire il vostro messaggio che verrà mostrato PRIMA DEL NICKNAME. Al posto di #hex il colore che deve avere la scritta, altrimenti prende il colore dei link del menu (attenti a non cancellare !important).
Se si vuole la scritta DOPO IL NICKNAME è necessario cambiare before con after
CODICE .menuwrap .nick:after{content: " TESTO2 "; color: #hex !important}
Se al posto di un testo, si vuole inserire un immagine basta cambiare il content: " TESTO " con:
CODICE content: url(LINK_IMMAGINE)
Può essere necessario l'uso di padding-right & padding-left per evitare che la scritta si attacchi al nick.
Esempio disponibile qui.
CODICE .menuwrap .nick:before {content:"Benvenuto Giovane Utente!"; color: #888 !important; padding-right: 5px; font: 12px georgia !important}
Ovviamente nessuno vi vieta di personalizzarlo ulteriormente con un font/dimensioni/stile diverso =)
Tutorial a cura di -spiker per lo SkinFactory.
|
|
| .
|
9 replies since 24/6/2013, 14:34 1658 views
.