Scroll down to the bottom and use this override code in your "Overrides" box:
GLOBAL_HEAD<=
<STYLE TYPE="text/css">
<!--
body {
background-image:url(http://www.your-website.com/image.jpg);
}
-->
</STYLE>
<=GLOBAL_HEAD
Within the code, "http://www.your-website.com/image.jpg" must be replaced by the actual URL of the image you want to use as your background.
The image you use must be stored at a location on the web; if your image is only on your computer's harddrive, it must be uploaded to a webserver in order for it to be viewable via the web.
The webserver that hosts the image has to be one which allows images to be referenced and displayed by other websites. This is a process called remote loading, which unfortunately many popular webspace providers (geocities, angelfire, tripod, to name a few) do NOT allow. Your internet service provider (ISP) likely offers some free webspace to you as part of your account, and they often allow remote loading. There are various Free webspace providers who do allow it as well.
-FIXED backgrounds: On some newer browsers, background images can be "fixed," so that the image will not move as you scroll down the page. To do this, just add "; background-attachment:fixed" to the middle line of the above override code, like this:
GLOBAL_HEAD<=
<STYLE TYPE="text/css">
<!--
body {
background-image:url(http://www.your-website.com/image.jpg);
background-attachment:fixed;
}
-->
</STYLE>
<=GLOBAL_HEAD
-TRANSPARENT backgrounds: On some newer browsers, background colors of tables can be "transparent", so that the image will not be blocked by table background colors. To do this, just add the following to the override code:
GLOBAL_HEAD<=
<STYLE TYPE="text/css">
<!--
body {
background-image:url(http://www.your-website.com/image.jpg);
background-attachment:fixed;
}
table, tr, td, .shadowed { background:transparent; }
-->
</STYLE>
<=GLOBAL_HEAD