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 »

Page Menu Bar with glossy background


  #1  
Old Feb 19, 2009, 11:58 AM
Tigger
 
35 posts · Feb 2009
Hi Flynn,

with the Thema Options I can change the background of the page menu bar. But just colour by colour.

Is it somehow possible, to integrate a glossy background ?

I mean, to have for example blue as the main background colour. Further more, to have a grey colour from the top and bottom getting lighter to the center of the bar. A bit like shadow from top and bottom. The whole bar would then look a bit like a glossy button itself. Could be nice.

Greetings
  #2  
Old Feb 19, 2009, 06:04 PM
Flynn's Avatar
Flynn
 
3,768 posts · Oct 2008
Munich, Germany
That could be done with a background image

HTML Code:
ul.rMenu, ul.rMenu li {
background: #123456 url(/path/to/image.gif) repeat-x;
}
To have no image on sub levels

HTML Code:
ul.rMenu ul, ul.rMenu ul li {
background: #123456;
}
You might have to work on the positioning of the image, there are various techniques to do that, pixels, % or "top left" etc. http://www.w3schools.com/css/css_background.asp
  #3  
Old Mar 20, 2009, 04:03 PM
wrastler
 
Ok...well that worked. Sort of. Unfortunately it looks like one background is pasted on top of the other..the patterns start and stop dont really match.


Guess I'm stuck with that?
  #4  
Old Mar 20, 2009, 09:52 PM
ciolo
 
12 posts · Mar 2009
wrastler to have it right, the image should be exactly the size (height) of the toolbar. I suggest you make a screenshot with the page, then crop the toolbar in your image editor and find its height. Make an image with the height you get and 1px width, then use repeat x function in css.

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
Background for Page Menu Bar and size iworks Page & Category Menu Bars 2 Oct 18, 2009 05:53 AM
[SOLVED] Menu bar background color error mwiwchar Page & Category Menu Bars 6 Jul 21, 2009 09:12 AM
adding opacity to menu bar background colors nickcee Page & Category Menu Bars 0 Mar 23, 2009 01:46 PM
Page Menu Bar - Pressed background color bseppa Page & Category Menu Bars 1 Dec 19, 2008 12:44 AM


All times are GMT -6. The time now is 11:01 AM.


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