Tag Menu
Pour ajouter un menu déroulant:
Exemple
henry-recycling.ch:
<menu id='nav' preset='classic' dropdown-levels='0' span='1' children-mark='none' bgcolor='{dominante1}' txtcolor='{navCol}'
bgcolor-on='{dominante2}'
sub-bgcolor-hover='{dominante1}' sub-bgcolor-on='{dominante1}'
resp-position='before menuExt' resp-bgcolor='{dominante1}' resp-txtcolor='#000' resp-font-family='{Titres}'>
<css selector="a" use-font='navF' padding='8px 16px' text-transform='uppercase' />
<css selector="ul ul li a" font-weight='400' text-transform='none' />
</menu>
bgcolor-on='{dominante2}'
sub-bgcolor-hover='{dominante1}' sub-bgcolor-on='{dominante1}'
resp-position='before menuExt' resp-bgcolor='{dominante1}' resp-txtcolor='#000' resp-font-family='{Titres}'>
<css selector="a" use-font='navF' padding='8px 16px' text-transform='uppercase' />
<css selector="ul ul li a" font-weight='400' text-transform='none' />
</menu>
Attributs de base
| attribut | défaut | description |
|---|---|---|
| preset | Réglages CSS prédéfinis | |
| children-mark | menu-arrow-right | Forme du marqueur d'enfants ou none pour désactiver |
| span | 0 | Nombre de span devant être crées dans la balise <a> |
| dropdown-levels | 0 | Nombre de niveaux supplémentaires à générer en html pour les menus déroulants en mode aperçu ou final. |
| render | auto | condition pour que la nav figure dans le code html |
| resp-bgcolor | définit la couleur de fond de la navigation responsive | |
| resp-txtcolor | définit la couleur du texte et des images de la navigation responsive | |
| resp-iconcolor | couleur des icones du menu responsive, par défaut resp-txtcolor | |
| resp-position | before content | définit la position de la nav pour les mobiles (resp-position="after top") ou en mode popup depuis la gauche (popup left), droite (popup right) ou du haut (popup top) |
| resp-font-family | arial | typo à utiliser pour la navigation responsive |
| resp-text-transform | transformation du texte, ex: uppercase | |
| resp-font-variant | variation du font, ex: small-caps | |
| topic-width | auto | largeur par défaut des menu verticaux |
| grid-topic-width | topic-width | largeur d'un menu vertical dans un menu en grille |
| list-topic-width | topic-width | largeur d'un menu vertical dans un menu en liste |
| sub-max-width | largeur du conteneur des topics (mettre un peu moins que la largeur du site) |
Attributs du premier niveau (niveau 0)
| attribut | défaut | description |
|---|---|---|
| bgcolor | couleur de fond des boutons | |
| bgcolor-on | couleur de fond des boutons on | |
| bgcolor-hover | couleur de fond des boutons hover | |
| txtcolor | couleur du texte des boutons | |
| txtcolor-on | couleur du texte des boutons on | |
| txtcolor-hover | couleur du texte des boutons hover | |
| cmcolor | couleur du marqueur d'enfants | |
| cmcolor-on | couleur du marqueur d'enfants on | |
| cmcolor-hover | couleur du marqueur d'enfants hover |
Attributs des sous niveaux (niveau 1,2,...)
| attribut | défaut | description |
|---|---|---|
| sub-bgcolor | couleur de fond des boutons | |
| sub-bgcolor-on | couleur de fond des boutons on | |
| sub-bgcolor-hover | couleur de fond des boutons hover | |
| sub-txtcolor | couleur du texte des boutons | |
| sub-txtcolor-on | couleur du texte des boutons on | |
| sub-txtcolor-hover | couleur du texte des boutons hover | |
| sub-cmcolor | couleur du marqueur d'enfants | |
| sub-cmcolor-on | couleur du marqueur d'enfants on | |
| sub-cmcolor-hover | couleur du marqueur d'enfants hover |
