How to add a left or right column to your vBulletin site
Here I’ll show you how to add a left or right column to your vBulletin site. I have done this to my site so if you do this correctly it works.
Left Column: Admin CP -> Styles & Templates -> Style Manager -> Click on <<>> to expand the templates.
Add the orange code to the header:
<!– logo –>
<a name=”top”></a>
<table border=”0″ width=”$stylevar[outertablewidth]” cellpadding=”0″ cellspacing=”0″ align=”center”>
<tr>
<td align=”$stylevar[left]“><a href=”$vboptions[forumhome].php$session[sessionurl_q]“><img src=”$stylevar[titleimage]” border=”0″ alt=”$vboptions[bbtitle]” /></a></td>
<td align=”$stylevar[right]“>
</td>
</tr>
</table>
<!– /logo –>
<table width=”$stylevar[outertablewidth]” border=”0″ cellpadding=”0″ cellspacing=”0″ align=”center”>
<tr>
<td width=”150″ valign=”top” class=”page” style=”padding: $stylevar[cellpadding]px;”>
YOUR CONTENT HERE
</td>
<td valign=”top”>
<!– content table –>
$spacer_open
$_phpinclude_output
and add the orange code to the footer:
<br />
<div class=”smallfont” align=”center”>$vbphrase[all_times_are_gmt_x_time_now_is_y]</div>
<br />
$spacer_close
<!– /content area table –>
</td>
</tr>
</table>
<form action=”$vboptions[forumhome].php” method=”get”>
Right Column: Admin CP -> Styles & Templates -> Style Manager -> Click on <<>> to expand the templates.
Add the red code to the header:
<!– logo –>
<a name=”top”></a>
<table border=”0″ width=”$stylevar[outertablewidth]” cellpadding=”0″ cellspacing=”0″ align=”center”>
<tr>
<td align=”$stylevar[left]“><a href=”$vboptions[forumhome].php$session[sessionurl_q]“><img src=”$stylevar[titleimage]” border=”0″ alt=”$vboptions[bbtitle]” /></a></td>
<td align=”$stylevar[right]“>
</td>
</tr>
</table>
<!– /logo –>
<table width=”$stylevar[outertablewidth]” border=”0″ cellpadding=”0″ cellspacing=”0″ align=”center”>
<tr>
<td valign=”top”>
<!– content table –>
$spacer_open
$_phpinclude_output
and add the red code to the footer:
XX
<br />
<div class=”smallfont” align=”center”>$vbphrase[all_times_are_gmt_x_time_now_is_y]</div>
<br />
$spacer_close
<!– /content area table –>
</td>
<td width=”150″ valign=”top” class=”page” style=”padding: $stylevar[cellpadding]px;”>
YOUR CONTENT HERE
</td>
</tr>
</table>
<form action=”$vboptions[forumhome].php” method=”get”>
In either scenario: Admin CP -> Styles & Templates -> Style Manager -> Click on <<>> to expand the templates. -> spacer_open
Replace the blue code:
<!– open content container –>
<if condition=”$show['old_explorer']“>
<table cellpadding=”0″ cellspacing=”0″ border=”0″ width=”$stylevar[outertablewidth]” align=”center”><tr><td class=”page” style=”padding:0px $stylevar[spacersize]px 0px $stylevar[spacersize]px”>
<else />
<div align=”center”>
<div class=”page” style=”width:$stylevar[outerdivwidth]; text-align:$stylevar[left]“>
<div style=”padding:0px $stylevar[spacersize]px 0px $stylevar[spacersize]px”>
</if>
…with the green code:
<!– open content container –>
<if condition=”$show['old_explorer']“>
<table cellpadding=”0″ cellspacing=”0″ border=”0″ width=”100%” align=”center”><tr><td class=”page” style=”padding:0px $stylevar[spacersize]px 0px $stylevar[spacersize]px”>
<else />
<div align=”center”>
<div class=”page” style=”width:100%; text-align:$stylevar[left]“>
<div style=”padding:0px $stylevar[spacersize]px 0px $stylevar[spacersize]px”>
</if>
Popularity: 35% [?]


Thanks for the informative article!