list menu with id's and classes??

For questions and problems with the CMS core. This board is NOT for any 3rd party modules, addons, PHP scripts or anything NOT distributed with the CMS made simple package itself.
Post Reply
climberusa
Forum Members
Forum Members
Posts: 126
Joined: Sun Feb 26, 2006 7:10 pm

list menu with id's and classes??

Post 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
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

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

Post 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
climberusa
Forum Members
Forum Members
Posts: 126
Joined: Sun Feb 26, 2006 7:10 pm

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

Post by climberusa »

Excellent. This CMS has so many great features and modules. Thanks
Post Reply

Return to “CMSMS Core”