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
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?

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...

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

Thanks,
Shawn

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.

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.