[Résolu] Application de CSS dans Menu

[Jean le Chauve]

Bienvenue,
Le template minimal fonctionne très bien pour ce menu.
Tu dois mettre la page REFERENCE en sectionheader, dire au menu qu'elle pointe sur # et ajouter la classe subnav aux pages enfants et topnav au premier ul :

Code :

{* CSS classes used in this template:
.currentpage - The active/current page
.bullet_sectionheader - To style section header
hr.separator - To style the ruler for the separator *}
{if $count > 0}
{* ajout de topnav *}
<ul class="clearfix topnav">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{* ajout de subnav à list des enfants *}
{repeat string="<ul class='subnav'>" times=$node->depth-$node->prevdepth}
{elseif $node->depth < $node->prevdepth}
{repeat string="</li></ul>" times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}
{if $node->current == true}
<li><a href="{$node->url}" class="currentpage"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a>
{elseif $node->parent == true && $node->depth == 1 and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="activeparent"> <a href="{$node->url}" class="activeparent"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a>
{elseif $node->type == 'sectionheader'}
{* on transforme le section header de la page parent en lien # *}
<li class="sectionheader"><a href="#">{$node->menutext}</a>
{elseif $node->type == 'separator'}
<li style="list-style-type: none;"> <hr class="separator" />
{else}
<li><a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a>
{/if}
{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
{/if}