Footer menu/sitemap

[urheat]

How could I make footer menu/sitemap like this:



For example, is there a specific menu template with CSS styling I could use?

Thanks in advance!

[Rolf]

Check NCleanBlue template in default content CMSMS

[urheat]

Check NCleanBlue template in default content CMSMS

Thanks Rolf, but that's not the way I meant.

In NCleanBlue there is one column with parent pages and the second column with child pages of the current page. What I'm trying to get - and I think is more common way - is that in every column there is a parent page as a heading and below that, it's child pages. Please check my example pic from the 1st post.

[urheat]

Found one solution. Seems really promising

http://stackoverflow.com/questions/2601 ... ml-and-css

[staartmees]

what you want is possible with the menumanager using the start_element or start_page.

[velden]

http://tinyurl.com/na49cn5

Menu template used:

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="bottommenu" class="clearfix">
{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}
<li{if $node->extra1} class="{$node->extra1}"{/if}><a href="{$node->url}" class="current"{if $node->target ne ""} target="{$node->target}"{/if}>{if $node->depth > 1}&#187;&nbsp;{/if}{$node->menutext}</a>

{elseif $node->parent == true && $node->depth == 1 and $node->type != 'sectionheader' and $node->type != 'separator'}
<li class="activeparent{if $node->extra1} {$node->extra1}{/if}"> <a href="{$node->url}" class="activeparent"{if $node->target ne ""} target="{$node->target}"{/if}>{if $node->depth > 1}&#187;&nbsp;{/if}{$node->menutext}</a>

{elseif $node->type == 'sectionheader'}
<li class="sectionheader{if $node->extra1} {$node->extra1}{/if}">{if $node->depth > 1}&#187;&nbsp;{/if}{$node->menutext}
{elseif $node->type == 'separator'}
<li style="list-style-type: none;"> <hr class="separator" />

{else}
<li{if $node->extra1} class="{$node->extra1}"{/if}><a href="{$node->url}"{if $node->target ne ""} target="{$node->target}"{/if}>{if $node->depth > 1}&#187;&nbsp;{/if}{$node->menutext}</a>

{/if}

{/foreach}

{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
{/if}

Code: Select all

{menu template="boeijen_bottom" number_of_levels="2" excludeprefix="home,team,contact"}