CMS Made Simple Forums

Code: Select all

    <div id="naviBox">
    	{menu}
    </div> 

Code: Select all

{* CSS classes used in this template:
#menuwrapper - The id for the <div> that the menu is wrapped in. Sets the width, background etc. for the menu.
#primary-nav - The id for the <ul>
.menuparent - The class for each <li> that has children.
.menuactive - The class for each <li> that is active or is a parent (on any level) of a child that is active. *}
{if $count > 0}
<div id="menuwrapper">
<ul id="primary-nav">
{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string='<ul class="unli">' 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->parent == true or ($node->current == true and $node->haschildren == true)}
<li class="menuactive menuparent">
<a class="menuactive menuparent" {elseif $node->current == true}
<li class="menuactive">
<a class="menuactive" {elseif $node->haschildren == true}
<li class="menuparent">
<a class="menuparent" {elseif $node->type == 'sectionheader' and $node->haschildren == true}
<li class="sectionheader"><span class="sectionheader">{$node->menutext}</span>{elseif $node->type == 'separator'}
<li [color=red][b]style="list-style-type: none; display: inline;"[/b][/color]> <hr class="menu_separator" />{else}
<li>
<a {/if}
{if $node->type != 'sectionheader' and $node->type != 'separator'}
{if $node->target}target="{$node->target}" {/if}
href="{$node->url}"><span>{$node->menutext}</span></a>
{elseif $node->type == 'sectionheader'}
><span class="sectionheader">{$node->menutext}</span></a>
{/if}
{/foreach}
{repeat string='</li></ul>' times=$node->depth-1}
</li>
</ul>
<div class="clearb"></div>
</div>
{/if}

Code: Select all

#naviBox {
	position:			absolute;
	width:			970px;
	height:			32px;
	top:				187px;
	left:				27px;
	border-bottom:	1px solid #000000;
	border-top:		1px solid #000000;
	margin:			0px;
	padding:		        0px;
	}
	
#naviBox ul {
	margin:			7px 0px 0px -40px;
	}

#naviBox ul li {
	display: 			inline;
	list-style-type:   	none;
	margin:			0px 0px 0px 10px;
	}
	
#naviBox ul li a {
	text-decoration:	none;
	color:			#000000;
	}
	
#naviBox ul li a:hover {
	text-decoration:	underline;
	}