Ik ben bezig een css menu aan het maken die ik makelijk kan aanpasen naar de style die bij een website ontwerp past. Nu heb ik een verticaal menu gemaakt met multi lever submenu. Deze werkt perfect met het sjabloon die ik heb aangepast. Nu wil ik ook een horisontaal menu maken met een multilevel sub menu aleen deze heeft 2 classes voor de <ul> "nav first" en "nav" de eerste <ul> krijgt id="nav" dit heb ik aangegeven in het menu sjabloon en het eerste sub menu heeft class="nav first" nu moet ik voor het sub menu in het sub menu zal maar zeggen class="nav" zodat hij iets naar rechts opent. Wat moet ik veranderen aan mijn menu sjabloon om dit werkent te krijgen in het horisontale menu?
menu structuur is als volgt:
Code: Select all
<ul id="nav">
<li>Menu 1
<ul class="nav first">
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
<li>Menu 4
<ul class="nav">
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
<li>Menu 4</li>
</ul>
</li>
</ul>
</li>
<li>Menu 2</li>
<li>Menu 3
<ul class="nav first">
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
<li>Menu 4
<ul class="nav">
<li>Menu 1</li>
<li>Menu 2</li>
<li>Menu 3</li>
<li>Menu 4</li>
</ul>
</li>
</ul></li>
<li>Menu 4</li>
</ul>
--------------------------------------------------------------
Code: Select all
{* 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}
<ul id="nav">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string='<ul class="nav first">' 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}" {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> <a href="{$node->url}" {if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a>
{elseif $node->type == 'sectionheader'}
<li>{$node->menutext}
{elseif $node->type == 'separator'}
<li>
{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}
Het menu werkt gewoon en het sub menu aleen het sub sub menu niet
ik hoop dat iemand mij kan helpen
gr pascal
