Full-screen Background Image

[edenwax]

Global Header

Important:
*In order for this to work properly, take out the image url from the skin and put it here instead. This may not work if you already have a background image in use.

Now, I will let you know that you probably shouldnt use a really small picture for a background image. Why? Because stretching an image beyond its original dimensions will result in a major loss in quality. Therefor making your forum ugly as sin. This also may be good to know: This code is made to extend an image to the ends of the browser. So if you have a small monitor, it will be a better quality picture. Whereas if you have a large monitor, it will be terrible. So when choosing a background image make sures its dimensions are minimum 1024 x 768 or 1280 x 1024. Unless you dont care about how the site looks on other peoples monitors. If that be the case, do what you want!


<style = "text/css">
body {
background-image: url(image url here);
background-size: 100%
}
</style>


[Admin]

Accepted, this will now be locked, any help with this code must go to the code support board.

[edenwax]

Just found that this code doesnt want to work with Firefox or IE. Maybe its just my compy, but Im looking into it.