CMS Made Simple Forums

Posted: **Fri Mar 07, 2008 6:24 pm**

Hi

just to tell. I'm a newbie in using CMSMS, so I'm a bit depending on your experience.

I try to use Menu Manager to build up a navigation like seen on http://www.buenalavista.de/.
All the section headers are placed on after another in a DIV. I add the margin later using CSS an all the second level menu items are hidden from the beginning. They shoul only appear if u click on an first level item.

The problem I have is to arrange the 3 levels of the navigation. Everey level schould be in a seperate DIV.
How do I have to change my code to get that?

Here's my code I'm stucked with:

Code: Select all

{* CSS classes used in this template:
#active - The active/current page
.sectionheader - To style section header
hr.separator - To style the ruler for the separator *}

{if $count > 0}
<div class="menu">
<div id="ebene1">
{foreach from=$nodelist item=node}
{if $doheaderlink == "1"}
{assign var="doheaderlink" value="0"}
<a href="{$node->url}">{$headertext}</a>
{/if}

{if $node->depth == 1 or $showchildren == 1}
{if $node->depth > $node->prevdepth}
{repeat string="" times=$node->depth-$node->prevdepth}
{assign var="listopen" value="1"}
{elseif $node->depth < $node->prevdepth}


{if $listopen == "1"}
{repeat string="" times=$node->prevdepth-$node->depth}
{assign var="listopen" value="0"}
{/if}
{elseif $node->index > 0}
{/if}

{if $node->current == true}
<a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}</a>
{elseif $node->type == 'sectionheader'}
{assign var="doheaderlink" value="1"}
{if $node->parent == true}

{* NOTE: Disabled showing of children here *}
{assign var="showchildren" value="1"}
{else}
{assign var="showchildren" value="1"}
{/if}
{assign var="headertext" value=$node->menutext}
{elseif $node->type == 'separator'}
<div id="separator">
{else}
<a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}>{$node->menutext}</a>{/if}
{/if}

{/foreach}
{if $listopen == "1"}
{repeat string="" times=$node->depth-1}
{/if}

<div id="empty">
</div>
{/if}

And this is the currently generated source code of it:

Code: Select all

<!-- start menu -->
<div class="navigation">
<div class="menu">
<div id="ebene1">
<a href="http://www.buenalavista.de/cmsms/">Startseite</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=profil">Agentur</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=profil">Profil</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=vorstand">Vorstand</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=referenzen">Referenzen</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=weblog">Weblog</a>
<a href="#">Presse</a>
<a href="#">2008</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=13-02">13.02</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=jobs">Jobs</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=projektmanagement">Login</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=projektmanagement">Projektmanagement</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=ftp-zugang">FTP-Zugang</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=kontaktformular">Kontakt</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=kontaktformular">Kontaktformular</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=anfahrtskizze">Anfahrtskizze</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=impressum">Impressum</a>

<div id="empty">
</div>
</div>
<!-- end menu -->

At the end it schould look like this:

Code: Select all

<!-- start menu -->
<div class="navigation">
<div class="menu">
<div id="ebene1">
<a href="http://www.buenalavista.de/cmsms/">Startseite</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=profil">Agentur</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=profil">Profil</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=vorstand">Vorstand</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=referenzen">Referenzen</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=weblog">Weblog</a>
<a href="#">Presse</a>
<a href="#">2008</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=13-02">13.02</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=jobs">Jobs</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=projektmanagement">Login</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=projektmanagement">Projektmanagement</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=ftp-zugang">FTP-Zugang</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=kontaktformular">Kontakt</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=impressum">Impressum</a>

<div class="ebene2">
<a href="http://www.buenalavista.de/cmsms/index.php?page=kontaktformular">Kontaktformular</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=anfahrtskizze">Anfahrtskizze</a>
</div>

<!-- Bei einer dritten Ebene sollen die Link wiederum in ein seperates Div geschoben werden.-->

<div class="ebene3">
<a href="http://www.buenalavista.de/cmsms/index.php?page=kontaktformular">Kontaktformular</a>
<a href="http://www.buenalavista.de/cmsms/index.php?page=anfahrtskizze">Anfahrtskizze</a>
</div>

<div id="empty">
</div>
</div>
<!-- end menu -->

If u have any idea concerning my problem, please let me know.

Your Operatorone

Posted: **Fri Mar 07, 2008 6:29 pm**

Why don't you use 3 separate menu calls in your template, each one for a different level of the menu?

Nullig

CMS Made Simple Forums

3 - Layer - Navigation

3 - Layer - Navigation

Re: 3 - Layer - Navigation