PDA

View Full Version : COOL fading color background



imagined
April 28th, 2004, 12:48 PM
Does anyone know how to create a fading color background like the one in
http://www.alistapart.com/
It doesn't look like they used an image. I dont really know.

Thanks,

Leo

simplistik
April 28th, 2004, 02:27 PM
It is an image he/she just has it declared in a CSS. The image is called "btgrdk.gif". But anyway, your answer is... make a gradient in Photoshop :)

imagined
April 28th, 2004, 05:17 PM
thank you very much. you're right.

i created my CSS file:

body
{
background-image:url(../images/bgImage.gif) bottom left fixed repeat-x;

}

but it doesnt work. the link is right, because if i remove "bottom left fixed repeat-x;" all the screen is filled with the image, but if i add the last part, i get a white screen.

what am i doing wrong?

simplistik
April 28th, 2004, 05:43 PM
body {
background-image:url(../images/bgImage.gif);
background-position: bottom left;
background-repeat: repeat-x;
background-attachment: fixed;
}


You may want to make your image position top right though... but then again you don't even need that since it would naturally do that.

imagined
April 28th, 2004, 05:52 PM
THANKS SOOOOO MUCH!

It works AWESOMEEEE!!!

Leo :D :D :D