Page 1 of 1
Footer menu
Posted: Fri Nov 03, 2006 10:07 am
by Ricks
Hey all,
Im runing version 1.02 and Im curious, how to make a footer menu wich looks like this:
Home | sub | sub | contact
Im not using a default template so Im not sure how to add this from the start a second footer menu.
Thanks in Advance,
Rick
Re: Footer menu
Posted: Fri Nov 03, 2006 12:20 pm
by tsw
I dont quite get what you are after but check menumanager help, it has lots of parameters for different menus
Re: Footer menu
Posted: Fri Nov 03, 2006 1:20 pm
by Ricks
I mean like in the footer of this..I think template:
http://www.multiintech.com/index.php?page=technomancer
if you look at the bottem you see this:
| Home | | Rounded | Squared | Image Map Menus | | Galleries | | Contact and Info |
Im sure I can make the css of it, but I dont want it hard coded I want it to work with the menu manager.
Re: Footer menu
Posted: Fri Nov 03, 2006 6:58 pm
by Dr.CSS
I made a new menu template and call it with this tag...
{cms_module module='menumanager' template='techno' number_of_levels="1" collapse='1'}
Menu template...
{* CSS classes used in this template:
.active - The active page in the horizontal menu (first level).
.bullet_sectionheader - To style section header
hr.separator - To style the ruler for the separator *}
{if $count > 0}
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string="" times=$node->depth-$node->prevdepth}
{elseif $node->depth prevdepth}
{repeat string="" times=$node->prevdepth-$node->depth}
{elseif $node->index > 0}
{/if}
{if $node->current == true or $node->parent == true}
url}" class="active">{$node->menutext}
{else}
url}">| {$node->menutext} |{/if}
{/foreach}
{repeat string="" times=$node->depth-2}
{/if}
CSS...
* html div#footer {
/* hide ie/mac \*/
height: 1%;
/* end hide */
}
div#footer ul {margin:0 64px;
list-style: none;
}
div#footer li {
float: left;
display: inline;
list-style: none;
}
div#footer a,
div#footer a:link,
div#footer a:active,
div#footer a:visited {
text-align:center;
padding: 5px 8px;
/* hide from ie/mac \*/
display: block;
/* end hide */
}