I came across this site: http://www.phplist.com/ and really like the three roll over buttons. Just curious if anyone can guide me in the right direction of how to make them. Thanks!
You could do it pretty easily with photoshop or another decent image editing program. I would draw a rounded corner box in photoshop. Usa a gradient fill. Then make an exact copy using a different color for the roll over effect. Upload both to your website, and use javascript or css to make a rollover effect when the mouse is moved over the image.
The first thing you want to do is open Photoshop. Then open a new document sized 500x500 pixels. This will easily be enough room. Then what you wanna do is take your "Rounded Rectangle" tool, and set the radius to about 20px. Make a new layer. Drag your tool across the canvas and make your shape. You'll have something like this: http://www.stefansobering.com/tut/1.jpg Then right click on the layer that you made the button on and click "Blending Options". Select the "Gradient Overlay" box and use the following colors: http://www.stefansobering.com/tut/2.jpg Then you go into the Blending Options and add a 1px "Stroke" of a medium dark grey. You'll then be left with this: http://www.stefansobering.com/tut/3.jpg Now simply use the font "Arial" in white, and add your text. You can also add the text using HTML. You'll then have the final product, this: http://www.stefansobering.com/tut/4.jpg Now to make the orange version, simply go into "Blending Options" again and change the color of your gradient and stroke to get this: http://www.stefansobering.com/tut/5.jpg Then using HTML you can make the rollovers. You can go a bit further and add some gloss by adding a white layer, set to overlay, above your current button, then moving your overlayed white layer up a bit. You will get this: http://www.stefansobering.com/tut/6.jpg NOTE: all my images are really basic, as I don't want to spend all evening making top-notch images for this tutorial. Rep is appreciated. Thanks!