The Arcive of Official vBulletin Modifications Site.

Create Leftside Rightside Column - includes Table(s) · **Released**: 06-03-2007

These instructions are with table(s) added into the empty column you see after using the instruction provided by Floris & Jake Bunce tutorials in Quick Tips forum @ vBulletin.com. I have little changes, but in whole it is the same. This is for displaying under navbar menu. If you are using a portal, you can add modules within forum and those instruction are posted within other sites forums.

Left Column Table

Admin CP > Styles & Templates > Style Manager > Edit Templates {Drop Down Menu} > footer

# find in template: footer
# add 'leftside column' close table code
# optional: to display in certain pages and not all, add conditional statement

Code:

$spacer_close
<!-- /content area table -->

<!-- leftside column -->
	</td>
</tr>
</table>
<!-- / leftside column -->

<form action="$vboptions[forumhome].php" method="get">

Example of conditional to display in three selected forum pages and must be applied to other code in same manner.

Code:

$spacer_close
<!-- /content area table -->

<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">
<!-- leftside column -->
		</td>
	</tr>
	</table>
<!-- / leftside column -->
</if>

<form action="$vboptions[forumhome].php" method="get">

Admin CP > Styles & Templates > Style Manager > Edit Templates {Drop Down Menu} > navbar

# find in template: navbar
# add 'leftside column' open table code
# optional: to display in certain pages and not all, add conditional statement

Code:

<!-- / PAGENAV POPUP -->
</if>

<!-- leftside column -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
 <tr>
 <td style="padding:0px 10px 0px 0px" width="175" valign="top" class="page" style="0px;">
 		<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- leftsidebar_1 -->
		<thead width="150" valign="top">
		<tr align="center">
			<td class="thead">
			Left Column
			</td>
		</tr>
		</thead>
		<tbody>
		<tr align="center">
			<td class="tcat">
		<a style="float:right" href="#top" onclick="return toggle_collapse('leftsidebar_1')"><img id="collapseimg_leftsidebar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
			Left Column Bar
<!-- / title end -->
			</td>
		</tr>
		</tbody>
		<tbody id="collapseobj_leftsidebar_1" style="">
		<tr align="center">
			<td class="alt2">
<!-- leftbar_1 code -->



<!-- / leftbar_1 code -->
			</td>
		</tr>
		</tbody>
<!-- / leftsidebar_1 -->
		</table>

 </td>
 <td valign="top">
<!-- / leftside column -->

Example of conditional to display in three selected forum pages and must be applied to other code in same manner.

Code:

<!-- / PAGENAV POPUP -->
</if>

<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">
<!-- leftside column -->
	<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td style="padding:0px 10px 0px 0px" width="175" valign="top" class="page" style="0px;">
	 		<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- leftsidebar_1 -->
			<thead width="150" valign="top">
			<tr align="center">
				<td class="thead">
		                         Left Column
				</td>
			</tr>
			</thead>
			<tbody>
			<tr align="center">
				<td class="tcat">
			<a style="float:right" href="#top" onclick="return toggle_collapse('leftsidebar_1')"><img id="collapseimg_leftsidebar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
				Left Column Bar
<!-- / title end -->
				</td>
			</tr>
			</tbody>
			<tbody id="collapseobj_leftsidebar_1" style="">
			<tr align="center">
				<td class="alt2">
<!-- leftbar_1 code -->



<!-- / leftbar_1 code -->
				</td>
			</tr>
			</tbody>
<!-- / leftsidebar_1 -->
			</table>

	</td>
	<td valign="top">
<!-- / leftside column -->
</if>

These instructions are with table(s) added into the empty column you see after using the instruction provided by Floris & Jake Bunce tutorials in Quick Tips forum. I have little changes, but in whole it is the same. This is for displaying under navbar menu. If you are using a portal, you can add modules within forum and those instruction are posted within other sites forums.

Right Column Table

Admin CP > Styles & Templates > Style Manager > Edit Templates {Drop Down Menu} > footer

