Les commandes de la section Menu de Niveau

Étape 4 - Pages > Objet Menu >

Les commandes de la section Menu de Niveau

Previous pageReturn to chapter overviewNext page

Les options de cette section permettent de définir certains paramétrages généraux du Menu de Niveau.

Vous devez définir tout d'abord le Type de menu en choisissant parmi :

Organiser sur une colonne : toutes les champs du Menu de Niveau sont organisées en une seule colonne, l'une après l'autre.

Organiser sur plusieurs colonnes : les champs du Menu de Niveau sont organisés en plusieurs colonnes les unes à côté des autres. Une nouvelle colonne est automatiquement créée lorsque :

le nombre de champs atteint ou dépasse la valeur configurée pour l’option Éléments max par colonne  ;
la liste des Pages est interrompue par un Séparateur (voir Création du plan).

En plus du Type de menu , le cadre Affichage présente également les champs suivants :

Éléments max par colonne  : actif uniquement pour le Type de Menu Organiser sur plusieurs colonnes, il configure le nombre maximum de champs pouvant etre contenus dans chaque colonne du Menu de Niveau.
Ouverture  : précise le côté, par rapport au Menu Principal, où doit s'afficher le Menu de Niveau.
Effet  : définit l'effet d'affichage pour le Menu de Niveau.

Une fois le Type de menu choisi, vous pouvez définir les options proposées dans le cadre Style bouton :

Largeur  : permet de définir la valeur en pixels de la largeur des boutons contenant les éléments du menu.
Marge  : permet de définir la valeur en pixels de la marge horizontale et verticale, qui est l'espace entre la bordure du bouton et le texte qu'il contient.
Distance  : configure la valeur en pixels de la marge extérieure, c’est-à-dire de l’espace entre deux Boutons.

La largeur des Boutons doit être définie également en fonction de l’espace total disponible pour le Menu : vous pouvez modifier ce paramètre en toute liberté si vous n'utilisez pas un Modèle graphique prédéfini (voir Structure du Modèle).

Les options présentes dans le cadre Texte Bouton sont :

Police  : spécifie le type de Police, le Style et la taille du texte.
Alignement  : permet de définir l'alignement du texte à Gauche, au Centre ou à Droite par rapport au bouton.

Vous pouvez ensuite définir l'aspect de chaque élément qui compose le Menu de Niveau. Tout d’abord, vous devez sélectionner l'Élément de menu sur lequel vous souhaitez intervenir : Arrière-plan, Élément de menu, Élément sur mouseover, Séparateur et Séparateur de lignes.

Selon l’élément sélectionné, dans la section Style, les options suivantes peuvent être disponibles  :

Couleur de l’arrière-plan  / Couleur de texte  : définissent la couleur de l’Arrière-plan, des textes des Champs des différents statuts, du Séparateur du Menu et de l’élément Séparateur de lignes.
Opacité  : configure le niveau d’opacité de la couleur appliquée à l’Arrière-plan. Pour des valeurs proches de 0, l'opacité diminue et l'arrière-plan de l’Objet devient plus transparent, laissant voir l'arrière-plan de la Page.
Bordure  : définit, même séparément, la couleur, l’épaisseur et le facteur d’arrondissement des angles et l'ombre des bords de l’Arrière-plan.
Texte Bouton : applique à la Élément sur mouseover ou au Séparateur le style du texte Normal, Gras, Italiqueou Souligné. Ce style s’ajoute à ce qui a été défini dans le cadre Texte Bouton.
Image d'arrière-plan  : disponible uniquement pour les éléments Élément de menu, Élément sur mouseover et Séparateur, permet de définir l'image qui doit être affichée comme arrière-plan du Bouton. Pour sélectionner l'image à utiliser, cliquez sur le bouton pour parcourir les ressources disponibles: vous pouvez utiliser des fichiers au format .JPG, .GIF, .PNG. Autrement, vous pouvez cliquer sur la flèche à côté du champ pour ouvrir la librairie des boutons et choisir une image à utiliser.
Largeur  : disponible uniquement pour l’élément Séparateur de lignes, elle configure la largeur en pourcentage par rapport à la largeur du Menu déroulant.
Style  : disponible uniquement pour l’élément Séparateur de lignes, elle configure le type de trait en choisissant entre Plein, Tirets, Pointillé, Bas-relief, Haut-relief.