Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Page & Category Menu Bars (http://forum.bytesforall.com/forumdisplay.php?f=10)
-   -   different hover over for each page item (http://forum.bytesforall.com/showthread.php?t=15459)

fullmetalgirl Sep 22, 2011 12:59 AM

different hover over for each page item
 
Hi,

my goal is:
when you hover over an page item.. it will show an image related to that page item.

for example:"
hover over the menu button "apple" and you'll see an image of an apple..
and when you hover over the page "pear" it will show a pear.

(just an example)

i'm using Atahualpa 3.6.7

hopefully someone can help me with this...

lmilesw Sep 22, 2011 12:27 PM

Use the WordPress menu system and add a different class to each menu item (You may have to enable classes in the Screen Options for Menus). Then use that class to apply the necessary CSS for a background image.

fullmetalgirl Sep 22, 2011 10:44 PM

Ok, i got the menu screen set...

but what do i fill in at css class?
and how do i add the class to the css.php .

(i read somewhere that css class in the wordpress menu systeem only applys to tekst... is this correct?)

Sorry for all these questions, could it be possible to get an example?

Greetings,

juggledad Sep 23, 2011 03:17 AM

you can add CSS Selectors and CSS Rules to ATO->Add HTML/CSS Inserts->CSS Inserts

on the wordpress menu screen select the 'Screen Options' tab up the top and click the 'CSS Classes' check box

fullmetalgirl Sep 23, 2011 07:43 AM

and how would the css selector and css class look like?
it's my first time using selectors and classes...

(i do know the css insert box though... just not what to type in it in this case)
tried a dozen of things but they all didnt work..

juggledad Sep 23, 2011 10:35 AM

It depends on the HTML element, weather it is an ID or CLASS. Let's say you had
HTML Code:

<div id="my-color">hello world</div>
and wanted the text red, you could say
HTML Code:

Div#my-color {color:red}
a great resource is w3schools.com


All times are GMT -6. The time now is 11:51 PM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.