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.

njoker555 · #32 07-05-2007, 02:52 PM

yea i fixed that - but im trying to set it up on another theme - http://www.gamers-forum.com/index.php?styleid=4 - and in the frnt page looks good but on the footer, it stretches the white line and when you go into see a topic, the top bar like shrinks, and when u post a reply the panel overlaps - i've tried changing the stylevars like last time but its not working, it just looks worse, i've attached some screenshots of those pics. help again, is apprecaite

thanks!

edit: and i did the spacer thing u showed and it just screws it up even more

LEAD_WEIGHT · #33 07-05-2007, 10:21 PM

njoker555 did you add to Additional Cascading Style Sheetings and edit spacer_open in that style. Plus did you edit in 'Sizes and Dimensions' for message area & code and then run update counter.

njoker555 · #34 07-06-2007, 12:17 AM

Quote:

Originally Posted by LEAD_WEIGHT

njoker555 did you add to Additional Cascading Style Sheetings and edit spacer_open in that style. Plus did you edit in 'Sizes and Dimensions' for message area & code and then run update counter.

yes i did - but these were already in the additional cascading style sheet - in the bottom text box, so i just put the addition there, this is what it already had:

Code:

.menu {
	padding-left: 10px;
	font-size: 8pt;
	color: #FFFFFF;
	border-left: 2px solid #1E1E1E;
	border-right: 2px solid #1E1E1E;
}

.menu a:link, .menu a:visited, .menu a:active {
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

.menu a:hover {
	font-size: 8pt;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: underline;
}

and i added this under it:

Code:

.spacer-open { padding: 0 25px; }
.spacer-open .spacer-open { padding: 0; }

i dont know if thats the problem

LEAD_WEIGHT · #35 07-06-2007, 12:50 AM

What does your 'Sizes and Dimensions' of Style RedBar have for values.

Message Area Width (pixels) [???]
(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) [???]
(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.)

njoker555 · #36 07-06-2007, 01:13 AM

Main Table Width (pixels or percentage) - 780
Spacer Size (pixels) -- 10
Outer Border Width (pixels) -- 20
Inner Border Width (pixels) -- 1
Table Cell Padding (pixels) -- 6
Form Element Spacer Size (pixels) --3
Form Width (pixels) -- 640px
User Control Panel Form Width (pixels) -- 480px
Message Area Width (pixels) -- 440px
User Control Panel Message Area Width (pixels) -- 380px
Code Block Width (pixels) -- 440px

thats all of them

edit: and if u look at the theme with teal black - its all the way at the bottom, i dont know why but icant get it to work in any other themes except the first one

help really appreciated, thanks!

LEAD_WEIGHT · #37 07-06-2007, 02:12 AM

I do not see any difference in Teal to default style other then you do not have sidebar displaying at forum index on Teal.

I would want to test that style RedBar, but I do not have the time to do it this week. I know it is something simple with the navbar template, but I am not sure. Is this style located at vBulletin.org [Free Styles Forum]

njoker555 · #38 07-06-2007, 02:31 AM

yea thats where i got it - and for the teal one - in the front page, its all the way at the bottom of the forum lol, look for it, just scroll all the way down

and i finally found a template that works -- http://www.gamers-forum.com/index.php?styleid=11 - silver and red - also from this forum - and it works perfectly

thanks for all your help - i do like redbar better but just let me know when/if you've found a solutions because i can live with this current one now

how would i make it so this theme is changed for everyone and people visiting the forum sees this first?

LEAD_WEIGHT · #39 07-06-2007, 02:39 AM

I could just help you edit these into your template(s) if you want. Just make me have only 'Can Administer Styles' set for that user.

If you do it has to be next day... as I am going out right about now.

skooby · #40 07-07-2007, 02:36 AM

Is there anyway to show your calendar in the weekly view in one of the boxes?

LEAD_WEIGHT · #41 07-07-2007, 01:06 PM

skooby if you want a real working vB calendar, then you should get vBadvanced.com cmps or this Java Script one here in this link. I am in the process of creating a .php version that loads faster.
https://vborg.vbsupport.ru/showpost....63&postcount=2

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.04913 seconds Memory Usage 2,361KB Queries Executed 25 (?)
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 (1)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 (4)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (11)postbit_onlinestatus (11)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!