“Ce code permet de personnaliser votre barre de navigation avec une barre en dessous et en dessus de votre menu.”

 

♦ Rendez-vous dans votre Panneau d’Administration
♦ Dirigez-vous dans Affichages > Affichage > Template > Feuille de Style CSS
♦ Mettez ce code à la suite en modifiant les #COULEURS

/*BARRE DE NAVIGATION*/

a.mainmenu {
color : #COULEURS; /*couleur du texte*/
font-size: 15px;
font-family: Georgia;
font-weight: bold;
text-transform: lowercase;
text-shadow: #COULEURS 2px 2px 2px; /*couleur de l’ombre du texte*/
background-color: #COULEURS; /*couleur de fond*/
border-top: 3px solid #COULEURS; /*bordure du haut*/
border-bottom: 3px solid #COULEURS; /*bordure du bas*/
margin-left: -7px;
margin-right: -5px;
padding-right: 10px;
}

a.mainmenu:hover{
color : #COULEURS; /*couleur du texte*/
font-size: 15px;
font-family: Georgia;
font-weight: bold;
text-transform: lowercase;
text-shadow: #COULEURS 2px 2px 2px; /*couleur de l’ombre du texte*/
background-color: #COULEURS; /*couleur de fond*/
border-top: 3px solid #COULEURS; /*bordure du haut*/
border-bottom: 3px solid #COULEURS; /*bordure du bas*/
margin-left: -7px;
margin-right: -5px;
padding-right: 10px;
}

♦ Puis enregistrez et c’est terminé.

♦ Si vous ne vouliez pas de l’effet d’ombrage, Retirez ce code dans les 2 parties.

text-shadow: #COULEURS 2px 2px 2px;

♦ Puis, enregistrez et c’est terminé.

© By Shaynee

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *