<nav>
Défini un niveau de menu de navigation.
Exemple
Une navigation imbriquée à deux niveaux
<css selector='li a' use-font='navs' />
<nav render='any'>
<css selector='li a' use-font='navs' font-size='0.8em' />
</nav>
</nav>
<li><a href='...'><span>...</span></a></li>
<li><a href='...'><span>...</span></a></li>
<li class='on'><a href='...'><span>...</span></a>
<ul>
<li><a href='...'>...</a></li>
<li><a href='...'>...</a></li>
<li><a href='...'>...</a></li>
</ul>
</li>
<li><a href='...'><span>...</span></a></li>
</ul>
Attributs
| attribut | défaut | description |
|---|---|---|
| level | voir rem. | Niveau de navigation de départ |
| render | auto | condition pour que la nav figure dans le code html |
| preset | Réglages CSS prédéfinis | |
| list | pages | Nom de la liste où sont attachées les pages |
| span | 0 | Nombre de span devant être crées dans la balise <a> |
| parent-visibility | visible | Détermine si on affiche le lien représentant la rubrique parente (dans le cas d'une sous-navigation). utiliser hidden pour cacher le lien |
| dropdown-levels | 0 | Nombre de niveaux supplémentaires à générer en html pour les menus déroulants en mode aperçu ou final. |
| 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") |
| 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 |
Niveau de navigation
Le niveau 0 représente la navigation principale du site. Le niveau 1 est la première sous-navgation ou navigation de rubrique.
Les balises nav peuvent être imbriquées. L'attribut level n'a d'effet que sur le nav extérieur pour indiquer le niveau de départ de la navigation. Un nav imbriqué est forcemment un niveau plus profond que son parent.
Cet attribut est nécessaire que pour une navigation non principale et non imbriquée.
Render
Permet de définir quand le tag <ul> doit être produit ou pas.
| valeur | description |
|---|---|
| auto | produit le <ul> que si la nav contient des pages et qu'elle est dans la rubrique active. |
| any | crée le <ul> même si la nav n'est pas dans la rubrique active, mais pour autant qu'elle contienne des pages. (Navigation ouverte pour toute les rubriques non vides) |
| always | crée le <ul> dans tous les cas (Navigation ouverte même pour les rubriques vides) |
Wish list
Un attribut deco permettrait de faire référence à l'habillage du bouton (images de fond), la largeur, margin, padding, border.
attribut resp-font
Un attribut qui permettrait de spécifier la font souhaitée. L'idée serait de mettre le nom d'une variable de font-webforge comme dans le use-font. De cette manière, on peut spécifier la graisse, ... OU alors si trop dangereux niveau taille des caractères,... Juste avoir un resp-family qui permet de choisir la police plus en accord avec le reste du site.
Editer