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]“>
&nbsp;
</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]“>
&nbsp;
</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: 39% [?]

Post to Twitter Post to Digg Post to Facebook Post to StumbleUpon

One thought on “How to add a left or right column to your vBulletin site

Leave a Reply

Your email address will not be published. Required fields are marked *

*

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>