WebsiteBaker Support (2.8.x) > Templates, Menus & Design

Different hover colors possible on CSS menu?

(1/2) > >>

macsmet:
Hi there,

I wonder whether it is possible to have different hover colors on the same menu?
I read somewhere you have to use a 'class' definition in your css and the <li> code but how do I use this?
Suppose I got a menu and I want the 4th and 5th word to have different hover colors than the 1st, 2nd and 3rd word.
How does this work or is it not possible?

Greetings,

MacSmet

LordDarkman:
You want to change the color in one link? something like "this is the next link" or do you want to change the menu like this:
Main
    submenu1
    submenu2
        anothermenu
    submenu3

If you mean the Second just have a look at the Demosite http://code.jellycan.com/sm2test/ You find everything about show_menu2 there. If you need help tell us.

CU Moritz

macsmet:
@Lorddarkman: thanks for your answer but it is more complicated than you probably think.
Of course I know how to do what you describe but that's not my question.
My question is that I want the 1st, 2nd and 3rd menulink to be black on hover and the 4th and 5th menulink to be blue on hover. So different colors for just 2 menulinks on hover!

I hope you can give me an answer and solution.

Greetings,

MacSmet

LordDarkman:
Quick an Dirty: Split it into 2 menus with difrennt classes. First class hover:black, second hover:blue

I'm useing this at my Page at The top Menu and a side menu. I have 2 calls of show_menu2 so it's easy to make 2 css classes.

CU Moritz

What i mean:
--- Code: ---<?php show_menu2(1, SM2_ROOT, SM2_CURR+1, SM2_SIBLING
,&#39;<span class="menu1">[a][menu_title]</a></span>&#39;,&#39;&#39;,&#39;&#39;,&#39;&#39;,&#39;&#39;,&#39;&#39;); ?>
<?php show_menu2(2, SM2_ROOT, SM2_CURR+1, SM2_SIBLING
,&#39;<span class="menu2">[a][menu_title]</a></span>&#39;,&#39;&#39;,&#39;&#39;,&#39;&#39;,&#39;&#39;,&#39;&#39;); ?>
--- End code ---

WebBird:
If you're using show_menu2(), you can have a different CSS class for every menu item. See the docs for more info.

Having this, you can set a different hover color for _every_ item, or for a level.

No need to split the menu.

Example:


--- Code: ---menu-2 a:hover {
    color: red;
}

--- End code ---

Navigation

[0] Message Index

[#] Next page