How do I make a background gradient?

[Peter Mount]

Hello

I'd like to know how to make a background gradient for use as a background for web sites. One example I've used, in a pre-made template, is at:

http://www.livingrockcafe.org

In the css this is used

background: #8da0a7 url(http://www.livingrockcafe.org/image/bg.gif) top center repeat-y;

The image "bg.gif" being a long horizontal strip mostly white with gradient edges so it gives the effect of vertical gradient edges when repeated by the css down the center of the screen.

I'd like to know how to make the background image, with the background gradient, for myself. I've got The Gimp on Kubuntu Edgy. I've also got MS PhotoDraw 2000 (if I get really desperate) for use on Windows.

Are there any tutorials online on how to do this?

Thanks

[stuporglue]

Inkscape is really great with gradients. It's available for K/Ubuntu, of course.

In Inkscape
Make a box as wide as the gradient you want, but tall enough to see it.
Set the border to X (none)
Use the gradient tools to configure it as you like
When you're satisfied, change the height to 1px
Export the box as a png file

hth
Stuporglue

[Peter Mount]

Thanks Stuporglue

I'll download it when I get home

Have fun

[crimesaucer]

I use GIMP to make a jpg and then repeat it.

but it was heavy. this is my resume page: http://jonlen7.100webcustomers.com/

I have made it so a gradient repeats behind my rounded boxes, but I got tired of it and just use a solid color that blends into the gradient header.