Menu colours

Kliment / 2008-07-03 10:01:28   

Hello again :))
hopw you all are well
i have a question ...
i want wvery menu in my site to be diffrent background colour on hover

how can i do it, its really important :))

THANKS IN ADVANCE

AntoineLafontaine / 2008-07-03 11:27:55   

Use different CSS :hover style for each menu.

Kliment / 2008-07-03 11:45:12   

i see, i'll try it right away
Thanks!

Kliment / 2008-07-03 11:53:09   

hym... can i have an example?
how to set it, after making the css!?

Kliment / 2008-07-03 15:40:44   

how to link the menu with the css ?

Kliment / 2008-07-04 11:09:38   

???

arsondpi / 2008-07-04 12:27:21   

once again, as mr. Antoine Lafontaine and Vaska and Eloisa and me and many others mentioned before, use Firefox with Firebug for css problem solving.

you need to add css styles for this rule:

#menu ul li.section-title { add you rules here }

someone please correct me if I'm mistaken

*** I'm gonna be using copy/paste techniques from now on... :-D ***

Kliment / 2008-07-04 13:35:14   

Thanks!
but after that how to link the current menu with this "#menu ul li.section-title { add you rules here }"

for example
i have 5 menus

ABOUT ME ,ETC,ETC ,MENU,CONTACT

i have 5 different "#menu ul li.section-title { add you rules here }"

how to link the menu with the current css

Kliment / 2008-07-04 14:07:43   

the case is that i want to add different hover colours to every menu
#menu a:hover{ color:000; background:#fff200 }

AntoineLafontaine / 2008-07-04 14:32:48   

Well you seem to have part of your answer here... And you seem to have found what is not doable out of the box with this version of indexhibit.

Each menu subsection doesn't have an unique class or id to make it possible to target only the < a> tag of that section and so on.

What you need to do is make some change to the index.php file in the plugin directory of your indexhibit install. This is the file responsible for generating the menu. You should add a unique id or class to each section (use the name of the section, or something like section1, section2). This requires you to write some PHP, but it is not as hard as it seems even if you've never touched PHP. (I do recommend reading a few PHP tutorials just to get a feeling of what it is if ypu've never touched PHP before). Then, make a copy of your actual index.php and "play" with the copy; you can always revert to the original if all goes wrong.

Maybe there's another way I do not know, but that would be my personal approach to achieve this.

Hope this help.

PS: Firebug is your friend!

PPS: I think I remember seeing a post by Vaska saying this will be easier in a coming version...

Kliment / 2008-07-04 14:50:05   


Thank you very much!

Vaska A / 2008-07-04 15:33:24   

Yes, there will be a little more css hooky things to hook the hooks into. Yes, more hookiness!

Kliment / 2008-07-05 13:58:38   

go finish the next version instead making worthless comments!!! :)))))))))

This thread has been closed, thank you.