Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

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

Custom page menu bar buttons


  #1  
Old Oct 4, 2009, 10:06 PM
Wimbledon's Avatar
Wimbledon
 
320 posts · Apr 2009
[VA & AZ], USA
I'm sure this has been asked somewhere but I cannot find the thread using search.

Can someone direct me to the thread that explains how to use custom page menu bar buttons?

For instance, if I make buttons for Home, About, Page1, Page2, etc. that I want displayed during hover and non-hover, how do I implement that?
  #2  
Old Oct 5, 2009, 07:18 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
see if http://forum.bytesforall.com/showthread.php?t=2678 helps
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Oct 7, 2009, 12:45 PM
aechean
 
7 posts · Oct 2009
To expand on what Juggledad said:

I used the sliding door guide here with the images they provided and got the following CSS. It took a while to make sure all the classes in the rMenu system were correct, but this works on my local computer with no problems:

Code:
div#menu1 ul#rmenu2 li.page_item{
float:left;
margin:0;
background:url("http://localhost/wordpress/images/norm_left.gif")
      no-repeat left top;
padding:0 0 0 9px;
}

div#menu1 ul#rmenu2{
 background:#DAE0D2 url("http://localhost/wordpress/images/bg.gif")
      repeat-x bottom;
}
div#menu1 ul#rmenu2 li.page_item a{
display:block;
background:url("http://localhost/wordpress/images/norm_right.gif")
      no-repeat right top;
    padding:5px 15px 4px 6px;
}
div#menu1 ul#rmenu2 li.current_page_item{
    background-image:url("norm_left_on.gif");
    }
div#menu1 ul#rmenu2 li.current_page_item a {
    background-image:url("norm_right_on.gif");
padding-bottom:5px;
    }

}
Realize that you will need to make new images if you want different colors, but if you see the guide on alistapart, and reference the above code, you should be able to make it happen.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Page menu bar buttons the same flexible width like fluid layout Tigger Page & Category Menu Bars 6 May 14, 2011 12:58 PM
Custom images for Page Menu Bar Masselyn Page & Category Menu Bars 4 Jan 9, 2010 11:08 AM
Another page menue bar with expanding and collapsing buttons Tigger Page & Category Menu Bars 4 Nov 6, 2009 07:17 AM
Page Menu Buttons DATAPOPP Forum How-To 1 Aug 27, 2009 11:38 AM
How to add custom page menu bar rinoa3108 Page & Category Menu Bars 2 May 5, 2009 04:33 PM


All times are GMT -6. The time now is 03:32 AM.


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