Page 1 of 1

list menu with id's and classes??

Posted: Wed Dec 06, 2006 12:32 am
by climberusa
Hi,
I've searched around a bit and haven' found a solution to this yet. I have a very customized list menu with sub items. Each top list item needs it's own id and the li's that have sub ul's need a class of 'more' I want to use a module to create the menu so it will reflect the content/pages. The question is, can this be done with EllNav or CSSMenu? Here is my markup:

Code: Select all

		<ul id="nav">
			<li id="home"><a href="index.html">Home</a></li>
			<li id="gym" class="more"><a href="gymnastics.html">Gymnastics</a>
				<ul class="sub">
					<li><a href="#">Competitive</a></li>
					<li><a href="#">Recreational</a></li>
					<li><a href="#">Coaches</a></li>
					<li><a href="#">Meets</a></li>
				</ul>
			</li>
			<li id="sc" class="more"><a href="#">Sportscamp</a>
				<ul class="sub">
					<li><a href="#">Summer</a></li>
					<li><a href="#">Winter</a></li>
					<li><a href="#">Holidays</a></li>
					<li><a href="#">Enrollment</a></li>
					<li><a href="#">Manual</a></li>
				</ul>
			</li>
			<li id="school" class="more"><a href="#">School</a>
				<ul class="sub">
					<li><a href="#">Kindergarten</a></li>
					<li><a href="#">Preschool</a></li>
					<li><a href="#">Enrollment</a></li>
					<li><a href="#">Manual</a></li>
				</ul>
			</li>
			<li id="events"><a href="#">Special Events</a></li>
			<li id="climb"><a href="#">Climbing</a></li>
			<li id="contact"><a href="#">Contact Us</a></li>
		</ul>
Appreciate your help
Jeff

Re: list menu with id's and classes??

Posted: Thu Dec 07, 2006 6:25 am
by Dr.CSS
Yes that can be done, first thing I would do is find a menu structure you like from the default menu templates, say cssmenu.tpl, then go to the menu manager and on the second tab click the icon on the right hand side, this will make a copy you will need to name it then it takes you to the first tab, click the name of your menu temp. ...

Now look at all the diff. calls, where you think you want to change it add 1, 2, 3, 4, or A, B, C, D, something to find where your ids and classes will show up, click save...

Then copy a template, or use existing one, add your menu template {menu template="theNameofYourTemplate"} save, render a page using this template, you should see 1, 2, 3,/A, B, C, etc. in the page and look in the source view for hidden ones...

This should give you an idea where and what to change...

Like alias}"> this will give you for a full list of menu parameters go to Extensions > Modules then click Menu Manager for the 'Help' page, for class="more" you would look for the lines with menuparent in them...

Experimenting with this system is FUNĀ  :D

Re: list menu with id's and classes??

Posted: Fri Dec 08, 2006 3:54 pm
by climberusa
Excellent. This CMS has so many great features and modules. Thanks