[Résolu] Personnaliser barre de menus (Créer un compte)

  • Statut : non résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #520208
    NuancesdeFilles
    Participant
    Initié WordPress
    49 contributions

    Ma configuration WP actuelle
    – Version de WordPress :
    – Version de PHP/MySQL :
    – Thème utilisé :
    – Extensions en place :
    – Nom de l’hebergeur :
    – Adresse du site : wwww.nuancesdefilles.com

    Problème(s) rencontré(s) :

    Bonjour j’aimerai pouvoir personnaliser ma barre de menu : donc,

    Changer la couleur du texte (la typo si possible egalement ?), affiner la barre, et centrer le texte !

    J’utilise un thème qui se nomme Canyon et je vous mets quelques lignes concernant la partie menu :

    /*
    |————————
    | =Menu Primary
    |————————
    */

    .menu1 {
    position: relative;
    z-index: 9999;
    background-color: #C0C0C0;
    padding: 0px 0 0 0;
    }

    .menu1-data {
    background-color: #C0C0C0;
    }

    .menu1 ul,
    .menu1 ul * {
    margin: 0;
    padding: 0;
    list-style: none;
    }

    .menu1 ul {
    margin-bottom: 0;
    line-height: 1.0;
    }

    .menu1 ul ul {
    position: absolute;
    top: -999em;
    width: 10em;
    }

    .menu1 ul ul li {
    width:100%;
    }

    .menu1 ul li:hover {
    visibility: inherit;
    }

    .menu1 ul li {
    float: left;
    position: left;
    word-wrap: break-word;
    }

    .menu1 ul li li {
    background: none;
    }

    .menu1 ul li:hover ul,
    .menu1 ul li.sfHover ul {
    left: 0px;
    top: 52px;
    z-index: 200;
    }

    .menu1 ul li:hover li ul,
    .menu1 ul li.sfHover li ul {
    top: -999em;
    }

    .menu1 ul li li:hover ul,
    .menu1 ul li li.sfHover ul {
    left: 10em;
    top: 0px;
    }

    .menu1 ul li li:hover li ul,
    .menu1 ul li li.sfHover li ul {
    top: -999em;
    }

    .menu1 ul li li li:hover ul,
    .menu1 ul li li li.sfHover ul {
    left: 10em;
    top: 0px;
    }

    /** Top Level Anchors */
    .menu1 ul a,
    .menu1 ul a:visited {
    display: block;
    font-size: 12px;
    position: relative;
    padding: 20px 0 20px 16px;
    text-decoration: none;
    color: #dcdcdc;
    /*background-color: #FFF;*/
    }

    /** Nested Anchors */
    .menu1 ul ul.sub-menu a,
    .menu1 ul ul.sub-menu a:visited,
    .menu1 ul ul.children a,
    .menu1 ul ul.children a:visited {
    font-size: 12px;
    padding: 12px 12px 12px 16px;
    border-bottom: solid #1b1b1b 1px;
    }

    .menu1 ul li {
    }

    .menu1 ul li li {
    background-color: #1b1b1b;
    opacity: 0.9;
    }

    /** Global Anchors Hover */
    .menu1 ul li:hover,
    .menu1 ul li.sfHover,
    .menu1 ul a:focus,
    .menu1 ul a:hover,
    .menu1 ul a:active {
    color: #FFF;
    }

    /** Nested Anchors Hover */
    .menu1 ul ul.sub-menu li:hover,
    .menu1 ul ul.sub-menu li.sfHover,
    .menu1 ul ul.sub-menu a:focus,
    .menu1 ul ul.sub-menu a:hover,
    .menu1 ul ul.sub-menu a:active,
    .menu1 ul ul.children li:hover,
    .menu1 ul ul.children li.sfHover,
    .menu1 ul ul.children a:focus,
    .menu1 ul ul.children a:hover,
    .menu1 ul ul.children a:active {
    /*background: #0f0d0e;*/
    background: #1b1b1b;
    opacity: 1;
    }

    /** Menu Indicator */
    .menu1 ul .sf-sub-indicator {
    display: inline-block;
    width: 7px;
    height: 12px;
    margin: 0 0 0 8px;
    text-indent: -9999px;
    background: url(images/menu-indicator-down.png) no-repeat;
    /*border: solid 1px red;*/
    }

    .menu1 ul ul .sf-sub-indicator {
    position: absolute;
    width: 7px;
    height: 15px;
    top: 8px;
    right: 15px;
    text-indent: -9999px;
    background: url(images/menu-indicator-right.png) no-repeat;
    /*border: solid 1px red;*/
    }

    #878049
    ouistiti.net
    Participant
    Maître WordPress
    1879 contributions

    1- Changer la couleur de la typo
    2- Pour affiner la barre du menu vers la ligne 1278

    .menu1 ul a, .menu1 ul a:visited {
    -moz-text-blink: none;
    -moz-text-decoration-color: -moz-use-text-color;
    -moz-text-decoration-line: none;
    -moz-text-decoration-style: solid;
    color: #DCDCDC;
    display: block;
    font-size: 14px;
    padding-bottom: 10px;
    padding-left: 100px;
    padding-right: 0;
    padding-top: 10px;
    position: relative;
    }

    1. Changer color: #DCDCDC; (exemple color: #fff;)
    2. Mettre (exemple: padding-bottom: 5px; et padding-top: 5px;)

    #878050
    NuancesdeFilles
    Participant
    Initié WordPress
    49 contributions

    Merci j’ai reussi à faire tout cela 🙂.

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