Personnalisez le design de votre menu, modifiez les couleurs pour qu'elles soient en harmonie avec votre site ou choisissez une nouvelle taille de police, un nouveau style et plus encore.

Vous pouvez ajuster à la fois le menu et le sous-menu, et avoir des designs différents pour les 3 états des éléments du menu : Normal, Survol et Cliqué.

Important :

Cet article fait uniquement référence aux menus horizontaux du panneau d'ajout, et non aux menus à thème que vous pouvez ajouter à votre site.
Les options de design varient en fonction du préréglage que vous choisissez.

En savoir plus sur la personnalisation :

Le conteneur du menu est l'espace autour des éléments.

Utilisez des options telles que les bordures et les remplissages pour concevoir votre conteneur et créer un menu accrocheur.

Pour personnaliser le conteneur du menu :

Sélectionnez le menu dans l'Éditeur.
Cliquez sur l'icône Design .
Cliquez sur Personnaliser le design
Cliquez sur Conteneur du menu sous Que souhaitez-vous personnaliser ? et utilisez les options pour personnaliser le conteneur.

En savoir plus

Remplissages d'arrière-plan :
- Cliquez sur la case de couleur pour sélectionner une couleur pour votre conteneur de menu.
- Faites glisser le curseur pour ajuster l'opacité.
Bordures :
- Cliquez sur la case de couleur pour sélectionner une couleur pour votre bordure.
- Cliquez sur le menu déroulant pour sélectionner un style de bordure.
- Cliquez sur l'icône Verrouiller / Déverrouiller pour choisir si tous les côtés de la bordure sont identiques ou de tailles différentes.
- Saisissez le nombre de pixels dans les cases pour modifier la taille de la bordure.
Angles :
- Cliquez sur l'icône Verrouiller / Déverrouiller pour choisir si les angles sont identiques ou de tailles différentes.
- Saisissez le nombre de pixels dans les cases pour modifier le rayon des angles.
Ombres :
- Cliquez sur Ajouter une ombre pour ajouter une ombre à votre conteneur.
- Faites glisser le curseur pour ajuster l'opacité de l'ombre.
- Cliquez sur la case pour personnaliser l'ombre:
  - Cliquez sur la case de couleur pour sélectionner une couleur pour votre ombre.
  - Sélectionnez si l'ombre est de type externe ou interne.
  - Saisissez l'angle dans la boîte.
  - Faites glisser le curseur pour augmenter ou diminuer la distance entre le conteneur et l'ombre.
  - Utilisez le curseur pour ajuster le flou de l'ombre.
  - Faites glisser le curseur pour augmenter ou diminuer la taille de l'ombre.
Mise en page :
- Cliquez sur l'icône Verrouiller / Déverrouiller pour choisir si la marge intérieure est de taille identique ou différente.
- Saisissez le nombre de pixels dans les cases pour modifier la taille de la marge intérieure.

Ajustez la façon dont vos éléments apparaissent dans le menu de votre site.

Personnalisez le design pour que votre menu reste élégant et encouragez les visiteurs à cliquer et à explorer votre site.

Pour personnaliser les éléments du menu :

Sélectionnez le menu dans l'Éditeur.
Cliquez sur l'icône Design .
Cliquez sur Personnaliser le design
Sélectionnez Éléments du menu sous Que souhaitez-vous personnaliser ?
Choisissez si vous souhaitez personnaliser le design des éléments en mode normal, survol ou page actuelle, et utilisez les onglets pour personnaliser les éléments.

En savoir plus

Remplissages d'arrière-plan :
- Couleur : Cliquez sur la case de couleur pour sélectionner une couleur pour vos éléments.
- Opacité : Faites glisser le curseur pour ajuster l'opacité.
Texte :
- Thèmes : Sélectionnez un thème de texte dans le menu déroulant.
- Polices : Sélectionnez une police dans le menu déroulant.
- Taille de la police : Faites glisser le curseur pour augmenter ou diminuer la taille du texte.
- Formatage : Utilisez les options pour formater le texte de votre élément, comme le gras, l'italique et le souligné. Vous pouvez également sélectionner une couleur pour le texte, le contour du texte et la surbrillance.
- Espacement des caractères : Faites glisser le curseur pour augmenter ou diminuer les espaces entre les caractères du texte.
- Ombres : Ajoutez et personnalisez une ombre sur le texte de votre élément.
Bordures :
- Verrouiller : Cliquez sur le bouton Verrouiller / Déverrouiller pour choisir si tous les côtés de la bordure sont identiques ou de tailles différentes.
- Taille : Saisissez le nombre de pixels dans les cases pour modifier la taille de la bordure.
Angles :
- Verrouiller : Cliquez sur le bouton Verrouiller / Déverrouiller pour choisir si les angles sont identiques ou de tailles différentes.
- Taille : Saisissez le nombre de pixels dans les cases pour modifier le rayon des angles.
Ombres :
- Ajouter une ombre : Cliquez sur Ajouter une ombre pour ajouter une ombre à votre conteneur.
- Opacité : Faites glisser le curseur pour ajuster l'opacité de l'ombre.
- Personnaliser : Cliquez sur la case pour personnaliser l'ombre avec les options suivantes :
  - Cliquez sur la case de couleur pour sélectionner une couleur pour votre ombre.
  - Sélectionnez si l'ombre est de type externe ou interne.
  - Saisissez l'angle dans la boîte.
  - Faites glisser le curseur pour augmenter ou diminuer la distance entre le conteneur et l'ombre.
  - Utilisez le curseur pour ajuster le flou de l'ombre.
  - Faites glisser le curseur pour augmenter ou diminuer la taille de l'ombre.

