CSS Main Menu - Different Styles for Top Level Horizontal menu

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
myfunkymonkey
New Member
New Member
Posts: 3
Joined: Thu Apr 23, 2009 7:07 pm

CSS Main Menu - Different Styles for Top Level Horizontal menu

Post by myfunkymonkey »

Hi All,

Getting to grips with CMS MS  but have literally hit a brick wall.

I am trying to create a horizontal main menu but each top level link has a different class eg... color/background... i am guessing i have to edit the menu template but where in the template code can i wrap some classes to achieve this?

Any help or pointers would be so so good! :)

Cheers,

Stephen
uniqu3

Re: CSS Main Menu - Different Styles for Top Level Horizontal menu

Post by uniqu3 »

Hi,

i did this with page alias and named css classes by alias.
Maybe it is suitable for you, i am sure there is an easyer and faster solution but well this was mine.

Code: Select all

{if $node->parent == true or ($node->current == true and $node->haschildren == true)}
	<li class="{$node->alias}"><a class="current"
I simply added {$node->alias} as a class.
Post Reply

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