# find in template: footer
# add 'rightside column' close table code
# optional: to display in certain pages and not all, add conditional statement

Code:

$spacer_close
<!-- /content area table -->

<!-- rightside column -->
	</td>
	<td width="10px"></td>
	<td valign="top" width="175">
		<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- rightsidebar_1 -->
		<thead>
		<tr align="center">
			<td class="thead">
			Right Column
			</td>
		</tr>
		</thead>
		<tbody>
		<tr align="center">
			<td class="tcat">
		<a style="float:right" href="#top" onclick="return toggle_collapse('rightbar_1')"><img id="collapseimg_rightbar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
			Right Column Bar
<!-- / title end -->
			</td>
		</tr>
		</tbody>
		<tbody id="collapseobj_rightbar_1" style="">
		<tr align="center">
			<td class="alt2">
<!-- rightbar_1 code -->



<!-- / rightbar_1 code -->
			</td>
		</tr>
		</tbody>
<!-- / rightsidebar_1 -->
		</table>
	</td>
</tr>
</table>
<!-- / rightside column -->

<form action="$vboptions[forumhome].php" method="get">

Example of conditional to display in three selected forum pages and must be applied to other code in same manner.

Code:

$spacer_close
<!-- /content area table -->

<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">
<!-- rightside column -->
		</td>
		<td width="10px"></td>
		<td valign="top" width="175">
			<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- rightsidebar_1 -->
			<thead>
			<tr align="center">
				<td class="thead">
				Right Column
				</td>
			</tr>
			</thead>
			<tbody>
			<tr align="center">
				<td class="tcat">
			<a style="float:right" href="#top" onclick="return toggle_collapse('rightbar_1')"><img id="collapseimg_rightbar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
				Right Column Bar
<!-- / title end -->
				</td>
			</tr>
			</tbody>
			<tbody id="collapseobj_rightbar_1" style="">
			<tr align="center">
				<td class="alt2">
<!-- rightbar_1 code -->



<!-- / rightbar_1 code -->
				</td>
			</tr>
			</tbody>
<!-- / rightsidebar_1 -->
			</table>
		</td>
	</tr>
	</table>
<!-- / rightside column -->
</if>

<form action="$vboptions[forumhome].php" method="get">

Admin CP > Styles & Templates > Style Manager > Edit Templates {Drop Down Menu} > navbar

# find in template: navbar
# add 'rightside column' open table code
# optional: to display in certain pages and not all, add conditional statement

Code:

<!-- / PAGENAV POPUP -->
</if>

<!-- rightside column -->
<table border="0" width="100%" class="page" cellspacing="0" cellpadding="0" align="center">
<tr>
	<td valign="top">
<!-- / rightside column -->

Example of conditional to display in three selected forum pages and must be applied to other code in same manner.

Code:

<!-- / PAGENAV POPUP -->
</if>

<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">
<!-- rightside column -->
<table border="0" width="100%" class="page" cellspacing="0" cellpadding="0" align="center">
<tr>
	<td valign="top">
<!-- / rightside column -->
</if>

These instructions are with table(s) added into the empty column you see after using the instruction provided by Floris & Jake Bunce tutorials in Quick Tips forum. I have little changes, but in whole it is the same. This is for displaying under navbar menu. If you are using a portal, you can add modules within forum and those instruction are posted within other sites forums.

Left and Right Column Table

Admin CP > Styles & Templates > Style Manager > Edit Templates {Drop Down Menu} > footer

# find in template: footer
# add 'rightside & leftside column' close/open table code
# optional: to display in certain pages and not all, add conditional statement

Code:

$spacer_close
<!-- /content area table -->

<!-- leftside column -->
	</td>
</tr>
</table>
<!-- / leftside column -->

