Messaggio Personalizzato nel Menu Utente

[ CSS ] Inserire un Messaggio prima del nick (o dopo) nel Menuwrap.

« Older   Newer »
 
  Share  
.
  1. -spiker
        +3   +1   -1
     
    .
    Avatar

    Senior Member

    Group
    Team
    Posts
    12,737
    Likes
    +150

    Status
    Anonymous
    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.
     
    Top
    .
9 replies since 24/6/2013, 14:34   1658 views
  Share  
.