Om dit te maken heb ik op internet het meest simpele CSS menu opgezocht. Zie onderstaande links:
Menu:
http://www.sohtanaka.com/web-design/exa ... al-subnav/
Uitleg implementatie:
http://www.sohtanaka.com/web-design/hor ... ss-jquery/
Het idee is dat de sub items in een SPAN moet worden weergegeven, alleen dat krijg ik niet voor elkaar in de MenuManager.
Mijn probeersel ;D :
http://tiny.cc/e0u05
Weet iemand hoe je aan kan geven dat als er sub items zijn dat deze moeten worden weergegeven in een SPAN?
Menu Template
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="topnav">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="<ul>" 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}
<span><a href="{$node->url}" class="currentpage"{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext} </a></span>
{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'}
<li class="sectionheader">{$node->menutext}
{elseif $node->type == 'separator'}
<li style="list-style-type: none;"> <hr class="separator" /></li>
{else}
<li><a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}> {$node->menutext} </a></li>
{/if}
{/foreach}
{repeat string="</ul>" times=$node->depth-1}</li>
</ul>
{/if}