<!-- rightside column -->
	</td>
	<td width="10px"></td>
	<td valign="top" width="175">
		<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- rightbar_1 -->
		<thead>
		<tr align="center">
			<td class="thead">
			Right Column
			</td>
		</tr>
		</thead>
		<tbody>
		<tr align="center">
			<td class="tcat">
		<a style="float:right" href="#top" onclick="return toggle_collapse('rightbar_1')"><img id="collapseimg_rightbar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
			Right Column Bar
<!-- / title end -->
			</td>
		</tr>
		</tbody>
		<tbody id="collapseobj_rightbar_1" style="">
		<tr align="center">
			<td class="alt2">
<!-- rightbar_1 code -->



<!-- / rightbar_1 code -->
			</td>
		</tr>
		</tbody>
<!-- / rightsidebar_1 -->
		</table>
	</td>
</tr>
</table>
<!-- / rightside column -->

<form action="$vboptions[forumhome].php" method="get">

Example of conditional to display in three selected forum pages and must be applied to other code in same manner.

Code:

$spacer_close
<!-- /content area table -->

<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">
<!-- leftside column -->
		</td>
	</tr>
	</table>
<!-- / leftside column -->

<!-- rightside column -->
		</td>
		<td width="10px"></td>
		<td valign="top" width="175">
			<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- rightbar_1 -->
			<thead>
			<tr align="center">
				<td class="thead">
				Right Column
				</td>
			</tr>
			</thead>
			<tbody>
			<tr align="center">
				<td class="tcat">
			<a style="float:right" href="#top" onclick="return toggle_collapse('rightbar_1')"><img id="collapseimg_rightbar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
				Right Column Bar
<!-- / title end -->
				</td>
			</tr>
			</tbody>
			<tbody id="collapseobj_rightbar_1" style="">
			<tr align="center">
				<td class="alt2">
<!-- rightbar_1 code -->



<!-- / rightbar_1 code -->
				</td>
			</tr>
			</tbody>
<!-- / rightsidebar_1 -->
			</table>
		</td>
	</tr>
	</table>
<!-- / rightside column -->
</if>

<form action="$vboptions[forumhome].php" method="get">

Admin CP > Styles & Templates > Style Manager > Edit Templates {Drop Down Menu} > navbar

# find in template: navbar
# add 'rightside & leftside column' close/open table code
# optional: to display in certain pages and not all, add conditional statement

Code:

<!-- / PAGENAV POPUP -->
</if>

<!-- leftside column -->
<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
<tr>
	<td style="padding:0px 10px 0px 0px" width="175" valign="top" class="page" style="0px;">
		<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- leftsidebar_1 -->
		<thead width="150" valign="top">
		<tr align="center">
			<td class="thead">
			Left Column
			</td>
		</tr>
		</thead>
		<tbody>
		<tr align="center">
			<td class="tcat">
		<a style="float:right" href="#top" onclick="return toggle_collapse('leftsidebar_1')"><img id="collapseimg_leftsidebar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
			Left Column Bar
<!-- / title end -->
			</td>
		</tr>
		</tbody>
		<tbody id="collapseobj_leftsidebar_1" style="">
		<tr align="center">
			<td class="alt2">
<!-- leftbar_1 code -->



<!-- / leftbar_1 code -->
			</td>
		</tr>
		</tbody>
<!-- / leftsidebar_1 -->
		</table>

	</td>
	<td valign="top">
<!-- / leftside column -->

<!-- rightside column -->
<table border="0" width="100%" class="page" cellspacing="0" cellpadding="0" align="center">
<tr>
	<td valign="top">
<!-- / rightside column -->

Example of conditional to display in three selected forum pages and must be applied to other code in same manner.

Code:

<!-- / PAGENAV POPUP -->
</if>

<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">
<!-- leftside column -->
	<table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td style="padding:0px 10px 0px 0px" width="175" valign="top" class="page" style="0px;">
			<table class="tborder" border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
<!-- leftsidebar_1 -->
			<thead width="150" valign="top">
			<tr align="center">
				<td class="thead">
				Left Column
				</td>
			</tr>
			</thead>
			<tbody>
			<tr align="center">
				<td class="tcat">
			<a style="float:right" href="#top" onclick="return toggle_collapse('leftsidebar_1')"><img id="collapseimg_leftsidebar_1" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
