[Résolu] Changer la couleur du menu sur thème Twenty Eleven (Créer un compte)

  • Statut : non résolu
15 sujets de 1 à 15 (sur un total de 42)
  • Auteur
    Messages
  • #499414
    misskat
    Membre
    Initié WordPress
    8 contributions

    Bonjour,

    WP 3.2.1
    Twenty Eleven
    Hébergé chez ovh

    J’aimerai savoir comment je peux changer la couleur du menu dans le thème Twenty Eleven. Il est noir actuellement. Dans « apparence », je peux changer la couleur de l’arrière plan en entrant le code hexadécimal mais pas la couleur du menu.

    Je vous remercie par avance pour votre aide

    Cordialement,
    MK

    #791607
    Anonyme
    Invité
    Maître WordPress
    34070 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #791608
    misskat
    Membre
    Initié WordPress
    8 contributions

    Merci pour votre réponse.
    Une dernière question : j’ai bien changé la couleur, mais comment enregistrer les modifications effectuées dans le code ? En effet, quand je fais les modifications, la couleur change, mais quand je passe à sur une autre page et que je reviens, le noir du bandeau est revenue.
    J’ai déjà fait du code avec Dreamweaver, je connais donc un peu le CSS, mais l’éditeur de WP me déroute un peu…
    Par avance encore merci.
    MK

    #791609
    Charlef
    Participant
    Chevalier WordPress
    126 contributions
    misskat wrote:
    Merci pour votre réponse.
    Une dernière question : j’ai bien changé la couleur, mais comment enregistrer les modifications effectuées dans le code ? En effet, quand je fais les modifications, la couleur change, mais quand je passe à sur une autre page et que je reviens, le noir du bandeau est revenue.
    J’ai déjà fait du code avec Dreamweaver, je connais donc un peu le CSS, mais l’éditeur de WP me déroute un peu…
    Par avance encore merci.
    MK

    Bonsoir,
    Je pense que vous ne devez agir que sur l’analyse de l’élément qui vous permet au bas de l’écran de voir ce que génèrent les modifications sans être en mesure de les enregistrer pour autant.
    Vous y parviendrez au moyen d’un éditeur gratuit comme NotePad++ v.5.9.3. current version.
    http://notepad-plus-plus.org/fr/download/v5.9.3.html

    Une fois le code couleur relevé, vous ouvrez le dossier de votre dernière sauvegarde, et en suivant ce cheminement, Sauvegarde>Wordpress>wp-content>thèmes>twentyeleven>style.css, vous cliquez droit sur ce dernier fichier, faites « ouvrir avec Notepad++ ».
    Vous apportez vos modifications au bon endroit et enregistrez le tout depuis Notepad++.
    Ceci fait et ce fichier sauvegardé là où vous l’aurez trouvé, il vous faudra l’uploader chez votre hébergeur pour écraser le précédent.
    rvzen que je salue a été mon professeur en la matière.

    #791610
    Anonyme
    Invité
    Maître WordPress
    34070 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #791611
    Charlef
    Participant
    Chevalier WordPress
    126 contributions

    Bonjour Rvzen,
    vous me savez discipliné, c’est pourquoi j’ai préféré ne parler que de Notepad++ qui semble ne souffrir d’aucun reproche tandis que j’ai pu lire que l’Editeur WordPress donnait, parfois, à constater quelques surprises.
    Tenant compte de ces observations, j’ai finalement préféré n’utiliser que Notepad++ pour toutes mes modifications.
    Cordialement

    #791612
    Anonyme
    Invité
    Maître WordPress
    34070 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #791613
    dropeo
    Participant
    Padawan WordPress
    56 contributions

    Pour changer les couleurs du thème, il y a également un plug-in « Twenty eleven extensions » qui le propose très bien.

    #791614
    Anonyme
    Invité
    Maître WordPress
    34070 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #791615
    arnocaster
    Participant
    Initié WordPress
    2 contributions

    Bonjour,

    Je suis aussi dans la modification du thème twenty eleven et j’ai rentré ceci :

    /* =Menu
    ————————————————————– */


    #access {
    background: white;
    }

    #access ul {
    font-size: 13px;
    list-style: none;
    margin: 0 0 0 -0.8125em;
    padding-left: 0;
    }

    Ci dessous le code de la page Html générée :

    <nav id="access" role="navigation">
    <h3 class="assistive-text">Menu principal</h3>
    <div class="skip-link"><a class="assistive-text" href="#content" title="Aller au contenu principal">Aller au contenu principal</a></div>
    <div class="skip-link"><a class="assistive-text" href="#secondary" title="Aller au contenu secondaire">Aller au contenu secondaire</a></div>

    <div class="menu"><ul><li class="current_page_item"><a href="http://www.eddufao.com/wordpress/" title="Accueil">Accueil</a></li><li class="page_item page-item-2"><a href="http://www.eddufao.com/wordpress/?page_id=2" title="Historique">Historique</a><ul class='children'><li class="page_item page-item-47"><a href="http://www.eddufao.com/wordpress/?page_id=47" title="Qui sommes nous?">Qui sommes nous?</a></li></ul></li><li class="page_item page-item-6"><a href="http://www.eddufao.com/wordpress/?page_id=6" title="Artisanat">Artisanat</a></li><li class="page_item page-item-8"><a href="http://www.eddufao.com/wordpress/?page_id=8" title="Actions">Actions</a><ul class='children'><li class="page_item page-item-15"><a href="http://www.eddufao.com/wordpress/?page_id=15" title="Agriculture">Agriculture</a></li><li class="page_item page-item-35"><a href="http://www.eddufao.com/wordpress/?page_id=35" title="Echanges">Echanges</a></li><li class="page_item page-item-28"><a href="http://www.eddufao.com/wordpress/?page_id=28" title="Economie">Economie</a></li><li class="page_item page-item-31"><a href="http://www.eddufao.com/wordpress/?page_id=31" title="Handicap">Handicap</a></li><li class="page_item page-item-33"><a href="http://www.eddufao.com/wordpress/?page_id=33" title="Insertion">Insertion</a></li></ul></li><li class="page_item page-item-39"><a href="http://www.eddufao.com/wordpress/?page_id=39" title="Contact">Contact</a></li></ul></div>
    </nav><!-- #access -->

    Cependant mon menu reste définitivement noir…

    Auriez vous une solution?

    Merci beaucoup!

    #791616
    Anonyme
    Invité
    Maître WordPress
    34070 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #791617
    arnocaster
    Participant
    Initié WordPress
    2 contributions

    Au temps pour moi, je poste car le style.css a l’air d’avoir changé recement

    Vous trouverez ci-dessous mon #acces original qui semble contenir des dégradés et qui ne ressemble pas à votre original. On trouve le #access à la ligne 540

    J’ai mis « red » pour que le changement soit flagrant.

    #access {
    background: #222; /* Show a solid color for older browsers */
    background: -moz-linear-gradient(#252525, #0a0a0a);
    background: -o-linear-gradient(#252525, #0a0a0a);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#252525), to(#0a0a0a)); /* older webkit syntax */
    background: -webkit-linear-gradient(#252525, #0a0a0a);
    -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 1px 2px;
    clear: both;
    display: block;
    float: left;
    margin: 0 auto 6px;
    width: 100%;
    }

    Je suis reparti de l’original et j’ai changé en ceci :

    #access {
    background: red; /* Show a solid color for older browsers */

    clear: both;
    display: block;
    float: left;
    margin: 0 auto 6px;
    padding-top: 5px;
    width: 100%;
    }

    Ca marche! J’avais du faire trop de test hasardeux..

    Merci beaucoup

    #791618
    Anonyme
    Invité
    Maître WordPress
    34070 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

    #791619
    adminmclk
    Participant
    Initié WordPress
    39 contributions

    Bonjour,

    J’ai Twenty Eleven Version: 1.2

    Je souhaiterais aussi modifier la barre noire du menu. J’ai lu les conseils, simplement, je n’ai pas de bouton « mettre à jour le fichier » en bas pour que les modifications soient appliquées.

    Avez-vous un conseil à ce sujet ?

    merciBarre du menu

    #791620
    Anonyme
    Invité
    Maître WordPress
    34070 contributions

    Ce message a été supprimé suite à la demande de l’auteur.

15 sujets de 1 à 15 (sur un total de 42)
  • Vous devez être connecté pour répondre à ce sujet.