Eklablog Tous les blogs
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Barre de navigation

Pour changer le fond de la barre de menu il faut ajouter ceci dans ton CSS :

#menubar {background-image: url("urldel'image");}

Et remplacer urldel'image par l'url de l'image que tu souhaites mettre en fond.
Tu verras des traits blancs de séparation entre les menus après, si tu souhaites les enlever
tu dois insérer ceci à la suite :

#menubar_section_content{
background-image: none;
}
#menubar_section_appearance{
background-image: none;
}
#menubar_section_interactions{
background-image: none;
}
#menubar_section_manage{
background-image: none;
}
#menubar_section_account{
background-image: none;
}
#menubar_notifications{
background-image: none;
}
#menubar_signin {
background-image: none;
}
.menubar_button {
background-image: none;
}
#menubar_favorites{
background-image: none;
}

Merci à Chelinka pour sa dernière précision !

Pour appliquer une ombre portée sous la barre

#menubar { 
    box-shadow: 1px 1px 2px #000000;
}

Tu remplaces #000000 par la couleur de ton choix.


1. Changer le fond des sous-menu

Il y a deux images de bases pour les sous menus sur Ekla.
Celle-ci : submenu_item.png
Et celle-là qui concerne le dernier sous-menu : submenu_item_last.png

La partie supérieure de chaque image correspond à celle que l'on voit sans passage de la souris.
La partie inférieure correspond donc au moment où l'on passe la souris sur le sous-menu.
Tu ne dois en aucun cas découper ces images si tu souhaites les modifer, elle doivent se trouver sur la même image et garder le meme format que celles de base.

Quand tu les a modifiées comme tu le souhaite, tu inséres ces codes dans ton CSS.

.menubar_section li {
    background: url("urldel'image:submenu_item.png") no-repeat scroll 0 0 transparent;
}
.menubar_section li:last-child {
    background: url("urldel'image:submenu_item_last.png") no-repeat scroll 0 0 transparent;
}

Bien sûr, tu remplaces les url par celles qui sont concernée.


2. Changer la couleur du texte mon compte sur la barre de menu

Il faut rajouter ce code dans ton CSS

#menubar {
color: #FFFFFF;
}

En remplacant #FFFFFF par la code de la couleur de ton choix.

Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
L
Ouah, c'est parfait *^*<br /> Merci beaucoup !
Répondre
M
Aaah, je n'avais pas pensé à ça. C'est tout bête en fin de compte, il suffit de rajouter cela à ton CSS ! :) Il aurait fallu commencer par là ! ^^CSS#menubar strong {    font-size: 0;}<br />  
Répondre
L
Merci pour ta réponse ^^<br /> Mais, par exemple, sur le blog de Carla, le lien a disparu ... 
Répondre
M
Alors, ne m'étant jamais penchée sur la question, j'ai tenté de voir s'il y avait quelque chose à faire pour ce lien, mais il n'y a, malheureusement, aucune possibilité de le retirer, je suis désolée. :(
Répondre
L
Coucou Mikuru,<br /> Je me demandais, <br /> Est-ce qu'on peut enlever le lien dans la barre de navigation " Gagnez des cadeaux en répondant à un quiz !" avec un code CSS ?<br /> Merci beaucoup ^^
Répondre