View Full Version : gradient background

03-13-2009, 04:20 PM
hi friends,

how can I put a gradient background for the page.
although I know it is possible using any photo editor like Paint.Net, but here I need to set this background for the entire page and if I make an image for this purpose using paint.net then the image will take so much time to load.

Is there any way so that i can set such a background without a background-image?

like this one http://free.avg.com/

03-13-2009, 04:22 PM
They're using a background image for that effect. Check this out:


And this is how it was implemented:
body {
background:#EBF5FC url(../img/body_bg.jpg) repeat-x scroll 0;
margin:30px 0 20px;

03-13-2009, 04:26 PM
The trick to this type of background image use is to make it a small sliver (so the download time is far less) and then tile it horizontally.

03-13-2009, 07:42 PM
That is cool, I would like that too!