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)
-   -   Page Menu Bar with glossy background (http://forum.bytesforall.com/showthread.php?t=455)

Tigger Feb 19, 2009 11:58 AM

Page Menu Bar with glossy background
 
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

Flynn Feb 19, 2009 06:04 PM

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

wrastler Mar 20, 2009 04:03 PM

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?

ciolo Mar 20, 2009 09:52 PM

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.


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

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