PDA

View Full Version : Background color?


CLF
06-25-2007, 08:57 AM
How do I make cool background color (gradient) like the one you have here on vBulletin.org?
Thank you so much.

Triky
06-25-2007, 10:35 AM
You can do it with an image editor like Photoshop, The Gimp, etc.

TheMilkCarton
06-25-2007, 10:37 AM
If you have fixed width boards (and Photoshop):

1) Open up a new photoshop file the same width as your boards (let's say 800px in this example)
2) New Layer > Fill it with white
3) Image > Canvas size > Increase the width to about 1000-1200px
4) Create a new layer under the 800px wide box and put a gradient on each side of it.
5) Once it looks good, Image > Canvas Size > and reduce the Height to 1px
6) Save for Web, and you're good to go.

Then for the actual CSS, in the Body box in Style Manager just add url(/path/to/image.gif) top center repeat-y to the "Background" box.

If you have fluid boards it's a little harder but not impossible.

CLF
06-26-2007, 06:13 AM
Thank you, guys! :)
Truly appreciated!