[CB] Border Around Forum

[iPokemon]

Update
No longer using new class. Using popuptitlebg class. If you would like to edit the color of your border, just go to your Skins>>Modify Skin>>Choose Skin>>Edit Popup Title BG to your chosen bg color for that skin.
That was done so you wouldn't have to put that code into if() statements, so it would only show up on the skin that had a coordinating color.

Tested in Firefox, Google Chrome, and IE

Preview: p23.pimg.in/6bX_iq.png

Description: This code will create a border around your forum, using a table. The table's background can be edited to your liking, either image or hex color. Now, here is the code.

Take out any PM text removers and the <<Location>> removers, as this code already does it.

Absolute Top of Global Header

<style type="text/css">
.popuptitlebg {padding: 2em;}
</style>
<script>
<!--
/* Border Around Forum - GF
http://bytemecodes.proboards.com/ */
document.write('<table width="800px" cellspacing="1" cellpadding="4" class="popuptitlebg" align="center"><tr><td width="100%">');
document.getElementsByTagName('td').item(2).style.display="none";
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>
<div id="wel"></div>
<script type="text/javascript">
<!--
var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);
document.write('<br />');
//-->
</script>

Absolute Bottom of Global Footer

<script type="text/javascript"><!--
/* Border Around Forum - GF
http://bytemecodes.proboards.com/ */
document.write('</td></tr></table>');
//--></script>


Now, for the explanation of editing

First, you edit the CSS for the table. This can range from anything in the image department, or a plain hex code/color code. Edit the "#CDCDCD" in there to your hex code, or edit that part with this:

background-image: url('IMAGE URL');


If you want more padding around the forum, I suggest not past 20, you can change the "2em" to "4em" or whatever. For IE users: Please check the last part of this post for the IE version of this code.

Now, for the width of the table. Within the document.write('<table width="800px" you can change that "800px" to whatever, something below 1000px is suggested.

After Width, we don't have to edit anything! Unless you know what you are doing, that is.

---

Well, here is the IE version of the code:

Top of Global Header:

<script>
<!--
/* Border Around Forum - GH
http://bytemecodes.proboards.com/ */
document.write('<table width="800px" cellspacing="1" cellpadding="8" class="tpl" align="center"><tr><td width="100%">');
document.getElementsByTagName('td').item(2).style.display="none";
document.getElementsByTagName('font').item(1).style.display="none";
//-->
</script>
<div id="wel"></div>
<script type="text/javascript">
<!--
var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);
document.write('<br />');
//-->
</script>

Edit the "cellpadding='8'" in the actual table to anything, something lower than 20 is recommended. Follow the width rules as stated above.

Bottom of Global Footer

<script type="text/javascript"><!--
/* Border Around Forum - GF
http://bytemecodes.proboards.com/ */
document.write('</td></tr></table>')
//--></script>