CMS Made Simple Forums

Hello,

Has anyone been able to find a menu generator with styles etc for use with CMS Made Simple, meaning that it will be able to read the links and changes from the database?

something in the nature of CSS3Menu, allwebmenus etc.

Thanks in advance.

what's wrong with the menu-system cms made simple offers? It does what you ask for.

what i am looking is a generator of styles for use with the CMSMS simple menu manager.

I am not asking to replace the menu manager.

bMenu Menu Styler

where do i find that?

it seems this module is no longer in the Forge

any other solutions guys?

Ok i need your guys input.

I am browsing the web to find out about menu styling etc.

I found a lot of sites that basically have the same structure as the one below:

<div id="navcontainer">
<ul id="navlist">
<li><a href="#">new item</a></li>
<li><a href="#">new item</a></li>
<li><a href="#">new item</a></li>
<li><a href="#">new item</a></li>
</ul>
</div>

I created a stylesheet with name "navcontainer" and i placed all my styles inside.

I assigned the stylesheet to the template i want.

And where i want my menu to appear i placed the following:

<div id="navcontainer">{menu template='cssmenu.tpl'}</div>

My issue is that the menu does not appear correctly and i am guessing is because "navlist" is not mentioned in the <div> tag. How do i do this?

Also what is the {menu template='cssmenu.tpl'} ? Is it the base that all of you use? Should i create a new one? and what should it have inside?

I am bit confused and really would like some help.

It shouldn't be that hard..

First, decide how you want your menu to look. You can make any design work within CMSms. Also designs you found at bMenu, Css3menu, allwebmenu or whatever 'generator'.

You just need to add the smarty tags to make it work.

The easiest way, in my opinion, is to start outside CMSms. Just grab a texteditor and create a simple html page with the menu you want. Put the css in a separate css file and make sure everything works.
(also look at the default menu templates and try to understand the logic behind it)

Then simply go to the menu manager. Create a new template and copy the basics.

For example: turns into: You'll have to use the id 'navcontainer' or 'navlist' to position and style the menu, not to call it to the page. (hope you understand that weird sentence )

Copy the CSS you got from the 'generator' to a new stylesheet (or add it to an existing one) and link it to your page template.

In your page template all you have to add is {menu template='name_of_the_menu_template'} in the place you want to menu to appear.

Ofcourse it gets a little bit more complex when you want to add a second or even a third menu level.
If you can't make it work, ofcourse you're welcome to ask for additional help on the forums.

Good luck!

dude this is awesome. This is exactly what i needed, straight to the point help!

Your guide i think should be a sticky somewhere, or added in the handbook, it really clarifies it up.

As far as second level etc you mentioned, which is the place to find out more info and study?

Thanks a million btw.

PS: how can i find the code of some default templates? i mean that have second or third level and other stuff so i can understand? because i cant open them is read only
PS2: how do i define if its a vertical or horizontal menu? Is there a basic list of parameters anywhere that you should include in your CSS menu?

anyone guys?

Sample Templates come with Default install if you choose to install sample content in instalation process.
You can import MenuManager Templates into database, on the right there is a icon "Import Template to Database".

Horizontal or Vertical behaviour can be achieved with CSS. This is a old list but can still be helpful by viewing some of the samples http://css.maxdesign.com.au/listamatic/

what is the core of the css parameters for a menu?

i have found the following:

#menu {
#menu li {
#menu a {
#menu a:hover {
#menu a:active {


are there more?

In sample templates you can see what ID or Class these are using, then look at Stylesheets for that ID and Class, Stylesheets are named with prefix Navigation: so you should easily spot these and clicking on css icon in Template list will show you connected Stylesheets to that Template.

i tried what you said and there are a lot of styles in there.

Thats why i am looking for a menu generator.