Side Bar Both Sides

[Isa The Great]

Side box on both sides
First part in the global headers
:<!--
===================================
HTML Side Tables for ProBoards - Smangii Style
GLOBAL HEADERS - LEFT TABLES
===================================
//-->

<!-- Start Main Table //-->
<table align="center" width="auto" cellpadding="5">
<tr>
<td align="center" width="200px" vAlign="top">
<!-- Start Side Tables //-->
<table width="100%" cellpadding="0">
<tr>
<td>

<!-- CUSTOM SIDE BOX #1 //-->
<table align="center" width="100%" class="bordercolor" cellpadding="4" cellspacing="1">
<tr>
<td align="center" class="titlebg">BOX #1 TITLE</td>
</tr>
<tr>
<td class="windowbg" align="center">
BOX #1 INFORMATION
</td>
</tr>
</table>
</br>

<!-- CUSTOM SIDE BOX #2 //-->
<table align="center" width="100%" class="bordercolor" cellpadding="4" cellspacing="1">
<tr>
<td align="center" class="titlebg">BOX #2 TITLE</td>
</tr>
<tr>
<td class="windowbg" align="center">
BOX #2 INFORMATION
</td>
</tr>
</table>
</br>

<!-- CUSTOM SIDE BOX #3 //-->
<table align="center" width="100%" class="bordercolor" cellpadding="4" cellspacing="1">
<tr>
<td align="center" class="titlebg">BOX #3 TITLE</td>
</tr>
<tr>
<td class="windowbg" align="center">
BOX #3 INFORMATION
</td>
</tr>
</table>
</br>

<!-- Close Side Tables //-->
</td>
</tr>
</table>
</td>
<td vAlign="top">

<div id="wel"></div>
<script type="text/javascript">
<!--
var welcomeTable = document.getElementsByTagName("table").item(0);
document.getElementById("wel").appendChild(welcomeTable);
//-->
</script>

<!-- END SIDE TABLES GLOBAL HEADERS HTML //-->




And this portion in your global footers:

<!--
===================================
HTML Side Tables for ProBoards - Smangii Style
GLOBAL FOOTERS - RIGHT TABLES
===================================
//-->

<script type="text/javascript">
<!--
table = document.getElementsByTagName('table');
for(i = 0; i < table.length; i ++) {
with(table[i]) {
if(width == '92%') {
width = '700';
}}}
//-->
</script>

<!-- Start Side Tables //-->
</td>
<td align="center" width="200px" vAlign="top">
<table width="100%" cellpadding="0">
<tr>
<td>

<!-- CUSTOM SIDE BOX #1 //-->
<table align="center" width="100%" class="bordercolor" cellpadding="4" cellspacing="1">
<tr>
<td align="center" class="titlebg">BOX #1 TITLE</td>
</tr>
<tr>
<td class="windowbg" align="center">
BOX #1 INFORMATION
</td>
</tr>
</table>
</br>

<!-- CUSTOM SIDE BOX #2 //-->
<table align="center" width="100%" class="bordercolor" cellpadding="4" cellspacing="1">
<tr>
<td align="center" class="titlebg">BOX #2 TITLE</td>
</tr>
<tr>
<td class="windowbg" align="center">
BOX #2 INFORMATION
</td>
</tr>
</table>
</br>

<!-- CUSTOM SIDE BOX #3 //-->
<table align="center" width="100%" class="bordercolor" cellpadding="4" cellspacing="1">
<tr>
<td align="center" class="titlebg">BOX #3 TITLE</td>
</tr>
<tr>
<td class="windowbg" align="center">
BOX #3 INFORMATION
</td>
</tr>
</table>
</br>

<!-- Close Side Tables //-->
</td></tr></table></td></tr></table>
<!-- SIDE TABLES GLOBAL FOOTERS - DO NOT REMOVE //-->