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

telecharger.png

o2switch3-1.png
Vous êtes ici :   Accueil » Menu de navigation latérale
    Imprimer la page...

Menu de navigation latérale

Nous allons configurer Menu de navigation latérale :
 


09_menu_de_navigation_laterale_fr.jpg


MENU POUR NAVIGATION LATERALE :

Une nouveauté à placer de préférences dans la colonne de droite sur la première ligne de Boîtes en haut avec une largeur de 3 ou 4 colonnes !!!
Attention : la configuration doit être faite impérativement avant d'afficher la boîte dans Boîtes en haut,


BOITE MENU:

  • Marges extérieures (Boîte menu) : -2px 0 0 par défaut,
     
  • Marges intérieures (Boîte menu) : 2px 4px 2px par défaut,
     
  • Marges extérieures (Icône menu) : 1px 5px 0 10px par défaut,
     
  • Marges extérieures (Drapeau) : 8px 4px 0 0 par défaut,
     
  • Couleur de fond : transparent, le fond aura la même couleur que le fond de TopBoxes,
     
  • Bordures : vous indiquez la couleur de la bordure pour l'encadrement,
         - Taille des bordures : 0px, pas de bordures
         - Style : Vous sélectionnez un style parmi les 8 styles proposés, dans l'exemple Rien,
         - Rayon des coins arrondis : 0px, pas de coins arrondis,
     
  • 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,
         - Taille : dans l'exemple 1.7rem, vous pouvez aussi choisir une taille légèrement plus grande,
     
  • Marges extérieures (Texte) : 2px 0 0 10px par défaut,
     
  • Marges intérieures (Texte) : 3px 5px par défaut,
     
  • Couleur liens OFF :  la couleur du texte des onglets du menu au repos soit #FFFFFF
         - Couleur de fond : la couleur du fond sera #0F056B,
     
  • Couleur liens ON :  la couleur du texte des onglets du menu au repos soit #0F056B,
         - Couleur de fond : la couleur du fond sera #A0EAFE,
     

PANNEAUX :

  • Couleur de fond : #E7FFFF, par défaut, identique à TopBoxes,
     
  • Bordures : vous indiquez la couleur de la bordure pour l'encadrement, #0F056B par défaut,
         - Taille des bordures : 2px, une bordure plus large pour ce panneau,
     
  • Couleur lien fermeture : #0F056B par défaut, couleur du > pour fermer en haut à droite du panneau,
     

TITRE DU PANNEAU MENU :

Une nouveauté pour afficher le titre de votre site tel que défini à Nom du site dans la config générale, attention à la longueur de votre titre !!!

  • 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,
         - Taille : dans l'exemple 2.5rem, vous devrez choisir la taille en tenant compte de la longueur du titre de votre site,
    Pour cet exemple, le titre du site était " Tests GuppY 6 "
     
  • Couleur de fond : #0F056B, par défaut, identique au fond du titre des boîtes latérales,
     
  • Bordures : vous indiquez la couleur de la bordure pour l'encadrement, #0F056B par défaut,
         - Taille des bordures : 2px, une bordure plus large pour ce panneau,
         - Rayon des coins arrondis : des coins arrondis de 6px.

OPTIONS DE MENU :

  • 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,
         - Taille : dans l'exemple 1.7rem, vous pouvez aussi choisir une taille légèrement plus grande,
     
  • Couleur liens OFF :  la couleur du texte des onglets du menu au repos soit #03224C
         - Couleur de fond : la couleur du fond est #A9EAFE pour être bien adaptée avec le fond,
     
  • Couleur liens ON :  la couleur du texte des onglets du menu soit #FFFFFF,
         - Couleur de fond : la couleur du fond est #03224C pour mettre un peu de couleur,
     
  • Bordures : vous indiquez la couleur de la bordure pour l'encadrement, soit #03224C
         - Taille des bordures : 1px, une bordure classique,
         - Style : Vous sélectionnez un style parmi les 8 styles proposés, ici Trait plein est sélectionné,
         - Rayon des coins arrondis : des coins arrondis de 6px sur la gauche. 0px, pas de coins arrondis sur la droite.


Pour commencer, faites attention aux marges extérieures et intérieures, par contre vous pouvez modifier les couleurs de fond et du texte.


Date de création : 15/12/2020 @ 13:54
Catégorie : - Tutoriel Config LooK
Page lue 4394 fois