Change Background To A Static Image

[JusnKrdibl]

Hi All,

I'm working on a new Pligg site and was wondering if it is possible to have an image as the background of the site. I've read up on how to change the color of the background, but have yet to see anyone ask if it can be set to an image.

An example would be, for instance on OpiNr.com, if I wanted to have this image:
http://interfacelift.com/wallpaper/d..._1280x1024.jpg

as a static background across the whole page (not including header), where the videos would just scroll over the static background. Would this image need to be chopped into 3 parts (2 sidebars, and main)?

If anyone has an example of code that would work, feel free to use the example above in the code you provide and I will edit it to my own needs.

Thanx In Advance

[JusnKrdibl]

Sorry, had to bump. I really think this could help all our pages get a better look, if this can be solved.

[dollars5]

upload that image to your images folder and change the css for body to:
background: #000000 url("../images/01355_smoke_1024x768.jpg") no-repeat scroll center top;

[opinr]

Okay, so now that we established setting the image as the background for the page. Is there any way to make the center columns (ones displaying the story content, summaries, links, etc.) have a transparent background so that the image can be seen across the entire page?

Thanks for the help.

[JusnKrdibl]

Thank you dollar5, that was an extreme help. Must have been trying to do that for a least a month. But just as opinr has stated, is there a way to make the center transparent, instead of a color?

[Andtony]

You can control the colors and backgrounds of every element from your template's CSS-file.
Compare your template files and your CSS-file and take off all background colors that you want to change to transparent. If background is not set it's transparent.

[dollars5]

Okay, so now that we established setting the image as the background for the page. Is there any way to make the center columns (ones displaying the story content, summaries, links, etc.) have a transparent background so that the image can be seen across the entire page?

Thanks for the help.

same as Andtony said, make sure you donot have background with colors:
instead of background:#000000 url.... use background:transparent url...

particularly if the background for .full - the header bg block also would work fine. Btw: there are all simple CSS tips that any decent CSS book or a simple google search should help you - make sure you try them before posting for simple CSS helps.