Volete avere il menù utente centrato come allo Skin Factory? E' semplicissimo e ve lo spiegherò in pochi passaggi.
Innanzi tutto andiamo nell'amministrazione della Skin e selezioniamo Modifica colori e stili. Dentro Modifica colori e stili inseriamo, sotto al selettore .menu il seguente codice css:
CODICE
.menu form {display:none}
Che ci permetterà di far sparire i vari menù di ricerca dalla barra, lasciandoci solo con la parte riguardante l'utente.
Dopodiche spostiamo la nostra attenzione nel selettore .menu (prenderò come esempio il codice della Default Skin):
CODICE
.menu {background-image: url(http://img.forumfree.net/style_images/37/tile_sub.gif); background-repeat: repeat-x; background-color: #DFE2E4; border: 1px solid #FFF; border-top: 0; color: #3A4F6C; font-weight: bold; letter-spacing: 1px}
Al codice di base ci basterà aggiungere (sostituendo 300px con la dimensione che più preferite) queste quattro descrizioni:
CODICE
margin-left: auto; margin-right: auto; text-align:center; width: 300px; position: relative
Ed ecco qui il codice finale!
CODICE
.menu {background-image: url(http://img.forumfree.net/style_images/37/tile_sub.gif); background-repeat: repeat-x; background-color: #DFE2E4; border: 1px solid #FFF; border-top: 0; color: #3A4F6C; font-weight: bold; letter-spacing: 1px; margin-left: auto; margin-right: auto; text-align:center; position: relative; width: 300px; height:25px}
.menu form {display:none}
Grazie allo Skin Factory per questo Tutorial.