Menu avancé

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