Ce code permet de modifier la barre de navigation de votre forum, mais aussi pour votre site.

 

♦ Rendez-vous dans votre Panneau d’Administration
♦ Dirigez-vous dans Affichages > Couleurs > Feuille de Style CSS
♦ Insérez ce code en modifiant les #COULEUR, puis Validez

a.mainmenu {
color: #COULEUR; /*couleur du texte*/
text-shadow: 2px 2px 2px #000000;
text-align : center;
font-size: 10pt;
font-family: Times New Roman;
border-right: 3px solid #COULEUR; /*couleur de la bordure droite*/
border-left: 3px solid #COULEUR; /*couleur de la bordure gauche*/
border-top: 1px dashed #COULEUR; /*couleur de la bordure du haut*/
border-bottom: 1px dashed #COULEUR; /*couleur de la bordure du bas */
border-radius: 0px 10px 0px 10px ;
-moz-border-radius: 0px 10px 0px 10px ;
-ms-border-radius: 0px 10px 0px 10px ;
-o-border-radius: 0px 10px 0px 10px ;
-webkit-border-radius: 0px 10px 0px 10px ;
background: #COULEUR; /*couleur du fond*/
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 3px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}

a.mainmenu:hover { /*pareil mais quand la souris survole dessus*/
color: #COULEUR;
text-shadow: 2px 2px 2px #000000;
text-align : center;
font-size: 10pt;
font-family: Times New Roman;
border-right: 3px solid #COULEUR;
border-left: 3px solid #COULEUR;
border-top: 1px dashed #COULEUR;
border-bottom: 1px dashed #COULEUR
border-radius: 10px 0px 10px 0px ;
-moz-border-radius: 10px 0px 10px 0px ;
-ms-border-radius: 10px 0px 10px 0px ;
-o-border-radius: 10px 0px 10px 0px ;
-webkit-border-radius: 10px 0px 10px 0px ;
background: #COULEUR;
padding-right: 10px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 3px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
}

♦ 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 *