CMS Made Simple Forums

Code: Select all

{* Start Navigation *}
      <div id="menu_vert">
{* stylesheet  "Navigation: CSSMenu - Horizontal" *}
        <h2 class="accessibility">Navigation</h2>
        {menu template='cssmenu.tpl'}
        <hr class="accessibility" />
      </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><li class="separator once" style="list-style-type: none;"> </li></ul>' times=$node->prevdepth-$node->depth}
</li>
{elseif $node->index > 0}</li>
{/if}

{if $node->depth==1 and $node->haschildren == false}<li class="menu{$node->hierarchy}"><a 
{elseif $node->parent == true or ($node->current == true and $node->haschildren == true)}
<li class="menuactive menuparent menu{$node->hierarchy}">
<a class="menuactive menuparent" {elseif $node->current == true}
<li class="menuactive">
<a class="menuactive" {elseif $node->haschildren == true}
<li class="menuparent menu{$node->hierarchy}">
<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 style="list-style-type: none;"> <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><li class="separator once" style="list-style-type: none;"> </li></ul>' times=$node->depth-1}
</li>
</ul>
<div class="clearb"></div>
</div>
{/if}

Code: Select all

<h2 class="accessibility">Navigation</h2>
        {menu template='cssmenu_ulshadow2'}
        <hr class="accessibility" />

Code: Select all

.menu1 {color:#fff;}
.menu2 {color:#eed740;}

Code: Select all

<ul id="primary-nav"> 
 
<li class="menu1"><a href="#"><span>Accueil</span></a> </li> 
 
<li class="menuparent menu2"> 
<a class="menuparent" href="#"><span>Le service</span></a> 
<ul class="unli">
<li> <a href="#"><span>Les tarifs</span></a> </li>  
<li> <a href="#"><span>Les horaires</span></a> </li>  
<li> <a href="http://saje.mairie-saintgermain.fr/index.php?page=agents"><span>Agents</span></a> </li> 
 <li> <a href="#"><span>Inscriptions</span></a> </li>
<li class="separator once" style="list-style-type: none;"> </li></ul> 
</li> 
 
<li class="menuparent menu3"> 
<a class="menuparent" href="#"><span>Les accueils</span></a> 
<ul class="unli">  
<li> <a href="#"><span>Periscolaire</span></a> </li> 
<li> <a href="#"><span>Mercredi</span></a> </li> 
<li> <a href="#"><span>Vacances</span></a> </li>
<li class="separator once" style="list-style-type: none;"> </li></ul></li> 

<li class="menu4"><a href="#"><span>Le Club Ados</span></a> </li> 

<li class="menu5"><a href="#"><span>Galerie</span></a> </li> 
</ul> 
<div class="clearb"></div> 
</div> 

Code: Select all

#menu li.menu1 {color:fff;}