Skip to main content Help Control Panel

 

YACS «   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)

Créer le menu

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

 

Prise en compte dans le template

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";              
}

 

Customiser la feuille de style

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