-
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.
Tags : image, menubar, background, none, section
-
Commentaires
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;
}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. :(
Coucou Mikuru,
Je me demandais,
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 ?
Merci beaucoup ^^
Coucou!
Je voulais juste faire une précision. Maintenant qu'il y a le système de blogs favoris, il y a aussi une séparation à côté du coeur. Pour l'enlever, il faut utiliser ce code:
#menubar_favorites{
background-image: none;
}Voilà ~
Bonsoir Kururu :'D
C'est à propos de ce code..je l'ai essayé et le fond est apparu et tout. Mais les mots "Contenu, Apparence, Interactions.." restent de couleur bleu.
Comment dois-je faire pour qu'ils aient une autre couleur ? (ainsi que la p'tite flèche..)Si tu veux, tu peux aller regarder ce que sa fait sur So What ?! :S
Merci d'avance Kururu ~
Lou.
Effectivement, mais son blog n'est pas le seul. :)
D'ailleurs, j'ai seulement répondu à la question que l'on m'a posée.Vous devez être connecté pour commenter
Ouah, c'est parfait *^*
Merci beaucoup !