<!-- title start -->
				Left Column Bar
<!-- / title end -->
				</td>
			</tr>
			</tbody>
			<tbody id="collapseobj_leftsidebar_1" style="">
			<tr align="center">
				<td class="alt2">
<!-- leftbar_1 code -->



<!-- / leftbar_1 code -->
				</td>
			</tr>
			</tbody>
<!-- / leftsidebar_1 -->
			</table>

		</td>
		<td valign="top">
<!-- / leftside column -->

<!-- rightside column -->
	<table border="0" width="100%" class="page" cellspacing="0" cellpadding="0" align="center">
	<tr>
		<td valign="top">
<!-- / rightside column -->
</if>

Admin CP > Styles & Templates > Style Manager > StyleVars {Drop Down Menu} > Sizes and Dimensions

Message Area Width (pixels): [440px]
(This value allows you to specify the width in pixels of the text box used for all message posting in vBulletin)
Code Block Width (pixels): [440px]
(This value controls the width of [code], [php] and [html] bbcode blocks. You may set this value to 'auto', but if you do, Internet Explorer will stretch the width of the block rather than inserting a scrollbar.)

Maintenance > Update Counters > Rebuild Post Cache

You also need to use postbit instead of postbit_legacy to utilize the most of message space.

View images below.

Yes, I do know many have posted variation of this and this is a variation of that. It is place under navbar and you may choose both to display at same time.

chiptz · #62 04-10-2009, 04:15 PM

hello,

I have this mod installed however I am not able to fix a problem: the column jumps off on thread viewing and on memberlist, at least.

I believe I have followed all steps on the thread.

Any idea on how to fix this?

Ok when viewing index or inside a forum:
Attachment 97553

Not ok when viewing threads or memberlist.
Attachment 97554

chiptz · #63 04-16-2009, 07:48 AM

already fixed, a div tag with width was killing the layout

alfanexus · #64 04-25-2009, 06:39 PM

Quote:

Originally Posted by chiptz

already fixed, a div tag with width was killing the layout

I have the same problem. Where was the div tag? and how did you fix it?

ArnyVee · #65 04-28-2009, 11:08 PM

Quote:

Originally Posted by chiptz

already fixed, a div tag with width was killing the layout

Please share how you did it chiptz

swisscotton · #66 08-16-2009, 07:03 PM

I have just set this up and it works however i have two questions:

How to i line it up to the main forum as it sits just to high. I have tried putting in padding on the top but it just reduces the main forum in width. I have tried putting a div around the table and that?s not working either

How to i separate the boxes?

http://www.goldenbunnies.co.uk

jlistic · #67 11-14-2009, 08:49 PM

Would anyone know how I can add a right column under my statistics section and above my What's going on section? If so, please share!!

swisscotton · #68 12-30-2009, 01:44 PM

Is anyone still supporting this? I am having an on going issue that is really doing my head in! I cannot get my right column to match the forum height or the left one. I am not using separate boxes (as I couldn?t establish that). When I have tried putting in a td padding its messes it up.

Could someone please reply!!!????

Jonathan81 · #69 02-04-2012, 04:03 PM

Old thread revival...

Just installed this. Working great only for one issue. I also have vb.Sponsors installed but for some reason, any forums which are not sponsored (i.e. should be in their original state without any modifications), the right column appears underneath the entire website. Anyone have any ideas?

Jonathan81 · #70 02-05-2012, 12:28 PM

Please ignore, now sorted. Found an extra bit of code that shouldn't have been there.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04845 seconds Memory Usage 2,345KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (12)bbcode_code (2)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (6)navbar_link (120)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (10)post_thanks_box (10)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (10)post_thanks_postbit_info (9)postbit (10)postbit_onlinestatus (10)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_postinfo_query fetch_postinfo fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!