Menu avancé
- KB Home
- Menu avancé
- 1. Général
- 2. Menu
- 3. Style
- 4. Configurations de couleurs
- 5. Configuration de la bordure
- 6. Sous-Menu
- 7. Style
- 8. Configurations de couleurs
- 9. Configurations d'ombrage
- 10. Configuration de la bordure
- 11. Configurations de séparateur
- 12. Adaptatif
- 13. Navigation adaptative
- 14. Présentation Adaptative
- 15. Style
- 16. Icône fermé
- 17. Typographie
- 18. Menu Typographie
- 19. Typographie du sous-menu
- 20. Avancé
Inclus dans le Forfait Valeur et Plus |
Menu avancé sert a afficher un menu à des endroits différents dans le site. Ce menu peut être indépendant du menu de navigation principal. Si vous n’avez pas choisi de gabarit d’en-tête, c’est avec cet élément que vous devez construire votre menu.
Une fois l’élément “Menu avancé ” glissé en place, vous pouvez commencer à personnaliser l’élément. La fenêtre de paramètres s’ouvre automatiquement.
Vous devez en premier configurer vos menus dans votre Tableau de Bord sous l’onglet « Configurations ».
Général
- Menu : Choisissez votre menu (si vous voyez la mention » aucun menus trouvés », c’est que vous n’avez pas encore créé de menu
- Disposition : Horizontal, Vertical, Accordéon, Expanded
- Icônes de sous-menu : Flèches, Signe d’addition, Aucun/e
Menu
Style
- Alignement du menu : Gauche, Centre, Droit(e)
- Marges du lien : Configurer les distances en Pixels
- Marges intérieures des liens : Configurer les distances en Pixels
Configurations de couleurs
- Couleur du lien : Choisissez la couleur
- Couleur lors du survol de lien : Choisissez la couleur
- Couleur d’arrière-plan : Choisissez la couleur
- Couleur pour survol de l’arrière-plan : Choisissez la couleur
Configuration de la bordure
- Style de la bordure : Aucun/e, Continue, Tirets, Double, Pointillée
Si vous choisissez « Aucune », vous n’aurez pas d’autres configurations
- Largeur de la bordure : Vous pouvez configurer des largeurs différentes selon le côté
- Couleur de la bordure : Choisissez la couleur
- Couleur de survol de la bordure : Choisissez la couleur
Sous-Menu
Style
- Marges intérieures : Configurer les distances en Pixels
- Largeur : Écrire la dimension en pixel
Configurations de couleurs
- Couleur du lien : Choisissez la couleur
- Couleur lors du survol de lien : Choisissez la couleur
- Couleur d’arrière-plan : Choisissez la couleur
- Couleur pour survol de l’arrière-plan : Choisissez la couleur
Configurations d’ombrage
- Ombrage rapportée : Oui, Non (si vous choisissez non, vous n’aurez pas les autres configurations)
- Longueur Horizontale : Écrire un chiffre en pixel
- Flou Radial : Écrire un chiffre en pixel
- Propagation Radial : Écrire un chiffre en pixel
- Couleur d’ombrage : Choisissez la couleur
- Opacité de la couleur d’Ombrage : Écrire un chiffre en pourcentage
Configuration de la bordure
- Afficher la bordure : Oui, Non (si vous choisissez non, vous n’aurez pas les autres configurations)
- Style de la bordure : Aucun/e, Continue, Tirets, Double, Pointillée
Si vous choisissez « Aucune », vous n’aurez pas d’autres configurations
- Largeur de la bordure : Vous pouvez configurer des largeurs différentes selon le côté
- Couleur de la bordure : Choisissez la couleur
Configurations de séparateur
- Afficher le séparateur : Oui, Non (si vous choisissez non, vous n’aurez pas les autres configurations)
- Style du Séparateur : Continue, Tirets, Double, Pointillée
- Taille du séparateur : Écrire un chiffre en pixel
- Couleur du séparateur : Choisissez la couleur
Adaptatif
Navigation adaptative
- Navigation adaptative : Icône de menu Empilé, Icône et étiquette Menu Empilé, Menu Bouton, Aucun/e
- Couleur de Navigation : Choisissez la couleur
- Alignement de Navigation : Gauche, Centre, Droit(e)
Présentation Adaptative
- Présentation Adaptative : Accordéon, Superposition, Off Canvas
- Taille adaptative : Afficher sur tous les appareils, petits appareils uniquement, petits et moyens, ou votre propre mesure
- En choisissant « Superposition » vous aurez les configurations suivantes en plus.
- Effet : Fondu, Glissement vers le bas, Scale, Door
- Vitesse d’animation : Indiquez le temps en Milliseconde
En choisissant « Off Canvas », vous devrez choisir la direction
Style
Pour Accordéon
- Alignement général : Gauche, Centre, Droit(e)
Pour Superposition
- Couleur d’arrière-plan : Choisissez la couleur
- Couleur du lien : Choisissez la couleur
- Couleur lors du survol de lien : Choisissez la couleur
- Couleur du séparateur de Sous-Menu : Choisissez la couleur
- Alignement général : Gauche, Centre, Droit(e)
- Icône de sous-menu : Par défaut, Flèches, Signe d’addition
Pour Off Canvas
- Couleur d’arrière-plan : Choisissez la couleur
- Couleur du lien : Choisissez la couleur
- Couleur lors du survol de lien : Choisissez la couleur
- Couleur du séparateur de Sous-Menu : Choisissez la couleur
- Off Canvas Couleur de superposition : Choisissez la couleur
- Marges Off Canvas : Écrivez les dimensions en pixels
- Ombrage Off Canvas : Oui, Non (Si vous choisissez oui, vous devrez choisir la couleur)
- Alignement général : Gauche, Centre, Droit(e)
- Icône de sous-menu : Par défaut, Flèches, Signe d’addition
Icône fermé
- Taille de l’icône fermé : Écrivez la dimension en pixel
- Couleur de l’icône fermée : Choisissez la couleur
Typographie
Menu Typographie
- Police : Choisissez votre police
- Taille de la police : choisissez la taille de la police en pixel
- Interligne : Choisissez l’espace entre les lignes
- Transformation du texte : Défaut, Lettres majuscules, Lettres minuscules, Première Lettre de chaque mot en majuscule
- Espace entre les lettres : Choisissez l’espace entre les lettres
Typographie du sous-menu
- Police : Choisissez votre police
- Taille de la police : choisissez la taille de la police en pixel
- Interligne : Choisissez l’espace entre les lignes
- Transformation du texte : Défaut, Lettres majuscules, Lettres minuscules, Première Lettre de chaque mot en majuscule
- Espace entre les lettres : Choisissez l’espace entre les lettres
Avancé
- Marges extérieuresDu haut, du bas, de gauche, de droite, les quatre côtés sont configurables indépendamment l’un de l’autre. L’ajustement des marges extérieures permet de créer des espaces entre les différentes rangées et de modifier la largeur d’affichage indépendamment des configurations du thème.
- Présentation adaptative
La présentation adaptative permet de contrôler l’affichage d’une rangée selon le type d’appareil à partir duquel on accède au site. - Visibilité : Choisissez à quel type d’utilisateur vous désirez que le contenu soit visible
- Animation
Style : Choisissez le type d’animation. Essayez-les et sélectionnez celle qui vous convient.
Délai : Choisissez en seconde, le délai avant que l’animation ne débute. - Sélecteur HTML