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.