How do I change the menu?

[shoegal]

Hi, hope this is the right place to post this.

I am part of a voluntary organisation and have inherited our existing cmsms website to look after. I'm not happy with how it looks and want to start with making the menu look more professional as is very basic at the moment, but am a complete newbie to cmsms!

I have found online the menu style I would like to use, and so have the CSS and HTML code for that. I've read the menu manager section in the documentation section several times, and have had a tentative play, but I just can't seem to make the changes.

Other than that documentation, does anybody have a link to another tutorial on how to do this?

Or would anybody be kind enough to post simple bullet points for what I need to do?

Thanks

[Dr.CSS]

I really depends on the code you are using, but most times you look for the things like #menu a {style}, li a {style}, a:hover, a.active, things like that then look at the page source and find how they are called in your existing menu like menuactive or menuparent...

Use Firefox with the web dev. toolbar and hit the edit css button and play in there, you can paste all your new menu css and start changing it to target your existing menu calls...

[shoegal]

Thanks. I've downloaded the firefox add on and looks like it could be helpful in my learning process!

I'm still not sure what I'm doing though.
What I've got at the moment is a functional horizontal tab style menu - if I add pages it automatically adds them to the menu.

I have both the CSS and HTML code for the menu I want, but no idea where to put it! Do I need to create a new stylesheet? Change the template? Or can something be done in the menu manager?

Sorry, am a complete newbie to web design, but thought that changing the menu would be a good place to start...

[Dr.CSS]

Take the existing menu CSS, the one you want to use, and make a new style sheet for it and attach it to the page template then when you have the page open in your browser view source and find all the calls for and around the menu like the div surrounding it...

Then using the edit css in web dev. toolbar have a go at the menu css you added changing the existing calls to match what is in the page source...

say the one you want to use has li.active and the source says li class="menuactive" you change li.active to li.menuactive and it should use yours...

[calguy1000]

This is a place to discuss CMS issues.... not generic issues related to web design etc.

If you aren't an experienced web developer, then you don't fall within our target audience.
and although you can still use CMS Made Simple, you should not expect support like this.   
We support CMS Made Simple.... We are not here to teach people about how CSS works, web development techniques, etc.

I suggest you try your template on a static HTML page, and get your support for that elsewhere.
Once you have your menu, etc, working on a static HTML page we may be able to help you with implementing that into CMSMS.

This topic is closed.