Boarder around the forum

So many people want this code, so here it is
if you have a header, footer, and background image use the 1st code. If you don't have any images and just want a border-around forum coding using your graients, use the 2nd code. Both work the same way

Using Images:

GLOBAL HEADERS:
<script>
<!--
/* Border-Around-Forum using Images - by Smangii */

var hi = "HEADER IMAGE URL";
var mi = "BACKGROUND IMAGE URL";
var bi = "FOOTER IMAGE URL";

document.write('<table width="92%" cellspacing="0" cellpadding="0" align="center"><tr><td align="center" width="100%"><img src="'+hi+'"></td></tr><tr><td width="100%" style="background-image: url('+mi+');">')
//-->
</script>
GLOBAL FOOTERS:

<script>
<!--
document.write('</td></tr><tr><td width="100%" align="center"><img src="'+bi+'"></td></tr></table>')
//-->
</script>

Using Gradients:

GLOBAL HEADERS:
<script>
<!--
/* Border-Around-Forum using Gradients - by Smangii */

var hg = "titlebg"; // Class of the Header Gradient
var mc = "#FFFFFF"; // Color of the middle portion
var bg = "titlebg"; // Class of the Footer Gradient

document.write('<table width="92%" cellspacing="1" cellpadding="4" class="bordercolor" align="center"><tr><td width="100%" class="'+hg+'"></td></tr><tr><td width="100%" bgcolor="'+mc+'">')
//-->
</script>
GLOBAL FOOTERS:
<script>
<!--
document.write('</td></tr><tr><td width="100%" class="'+bg+'"></td></tr></table>')
//-->
</script>