CMS Made Simple Forums

Posted: **Sun Oct 16, 2011 8:37 pm**

Hi
Sorry if this is a very basic question but I am new to this...
I am running CMSMS 1.9.4.3 "Faanui" and I want to use a simple javascript to 'slide' 2nd level menu <li> into view (similar to http://www.camlok.co.uk/).
The .Js code requires All <li> to be <li class="menuoption"> and All <a href""> to be <a class="menulink" href="">.
The end code being similar to

<ul>
<li class="menuoption"><a class="menulink" href="#">Item 1</a>
<ul>
<li class="menuoption"><a class="menulink" href="#">Item 1a</a></li>
<li class="menuoption"><a class="menulink" href="#">Item 1b</a></li>
<li class="menuoption"><a class="menulink" href="#">Item 1c</a></li>
<li class="menuoption"><a class="menulink" href="#">Item 1d</a></li>
</ul>
</li>
<li class="menuoption"><a class="menulink" href="#">Item 2</a>
<ul>
<li class="menuoption"><a class="menulink" href="#">Item 2a</a></li>
<li class="menuoption"><a class="menulink" href="#">Item 2b</a></li>
<li class="menuoption"><a class="menulink" href="#">Item 2c</a></li>
<li class="menuoption"><a class="menulink" href="#">Item 2d</a></li>
</ul>
</li>
<li class="menuoption"><a class="menulink" href="#">Item 3</a></li>
<li class="menuoption"><a class="menulink" href="#">Item 4</a></li>
</ul>

I have tried to write my own menu template to achieve this - but failed. I hope this makes sense and any help would be appreciated.

Posted: **Mon Oct 17, 2011 2:17 pm**

Code: Select all

{if $count > 0}
<ul>
{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}

<li class="menuoption"><a class="menulink" href="{$node->url}">{$node->menutext}</a>

{/foreach}
{repeat string="</li></ul>" times=$node->depth-1}</li>
</ul>
{/if}

Posted: **Mon Oct 17, 2011 5:32 pm**

Oh quite brilliant

thankyou

Posted: **Thu Oct 27, 2011 6:59 pm**

Hi dear people,

I am new in here.
Hey jospanner if you use ready template for your menu downloaded from internet please can you give me download link to the menu.

Thanks in advance.

Posted: **Thu Oct 27, 2011 9:45 pm**

Hi sharebay - sorry of my own creating so no link available.

CMS Made Simple Forums

[solved] Menu template to add classes to <li> & <a href>

[solved] Menu template to add classes to <li> & <a href>

Re: Menu template to add classes to <li> & <a href>

Re: Menu template to add classes to <li> & <a href>

Re: SOLVED Menu template to add classes to <li> & <a href>

Re: SOLVED Menu template to add classes to <li> & <a href>