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 */
    }