• 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 Tags : , , , ,
  • Commentaires

    13
    Dimanche 21 Juillet 2013 à 17:32

    Ouah, c'est parfait *^*

    Merci beaucoup !

    12
    Dimanche 21 Juillet 2013 à 12:30

    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;
    }

     

    11
    Dimanche 21 Juillet 2013 à 11:54

    Merci pour ta réponse ^^

    Mais, par exemple, sur le blog de Carla, le lien a disparu ... 

    10
    Dimanche 21 Juillet 2013 à 11:51

    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. :(

    9
    Samedi 20 Juillet 2013 à 15:45

    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 ^^

    8
    Lundi 24 Juin 2013 à 00:04

    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à ~

    7
    Mercredi 12 Juin 2013 à 17:09

    Est-ce qu'il existe un code pour modifier la police de la barre de navigation ? 

    6
    Mercredi 25 Juillet 2012 à 21:32

    Merci pour ces codes !

    5
    Mardi 4 Octobre 2011 à 21:22

    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. 

    4
    Dimanche 2 Octobre 2011 à 19:29

    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.

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    3
    Dimanche 2 Octobre 2011 à 19:14

    Mais merci quand même du partage :)

    2
    Dimanche 2 Octobre 2011 à 19:14

    Euh c'était déjà sur le blog de Nagalia xD

    1
    Dimanche 2 Octobre 2011 à 16:44

    Merci :)

    Vous devez être connecté pour commenter