Le livre de Yacs Créer une identité visuelle

PreviousNextIndex

Afficher un menu déroulant de sections et sous-sections

Avec la simple création d'une page globale, l'appel d'une variable PHP et un peu de CSS

Cette technique va vous permettre de créer un menu (horizontal, par exemple) déroulant contenant les sections racines (niveau 1) et leurs premières sous-sections( niveau 2)

[title]Créer le menu[/title]

Créez une page globale, et donnez-lui impérativement un surnom en plus du titre, par exemple "menuderoulant"

Etablissez la liste des sections racines, comme une liste à puce classique :

  • menu 1
  • menu 2
  • menu 3
  • menu 4

Puis dans chaque entrée de liste, appeler par code yacs la liste des sections à utiliser comme entrées. Cela va construire dynamiquement les listes à dérouler verticalement

  • menu 1 [sections.compact=section:id1]
  • menu 2 [sections.compact=section:id2]
  • etc.

exemple avec les sections yacs.fr

 

[title]Prise en compte dans le template[/title]

Il faut appeler la description de cette page globale par le template pour positionner le menu :

// menu deroulant
if($article Articles::get('menuderoulant')) {              
  echo 
'<div id=menuderoulant>'."\n";              
  echo 
Codes::beautify($article['description']);              
  echo 
'</div>'."\n";              
}

 

[title]Customiser la feuille de style[/title]

Enfin vous devez appliquer à ce #div nommé #menuderoulant toutes les règles courantes de l'affichage déroulant horizontal ou vertical, et notamment ses options de liste.

PreviousNextIndex