[CSS] Personnaliser sa barre de navigation.

Messages : 2289 Date d'inscription : 08/06/2011 Age : 27

Hello ! =D
Me revoici avec un tuto portant sur la personnalisation des barres de navigations, beaucoup plus esthétique.
Rendue: Lien du rendue

Explications

Nous allons commencer par créer la base du code,

Code:: a.mainmenu
{
Valeur du CSS.
}

Faisons la base, commençons par mettre une couleur de fond et un contour.

Code:: a.mainmenu
{
background-color: #codecouleur;
border: Xpx solid #codecouleur;
}

Ensuite, nous pouvons mettre un arrondis, ce qui nous donne:

Code:: a.mainmenu
{
background-color: #codecouleur;
border: Xpx solid #codecouleur;
-moz-border-radius: Xpx;
}

On rajoute ensuite la taille du texte, et sa police:

Code:: a.mainmenu
{
background-color: #codecouleur;
border: Xpx solid #codecouleur;
-moz-border-radius: Xpx;
font-family: Police;
font-size: XXpx;
}

Pour terminer, nous allons ajouter un padding, pour ne pas coller le texte au bord,

Code:: a.mainmenu
{
padding-right: 3px;
background-color: #codecouleur;
border: Xpx solid #codecouleur;
-moz-border-radius: Xpx;
font-family: Police;
font-size: XXpx;
}

Voilà, le code est donc terminé ! N'oublier pas de personnaliser !

Tutoriels par Bequiem
Toute reproduction non autorisée est passible de poursuite. Aucune reproduction possible sans notre accord, conformément à l’article L122-1 du CPI.