Personnaliser le conteneur du sous-menu

Personnalisez le conteneur du sous-menu pour afficher les éléments du sous-menu d'une manière unique et sophistiquée.

Vous pouvez avoir un design similaire au menu principal, ou un design complètement différent pour intéresser les visiteurs de votre site.

Pour personnaliser le conteneur du sous-menu :

Sélectionnez le menu dans l'Éditeur.
Cliquez sur l'icône Design .
Cliquez sur Personnaliser le design
Sélectionnez Conteneur de sous-menu sous Que souhaitez-vous personnaliser ? et utilisez les options pour ajuster le design.

En savoir plus

Remplissages d'arrière-plan :
- Cliquez sur la case de couleur pour sélectionner une couleur pour votre conteneur de menu.
- Faites glisser le curseur pour ajuster l'opacité.
Bordures :
Angles :
- Cliquez sur l'icône Verrouiller / Déverrouiller pour choisir si les angles sont identiques ou de tailles différentes.
- Saisissez le nombre de pixels dans les cases pour modifier le rayon des angles.
Ombres :
Mise en page :
- Cliquez sur l'icône Verrouiller / Déverrouiller pour choisir si la marge intérieure est de taille identique ou différente.
- Saisissez le nombre de pixels dans les cases pour modifier la taille de la marge intérieure.

Personnaliser les éléments du sous-menu

Modifiez le design des éléments de votre sous-menu avec les options disponibles.

Vous pouvez modifier les paramètres de texte, ajouter une ombre et plus encore pour l'adapter à l'aspect et à la convivialité de votre site.

Pour personnaliser les éléments du sous-menu :

Sélectionnez le menu dans l'Éditeur.
Cliquez sur l'icône Design.
Cliquez sur Personnaliser le design
Sélectionnez Éléments du sous-menu sous Que souhaitez-vous personnaliser ?
Choisissez si vous souhaitez personnaliser le design des éléments en mode normal, survol ou page actuelle, et cliquez sur les onglets pour personnaliser les éléments.

En savoir plus

Remplissages d'arrière-plan :
- Couleur : Cliquez sur la case de couleur pour sélectionner une couleur pour vos éléments.
- Opacité : Faites glisser le curseur pour ajuster l'opacité.
Texte :
- Thèmes : Sélectionnez un thème de texte dans le menu déroulant.
- Polices : Sélectionnez une police dans le menu déroulant.
- Taille de la police : Faites glisser le curseur pour augmenter ou diminuer la taille du texte.
- Formatage : Utilisez les options pour formater le texte de votre élément, comme le gras, l'italique et le souligné. Vous pouvez également sélectionner une couleur pour le texte, le contour du texte et la surbrillance.
- Espacement des caractères : Faites glisser le curseur pour augmenter ou diminuer les espaces entre les caractères du texte.
- Ombres : Ajoutez et personnalisez une ombre sur le texte de votre élément.
Bordures :
- Verrouiller : Cliquez sur l'icône Verrouiller / Déverrouiller pour choisir si tous les côtés de la bordure sont identiques ou de tailles différentes.
- Taille : Saisissez le numéro de pixel dans les cases pour modifier la taille de la bordure.
Angles :
- Verrouiller : Cliquez sur l'icône Verrouiller / Déverrouiller pour choisir si les angles sont identiques ou de tailles différentes.
- Taille : Saisissez le nombre de pixels dans les cases pour modifier le rayon des angles.
Ombres :
- Ajouter une ombre : Cliquez sur Ajouter une ombre pour ajouter une ombre à votre conteneur.
- Opacité : Faites glisser le curseur pour ajuster l'opacité de l'ombre.
- Personnaliser : Cliquez sur la case pour personnaliser l'ombre avec les options suivantes :
  - Cliquez sur la case de couleur pour sélectionner une couleur pour votre ombre.
  - Sélectionnez si l'ombre est de type externe ou interne.
  - Saisissez l'angle dans la boîte.
  - Faites glisser le curseur pour augmenter ou diminuer la distance entre le conteneur et l'ombre.
  - Utilisez le curseur pour ajuster le flou de l'ombre.
  - Faites glisser le curseur pour augmenter ou diminuer la taille de l'ombre.

Remarque :

Si vous ne voyez pas l'option de personnaliser le design de votre sous-menu, vous devrez peut-être ajouter un nouveau menu horizontal à votre site. En savoir plus

Menu