En poursuivant votre navigation sur ce site, vous acceptez l'utilisation de cookies pour vous proposer des contenus et services adaptés. Mentions légales.
 
 
 

Centre d'aide GuppY, aide en ligne, documentation et tutoriels

 

telecharger.png

 
 
Vous êtes ici :   Accueil » Menus déroulants
 
    Imprimer la page...
    Imprimer la section...
 

Menus déroulants

Nous allons configurer Menus déroulants :
 

config_look_fr_19.jpg


Nous approchons de la fin de la configuration et voici un gros morceau !!!
 

MENUS DEROULANTS :

En procédant dans l'ordre des lignes, ce sera plus simple et pas si compliqué que cela, si vous avez installé la skn5_maskin02, vous pouvez faire des essais ligne par ligne.
 

OPTION :

  • Largeur : vous entrez la largeur de votre onglet, 260px pour ajuster le menu vertical avec la colonne gauche.
    Toutes les skins du pack sont configurées avec des menus déroulants et vous verrez que la largeur peut varier d'une skin à l'autre, mais aussi en fonction du nombre d'onglets à mettre par exemple dans un menu horizontal,
     
  • Fonte (genre des textes) : le genre des textes, vous avez le choix entre 7 familles de fontes, ici la seconde est sélectionnée,,
         - Style : au choix dans les options, ici Texte en gras pour le titre,
         - Taille : dans l'exemple 16px, vous pouvez choisir une taille légèrement plus grande que dans la skin,
         - Couleur des textes : la couleur doit être adaptée à la couleur de fond,
     
  • Alignement : au choix parmi les 3 options, ici Aligner à gauche,
     
  • Arrière-plan : Choix de la couleur de fond, ici #244459,
     
  • Image de fond : au choix, pas d'image pour cette skin,
     
  • Couleur : en fonction de l'arrière plan ou de l'image de fond,
     
  • Bordures : vous indiquez la couleur de la bordure pour l'encadrement, pour cette rubrique #244459,
         - Taille des bordures : 1px, 0px pas de bordures
         - Style : Vous sélectionnez un style parmi les 8 styles proposés, ici Trait plein,
     
  • Rayon des coins arrondis : une taille en pixels, par exemple 6px, celle-ci sera en fonction de la taille de la zone. 0px, pas de coins arrondis.
     

SOUS-OPTION :

  • Largeur : 260px, pas de changement mais c'est possible,
     
  • Arrière-plan : changement de couleur pour la démo,
     
  • Image de fond :  pas d'image de fond,
     
  • Couleur des textes : en fonction de la couleur de fond, donc du blanc #FFFFFF,

 
OPTION VISITEE :

  • Arrière-plan : Changement de couleur pour l'option visitée, donc #00FFFF,
     
  • Image de fond : pas d'image,
     
  • Couleur des textes : en fonction de la couleur de fond, donc #404040,
     

 
OPTION SURVOLEE :

  • Arrière-plan : Changement de couleur pour l'option visitée, donc #B4EBFA,
     
  • Image de fond : pas d'image,
     
  • Couleur des textes : en fonction de la couleur de fond, donc #404040,

     

PANNEAU LINEAIRE :

  • Largeur : vous définissez la largeur de votre panneau en fonction du contenu que vous voulez y mettre, dans l'exemple 650px . Dans la base de démo, ce sont les docs avec les ID 462, 464, 465, 466 dans Admin/Structure/Options de menu déroulant,
     
  • Hauteur : même principe en fonction du contenu, dans l'exemple 300px,
     
  • Couleur des textes : la couleur de base des textes de la skin #404040, mais vous pouvez changer,
     
  • Image de fond : pas d' image mais c'est possible,
     
  • Bordures : vous indiquez la couleur de la bordure pour l'encadrement, pour cette skin #60C4EA,
         - Taille des bordures : 4px, une plus grande largeur pour bien délimité le panneau,
         - Style : Vous sélectionnez un style parmi les 8 styles proposés, Trait plein dans l'exemple,
     
  • Rayon des coins arrondis : une taille en pixels, par exemple,  0 0 10px 10px et vous aurez les coins du bas avec un arrondi de 10px.
     

Regardez le styleplus.css de la skn5_maskin02, il vous faudra un peu de personnalisation pour arriver au bout de la configuration des menus déroulants notamment pour le panneau déroulant linéaire.


 


Date de création : 09/05/2017 @ 16:49
Dernière modification : 03/12/2019 @ 15:26
Catégorie : - Tutoriel Config look
Page lue 14263 fois