guiderdoni.net

Bloc notes : spip, css, xhtml, web, standards, mac ...

Accueil > Spip > Comment intégrer une boucle rubrique et sous rubrique dans un menu en liste (...)

Articles de cette rubrique

Articles

publie le mercredi 5 octobre 2005 par Alexandra

Comment intégrer une boucle rubrique et sous rubrique dans un menu en liste css

Boucle proposée par Igor maynaud sur la liste spip user

Afficher un menu avec rubriques et sous rubrique pour obtenir un menu liste comme celui-ci :

http://css.maxdesign.com.au/listamatic2/vertical07.htm

Appliquer les class et id de Listamatic aux ul et li correspondant :

<div id="navcontainer">
<ul id="navlist">
<BOUCLE_rubrique(RUBRIQUES){racine}{par titre}>
<li><a href="#URL_RUBRIQUE"
[title="(#DESCRIPTIF|textebrut|entites_html)"
class="lien[(#EXPOSE{on,off})]"]>#TITRE</a>
<B_sous_rubriques>
<ul id="subnavlist">
<BOUCLE_sous_rubriques(RUBRIQUES) {id_parent} {par titre}>
<li id="subactive"><a href="#URL_RUBRIQUE"
[title="(#DESCRIPTIF|textebrut|entites_html)"
class="lien[(#EXPOSE{on,off})]">#TITRE</a></li>
</BOUCLE_sous_rubriques>
</ul>
</B_sous_rubriques>
</li>
<BOUCLE_rubrique>
</ul>
</div>

Pour marquer la rubrique comme active (#EXPOSE) il faudrait créer une
class .lienon en plus.

Forum

Répondre à cet article

1 commentaire

Comment intégrer une boucle rubrique et sous rubrique dans un menu en liste css

Je crois qu´il y a un petit erreur. Il manque le signe pour la fin de boucle rubrique

</BOUCLE_sous_rubriques>
</ul>
</B_sous_rubriques>
</li>
</BOUCLE_rubrique> <---
</ul>
</div>
26 février 2008 - repondre message
2005-2017 - Contenu en GPL http://www.guiderdoni.net - Site réalisé avec SPIP 
rechercher - plan du site - prive - alexandra.guiderdoni@gmail.com
CSS - XHTML - squelette