Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Sous-menu dans la barre de navigation

275 appréciations
Hors-ligne
Bonjour,

Il est désormais possible d'ajouter un niveau de sous-menus à votre barre de navigation. La présentation de l'outil de personnalisation de la barre de navigation a été modifiée en conséquence pour accueillir cette fonctionnalité.







Pour les blogs utilisant le MasterDesign ou un RapidDesign hautement personnalisé, il faudrait très certainement faire quelques ajustements dans votre CSS.

Si vous êtes en MasterDesign et que les sous-menus n'apparaissent pas correctement, ajoutez le code CSS suivant à votre CSS : 

nav ul ul {
    float: none;
    position: absolute;
    display: none;
    background-color: inherit;
    margin: 0;
    padding: 0 20px;
    margin-left: -20px;
    padding-bottom: 10px;
}
nav li:hover ul {
    display: block !important;
}
nav ul ul li {
    display: block;
    white-space: nowrap;
}
nav ul .caret {
    margin: 18px 0 0 10px;
    border-width: 6px;
}


Voici les classes CSS à disposition pour le personnaliser :

La flèche indiquant qu'il s'agit d'un menu avec sous-menus :
nav .caret {
    /* Votre code CSS */
}


Le sous-menu en lui-même :
nav ul ul {
    /* Votre code CSS /
}


Pour tous les éléments du sous-menus que vous souhaiteriez personnaliser, il faudra précéder les éléments de la même chose que ci-dessus. Par exemple :

Pour la ligne du sous-menu :
nav ul ul li {
    /* Votre code CSS */
}


Pour le texte du sous-menu (lien) :
nav ul ul a{
    /* Votre code CSS */
}


N'hésitez pas à nous signaler toute anomalie.

424 appréciations
Hors-ligne
Merci beaucoup, c'est une excellente idée !
Très belle journée

105 appréciations
Hors-ligne
Merci B4E !

Cela fonctionne à merveille et c'est indéniablement un plus.

Bonne journée à vous !

2023 appréciations
Hors-ligne
Bonjour Réseau BP

ah oui c'est chouette ! je n'avais pas encore vu cette nouvelle fonction en action, comme tu dis indéniablement un plus !

37 appréciations
Hors-ligne


beaucoup !

Il y a du boulot pour appliquer ceci dans mon blog. Les premiers essais n'ont rien donné. Cela fait un bon bout de temps (des années) que je n'ai plus touché à tous ces codes .



37 appréciations
Hors-ligne


ça m'a pris 6 heures, j'ai dû changer le système de design (du Master aujourd'hui trop compliqué pour moi, au Rapid plus abordable et agréable) et refaire tout le blog, mais à la fin je suis satisfait.

J'ai pu mettre une bonne base que je pourrai ajuster au fur et à mesure.

Merci encore pour la possibilité d'avoir les sous-menus.

Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie News de Blog4ever.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 5720 autres membres