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)
-   -   Creating buttons for the page menu (http://forum.bytesforall.com/showthread.php?t=940)

Nourdmrolnmt1 Mar 24, 2009 05:37 PM

Creating buttons for the page menu
 
Okay, so i would like to use an image background as a button, for instance view this site...
http://yellowicon.com/

What i have already are the images necessary for the rollover effect, i know that i can specify the image and to load the rollover as well in CSS... what i do not know however, is how i am to create the breaks, and so that the image works as it does on that site... I also will be centering the menu bar, so i will need the actual background image to go behind it all which will be the image, but without the lower highlight...

So, lemme explain in a different way if that wasnt understandable.
As seen in that website, you have the background of the bars and when you rollover they highlight white... In my version however, the buttons will already have a white highlight, and will turn blue on rollover, and if i can get the right php for it, will stay white when visiting that page. Now, i also will want the rest of the page menu to have the base image, without the white highlight behind the actual buttons...

If you need another new explanation, let me know, ill try again...
I have tried the
HTML Code:

ul.rMenu, ul.rMenu li {
background: #123456 url(/images/menubutton.jpg) ;
}

but that creates the one button that gets repeated... My next problem extends from the fact that i would much rather just lay the text over the button, than to put the text on the button, but that is for a later date after I figure this out... any suggestions?

Neoavatara Mar 25, 2009 06:12 PM

I have a much more basic question: on your menu bar, how do you get the effect of the two colors, the darker and brighter? And how do you make those buttons appear rounded?

I am clearly a novice...

ssoszka Nov 30, 2009 09:02 AM

I'm interested in the answer to BOTH questions. If anyone has any insight, please share!!

Thanks,
Shawn

CLB Jan 30, 2012 04:24 PM

I have no idea how you get different images for each button or rounded edges, but if you go into Atahualpa's Menu 1 (page menu) section - under the Header Area part of the menu on the left - you can pick the colors. Just click on the rectangle with the color code in it and a color picker pops up.

What I want to know is how to put a tiny graphic between each button.

kangcarew Feb 1, 2012 11:50 AM

I would reccomend just adding a "text" widget area under the header and using html and css to design the menu bar however you would like. There are 200 ways you could go with it so I would read up on css or search for "horizontal nav tutorials" to find the way you would prefer to approach it.

CLB Feb 2, 2012 02:03 PM

Quote:

Originally Posted by kangcarew (Post 79736)
I would reccomend just adding a "text" widget area under the header and using html and css to design the menu bar however you would like. There are 200 ways you could go with it so I would read up on css or search for "horizontal nav tutorials" to find the way you would prefer to approach it.


Doy! Why didn't I think of that? Thank you.


All times are GMT -6. The time now is 10:35 AM.

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