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 »

Background image for page menu?


  #1  
Old Jun 8, 2009, 02:42 PM
blueprairie
 
98 posts · Feb 2009
I'd like to use a background image behind my page nav, is there a way to do this via the admin tool or should I just enter it directly on the style sheet? Any other advice on doing this?

Thanks!
  #2  
Old Jun 10, 2009, 09:35 AM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
There's no option for that but instead of editing files you should put it into HTML/CSS Inserts -> CSS Inserts:

ul#rmenu2 {
background: url(/path/to/image.gif);
}
  #3  
Old Jun 11, 2009, 01:04 PM
DogBot's Avatar
DogBot
 
3 posts · Jun 2009
Cool..Now how do you do the same for the actual buttons? better yet what if I want no background or color at all?

Thank you
  #4  
Old Jun 11, 2009, 01:35 PM
DogBot's Avatar
DogBot
 
3 posts · Jun 2009
I figured it out!
Put it into HTML/CSS Inserts -> CSS Inserts:

ul.rMenu li
{
background: url(your_image_path.gif);
}
  #5  
Old Jul 1, 2009, 04:52 PM
blueprairie
 
98 posts · Feb 2009
How do I remove the formatting on the menu bar as set in Page Menu Bar?
  #6  
Old Jul 1, 2009, 07:10 PM
blueprairie
 
98 posts · Feb 2009
Is there an easy way to set a rollover image for the active link?
  #7  
Old Jul 3, 2009, 08:34 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
Try something like

div#menu1 li.current_page_item a:link,
div#menu1 li.current_page_item a:active,
div#menu1 li.current_page_item a:visited {
background: url(/path/to/image.gif);
}

div#menu1 li.current_page_item a:hover {
background: url(/path/to/image.gif);
}

You may have to use !important or set "background-color", too, because background-color is set, not "background"
  #8  
Old Oct 25, 2009, 11:46 AM
fanbus
 
5 posts · Sep 2009
Hi

I'm trying to create a menu with background images (http:fanbus.ca) and I'm having a lil trouble getting the hover to work. Right now its going to the default colour, not the hover image.


div#menu1 li.current_page_item a:link,
div#menu1 li.current_page_item a:active,
div#menu1 li.current_page_item a:visited {
background: url(http://fanbus.ca/bcsportslogos/menu2.jpg);
}

div#menu1 li.current_page_item a:hover {
background: url(http://fanbus.ca/bcsportslogos/menu.jpg);
}
div#menu1 ul.rMenu {
background:transparent url(http://fanbus.ca/bcsportslogos/menu.jpg) repeat-x scroll top left;
}
div#menu1 ul.rMenu li {
background:transparent;
margin: -1px 0 -1px -1px;
}

I'd like the background image to extend the width of the site, not just the width of the menu objects.
Also, I'd like the drop-down to be a solid color with a bit of opacity and transparency.

Cheers
  #9  
Old Nov 11, 2009, 06:30 PM
measure2x's Avatar
measure2x
 
52 posts · Apr 2009
Appleton, WI
I've been trying this, too, with mostly success. Here's my code so far:

Quote:
ul#rmenu2 {
background: url(/wp-content/themes/atahualpa/images/background/menu-background.jpg) !important;
}

div#menu1 li.current_page_item a:link,
div#menu1 li.current_page_item a:active,
div#menu1 li.current_page_item a:visited {
background: transparent url(/wp-content/themes/atahualpa/images/background/menu-background.jpg) !important;
}

div#menu1 li.current_page_item a:hover {
background: transparent url(/wp-content/themes/atahualpa/images/background/menu-back-hover.jpg) !important;
}

ul.rMenu li
{
background: url(/wp-content/themes/atahualpa/images/background/menu-background.jpg);
}
Just one problem left: the hover for the in-active page reverts to the color selected in the the Page Menu Bar area. I'm sure I just have to tweak the code somewhere, but I just can't see it.

Any help? Thanks!!!!!!!
(take a look: www.sandhillwebsitedesign.com)
  #10  
Old Nov 15, 2009, 05:27 PM
measure2x's Avatar
measure2x
 
52 posts · Apr 2009
Appleton, WI
I just picked a color for the rollover that gives the illusion of a gradient image. Just can't get the rollover image to work
  #11  
Old Dec 1, 2009, 10:02 PM
ssoszka
 
75 posts · Apr 2009
Oregon, USA
Send a message via Skype™ to ssoszka
Ok, now I'm working with the same issues with out much luck here is my hodge-podge collection of code I've picked up in several posts:

}
ul#rmenu2 {
background: url(/wp-content/themes/atahualpa332/images/menubkg.gif) repeat; !important}
ul.rMenu li
{background: url(/wp-content/themes/atahualpa332/images/menubkg.gif) repeat;
}
div#menu1 li.current_page_item a:link,
div#menu1 li.current_page_item a:active,
div#menu1 li.current_page_item a:visited {
background: url(/wp-content/themes/atahualpa332/images/menubkg.gif) repeat;
}
div#menu1 li.current_page_item a:hover {
background: url(/wp-content/themes/atahualpa332/images/menuhvr.gif);
}

Ok, that listed, here is what I am trying to achieve:
* Have a image based background in the page menu, based off of "menubkg.gif (which is a 35px x 2px graphic that I want have repeat across the page menu - this also means I must increase the height of the page menu.

* Next I want to suppress the page menu background color. so my graphic shows up in all situations except "hover". But only on the main page menu, I want something there for the secondary menus

*I want to have "menuhvr.gif appear when the mouse is hovering over the page menu items.

*Finally, I want set the font to bold

Ok, its a tall order, but if anyone has some advice please help.

-Shawn

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] Background for page menu bar gbb Page & Category Menu Bars 7 Dec 28, 2010 04:15 PM
Page menu background color : 2 colors possible? Len Page & Category Menu Bars 1 Jun 17, 2009 01:31 PM
Stretch Background Image To Fill Entire Page tim5046 Header configuration & styling 3 Jun 9, 2009 10:35 AM
Page Menu Bar with glossy background Tigger Page & Category Menu Bars 3 Mar 20, 2009 09:52 PM
Changing repeated background image forces each page to reload background doctorrobert Atahualpa 3 Wordpress theme 8 Feb 15, 2009 06:36 AM


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


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