Page 1 of 1

Footer menu/sitemap

Posted: Fri Jan 23, 2015 4:21 pm
by urheat
How could I make footer menu/sitemap like this:

Image

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

Thanks in advance!

Re: Footer menu/sitemap

Posted: Fri Jan 23, 2015 5:23 pm
by Rolf
Check NCleanBlue template in default content CMSMS

Re: Footer menu/sitemap

Posted: Wed Feb 04, 2015 12:58 pm
by urheat
Rolf wrote: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.

Re: Footer menu/sitemap

Posted: Wed Feb 04, 2015 1:18 pm
by urheat
Found one solution. Seems really promising :)

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

Re: Footer menu/sitemap

Posted: Wed Feb 04, 2015 1:38 pm
by staartmees
what you want is possible with the menumanager using the start_element or start_page.

Re: Footer menu/sitemap

Posted: Wed Feb 04, 2015 2:52 pm
by 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"}