How to create navigation/menu bar ?

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Post Reply
dodgebros
Forum Members
Forum Members
Posts: 18
Joined: Fri Dec 30, 2011 2:54 pm

How to create navigation/menu bar ?

Post by dodgebros »

How do I go about creating a navigation/menu bar for my website in cmsmadesimple ?

Thanks,
dodgebros
Wishbone
Power Poster
Power Poster
Posts: 1368
Joined: Tue Dec 23, 2008 8:39 pm

Re: How to create navigation/menu bar ?

Post by Wishbone »

Placing something like the following in your template.

Code: Select all

<div id="nav">
{menu}
</div>
{menu} will generate all the <ul> and <li> needed for all of your pages. The rest is up to you in your stylesheets. There are many options to {menu}.. Check the MenuManager help. You can also customize the menu templates if you need anything other than what {menu} produces.
dodgebros
Forum Members
Forum Members
Posts: 18
Joined: Fri Dec 30, 2011 2:54 pm

Re: How to create navigation/menu bar ?

Post by dodgebros »

How exactly does the Menu Manager work? Does it automatically detect new pages I added and then add them to the menu?

I will be using the Self Registration, Custom Content, and the Front-end Users modules later. Do I have to use the Menu Manager or can I just create the menus in the template and CSS sheets?

Thanks,
dodgebros
User avatar
fearmydesign
Power Poster
Power Poster
Posts: 363
Joined: Sun Feb 28, 2010 10:54 pm

Re: How to create navigation/menu bar ?

Post by fearmydesign »

dodgebros wrote:How exactly does the Menu Manager work? Does it automatically detect new pages I added and then add them to the menu?
Yes, so where ever you want to insert your navigation menu (i.e. as Wishbone said <div id"nav">{menu}</div>) then any new pages/new content you create will automatically be displayed inside there - *of course unless you don't want that page to be displayed on the {menu}, then you can just go to options and uncheck 'Show in Menu'.

Hope that helps!

Rod
Post Reply

Return to “Layout and Design (CSS & HTML)”