Modification des styles d'un Menu Pop-up (Partie1)

L'élément Pop-up menu est le plus complexe à modifier graphiquement, il est nécessaire de connaitre un peu le css (ou alors beaucoup d'essai) pour le personnaliser complètement.

Il est bien sure possible de télécharger et d'appliquer des modèles de style pré-fabriqués, pour cela suivre le tutoriel dans le sujet "interface".

Ce tutoriel vous montrera comment créer ou modifier un modèle personnalisé. Cependant, il ne pourra pas être complètement exhaustif  car il y a trop de possibilités, mais devrait vous permettre de modifier vos menus.

L'exemple suivant a été fait avec le modèle Métal01

-          Aller sur le calque BaseCalque

-          Ajouter un élément Pop-up menu sur la page, puis le configurez (ne choisir aucun modèle de style)..

Positionnement du menu

-          Vous pouvez le positionner, via les propriétés du menu de droite

Dans l'exemple suivant nous avons décidé que le menu devrait s'ouvrir à gauche. Pour cela nous avons modifié la position et le décalage en X

->Décalage en X : -200 (ou -200 pixels) parce que le bouton fait 200px de large

->Position : En haut à gauche

C'est 2 propriétés permette au menu de s'ouvrir 200 pixels en moins que le haut gauche du bouton

De même, pour ouvrir le menu en haut d'un bouton il faut mettre une position (haut à gauche) et  un décalage en Y négatif.

Résultat :

Les zones de styles du menu popup (partie 3)