Page 1 of 1

How can i change the menu button colous?

Posted: Mon Nov 25, 2013 9:43 pm
by Saber87
Hi,

The guy making our websites decided to quit and i have to takeover since i at least have some HTML knowledge although i still consider myself a newbie.

Anyway, i want to give every button of my menu bar a different color.
According to some sites i should the CSS coding below to define different buttons, however i don't know where to add that coding.

Can anyone help me on were and how i can change the color or my menu-buttons separately?

<div id="menu">
<ul>
<li><a id="link1" href="link1.html">Nieuws</a></li>
<li><a id="link2" href="link2.html">Route</a></li>
<li><a id="link3" href="link3.html">Foto's</a></li>
<li><a id="link4" href="link4.html">Uitleg</a></li>
<li><a id="link5" href="link5.html">Links</a></li>
<li><a id="link6" href="link6.html">Contact</a></li>
<li><a id="link7" href="link7.html">Uitslag</a></li>
</ul>
</div>

Re: How can i change the menu button colous?

Posted: Tue Nov 26, 2013 8:19 am
by velden
Depends on what the 'button' is:

You can apply styles to the <a> tags as they each have a unique ID. However you can't do that for <li> (because they don't YET have an unique class/id)

In CMSMS you have to look at what template(s) is/are used for the pages. Then check which stylesheets are connected to that template(s).

In the stylesheet add the color information like:

Code: Select all

a#link1 {color : #ff0000;}
a#link2 {color : #00ff00;}
a#link3 {color : #0000ff;}

etc.
ps. consider posting in the 'commercial help wanted' part of the forum if your boss wants things to be done quick and the 'cmsms way'.

There are also Dutch forum members of course.

Re: How can i change the menu button colous?

Posted: Thu Dec 12, 2013 6:47 pm
by CapereSpiritum
Hi Sabre

Did you get sorted on this?

If not, can you post a link to the site and which version of CMSMS you're using?

Re: How can i change the menu button colous?

Posted: Mon Dec 16, 2013 6:17 pm
by andre_designer
or you can use the {cycle} tag in the (menu )manager http://www.smarty.net/docs/en/language. ... .cycle.tpl