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.

LEAD_WEIGHT · #2 06-04-2007, 05:51 PM

Reserved for side addons

Log in Block

Code:

			<if condition="$show['member']">
			<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
			<tr>
				<td class="alt2" valign="top" width="175px">
				<div class="smallfont">
					<strong><phrase 1="$bbuserinfo[username]">$vbphrase[welcome_x]</phrase></strong><br />
					<phrase 1="$pmbox[lastvisitdate]" 2="$pmbox[lastvisittime]">$vbphrase[last_visited_x_at_y]</phrase>
					<if condition="$show['pmstats']"><br /><phrase 1="$vbphrase[unread_x_nav_compiled]" 2="$vbphrase[total_x_nav_compiled]" 3="$session[sessionurl_q]">$vbphrase[private_messages_nav]</phrase></if>
					<if condition="$show['pmwarning']"><br /><strong><phrase 1="$vbphrase[pmpercent_nav_compiled]">$vbphrase[your_pm_box_is_x_full]</phrase></strong></if>
				</div>
				</td>
			</tr>
			</table>
			<else />
					
			<!-- login form -->
			<form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, $show[nopasswordempty])">
			<script type="text/javascript" src="clientscript/vbulletin_md5.js?v=$vboptions[simpleversion]"></script>
			<table cellpadding="0" cellspacing="$stylevar[formspacer]" border="0">
			<tr>
				<td class="smallfont" align="left"><label for="navbar_username">$vbphrase[username]</label></td>
				<td><input type="text" class="bginput" style="font-size: 11px" name="vb_login_username" id="navbar_username" size="10" accesskey="u" tabindex="101" value="$vbphrase[username]" onfocus="if (this.value == '$vbphrase[username]') this.value = '';" /></td>
			</tr>
			<tr>
				<td class="smallfont"  align="left"><label for="navbar_password">$vbphrase[password]</label></td>
				<td><input type="password" class="bginput" style="font-size: 11px" name="vb_login_password" id="navbar_password" size="10" tabindex="102" /></td>
			</tr>
			<tr>
				<td class="smallfont" colspan="2" nowrap="nowrap"  align="left"><label for="cb_cookieuser_navbar">$vbphrase[remember_me]</label><input type="checkbox" name="cookieuser" value="1" tabindex="103" id="cb_cookieuser_navbar" accesskey="c" /></td>
			</tr>
			<tr>
				<td><input type="submit" class="button" value="$vbphrase[log_in]" tabindex="104" title="$vbphrase[enter_username_to_login_or_register]" accesskey="s" /></td>
			</tr>
			</table>
			<input type="hidden" name="s" value="$session[sessionhash]" />
			<input type="hidden" name="do" value="login" />		
			<input type="hidden" name="vb_login_md5password" />
			<input type="hidden" name="vb_login_md5password_utf" />
			</form>
			<!-- / login form -->
		
			</if>

Calendar Block *non-vB
# upload files to root/directory
# replace with root forum folder name

Code:

				<table cellpadding="0" cellspacing="0" border="0" width="100%">
				<tr valign="top">
					<td align="center">
	
						<iframe name="gToday:calendar:" id="gToday:calendar:"src="/test_vbb/calendar/cal.htm" scrolling="no" frameborder="0"></iframe>
	
					</td>
				</tr>
				</table>

Attachment 66651

Ohiosweetheart · #3 06-07-2007, 10:11 PM

Looks like I'll be trying this one

LEAD_WEIGHT · #4 06-08-2007, 02:49 AM

Quote:

Originally Posted by MARKETPROFITS

This is a nice mod, great work.

*Installed*

Than you for your comment

Quote:

Originally Posted by Ohiosweetheart

Looks like I'll be trying this one

I hope it works for you,

and will tinker with other.

Emre Goren · #5 06-11-2007, 07:49 PM

Thank you so much , I was looking for something like this and couldnt get enough help from official help staff..

LEAD_WEIGHT · #6 06-11-2007, 10:22 PM

Quote:

Originally Posted by Emre Goren

Thank you so much , I was looking for something like this and couldnt get enough help from official help staff..

In vbulletin.com or on this site? I do help people over at vbulletin.com... [Jose Amaral Rego] is the username I have over on that site.

blindman4556 · #7 06-14-2007, 09:29 PM

is there a way to push it up to the top like image 1, cuz right now it stays down below shout like image 2: and i tried putting it in the header but it pushes it clear to the top.

LEAD_WEIGHT · #8 06-14-2007, 09:54 PM

What hack are you using for a shoutbox? I can always see where that edit was placed. It most likely under the template: header code.

A|X · #9 07-01-2007, 03:04 PM

I like this MOD. But after installation my left and right column not same level with my forum page/column.

Look at my attachment. I need your help. What should i do?

Thanks.

LEAD_WEIGHT · #10 07-01-2007, 05:47 PM

Just notice you are using separate 'Categories Modification'. I am going to see what I can do to fix the problem, it should be easy enough. I am going to edit my templates with same edits you have in your forum.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06959 seconds Memory Usage 2,356KB Queries Executed 23 (?)
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 (14)bbcode_code (3)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_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!