Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Page & Category Menu Bars »

different hover over for each page item


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Sep 22, 2011, 12:59 AM
fullmetalgirl
 
32 posts · Aug 2010
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...
  #2  
Old Sep 22, 2011, 12:27 PM
lmilesw's Avatar
lmilesw
 
10,076 posts · Jul 2009
Central New York State USA
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.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Sep 22, 2011, 10:44 PM
fullmetalgirl
 
32 posts · Aug 2010
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,
  #4  
Old Sep 23, 2011, 03:17 AM
juggledad's Avatar
juggledad
 
22,069 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #5  
Old Sep 23, 2011, 07:43 AM
fullmetalgirl
 
32 posts · Aug 2010
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..
  #6  
Old Sep 23, 2011, 10:35 AM
juggledad's Avatar
juggledad
 
22,069 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Can page menu item differ from page title? bobtwom Page & Category Menu Bars 2 Jul 15, 2010 02:18 PM
Page menu (pages-widget): Current page item in post unelma Sidebars & Widgets 5 Jun 7, 2010 03:11 PM
Create a Page Template that displays Only One Page Menu Item treeplant Page & Category Menu Bars 0 Apr 20, 2010 02:41 AM
[SOLVED] Item Padding inside Expaned Page Menus &amp; Color of Items on current page. joshsweiss Page & Category Menu Bars 7 Feb 23, 2010 06:31 AM
Page Menu Background & Hover Image how to do this... ssoszka Atahualpa 3 Wordpress theme 11 Feb 18, 2010 11:19 AM


All times are GMT -6. The time now is 12:57 PM.


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