Announcement

Collapse
No announcement yet.

Create Leftside Rightside Column - includes Table(s)

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Black Civic
    replied
    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.
    Attached Files

    Leave a comment:


  • Jose Amaral Rego
    replied
    The dreaded shout box... With out me knowing what hack you use not really and it is most likely need you place what was meant for navbar into header template


    Code:
    </tr>
    </table>
    <!-- /logo -->
    [COLOR="Red"]ADD CODE HERE[/COLOR]
    <!-- content table -->
    $spacer_open
    
    $_phpinclude_output
    You can continue the discussion over at vbulletin.org

    Leave a comment:


  • blindman4556
    replied
    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:


    Leave a comment:


  • Jose Amaral Rego
    replied
    # add this to the end OR THIS_SCRIPT != 'usercp'
    # you notice the exclamation replaces one of the equal mark
    Code:
    <if condition="THIS_SCRIPT == 'index' OR THIS_SCRIPT == 'forumdisplay' OR THIS_SCRIPT == 'showthread' OR [COLOR="Red"]THIS_SCRIPT [COLOR="Blue"]![/COLOR]= 'usercp'[/COLOR]">

    Leave a comment:


  • collegeaces
    replied
    how do i make it so that it doesn't show on user CP?

    Leave a comment:


  • Jose Amaral Rego
    replied
    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:
    [COLOR="Blue"]$spacer_close
    <!-- /content area table -->
    
    [COLOR="Red"]<!-- 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 -->[/COLOR]
    
    <form action="$vboptions[forumhome].php" method="get">[/COLOR]
    Example of conditional to display in three selected forum pages and must be applied to other code in same manner.
    Code:
    [COLOR="Blue"]$spacer_close
    <!-- /content area table -->
    
    [COLOR="#008000"]<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">[/COLOR]
    [COLOR="Red"]<!-- 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 -->[/COLOR]
    [COLOR="#008000"]</if>[/COLOR]
    
    <form action="$vboptions[forumhome].php" method="get">[/COLOR]
    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:
    [COLOR="Blue"]<!-- / PAGENAV POPUP -->
    </if>[/COLOR]
    
    [COLOR="#ff0000"]<!-- 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 -->[/COLOR]
    Example of conditional to display in three selected forum pages and must be applied to other code in same manner.
    Code:
    [COLOR="Blue"]<!-- / PAGENAV POPUP -->
    </if>[/COLOR]
    
    [COLOR="#008000"]<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">[/COLOR]
    [COLOR="Red"]<!-- 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 -->[/COLOR]
    [COLOR="Green"]</if>[/COLOR]
    Use array for mutiple pages, as conditional above might not work
    Code:
    [COLOR="Green"]<if condition="in_array(THIS_SCRIPT, array('index','forumdisplay','showthread'))">[/COLOR]
    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.
    Attached Files
    Last edited by Jose Amaral Rego; Sun 23 Aug '09, 8:20pm. Reason: More notes added

    Leave a comment:


  • Jose Amaral Rego
    replied
    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:
    [COLOR="Blue"]$spacer_close
    <!-- /content area table -->
    
    [COLOR="Red"]<!-- 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 -->[/COLOR]
    
    <form action="$vboptions[forumhome].php" method="get">[/COLOR]
    Example of conditional to display in three selected forum pages and must be applied to other code in same manner.
    Code:
    [COLOR="Blue"]$spacer_close
    <!-- /content area table -->
    
    [COLOR="#008000"]<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">[/COLOR]
    [COLOR="Red"]<!-- 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 -->[/COLOR]
    [COLOR="#008000"]</if>[/COLOR]
    
    <form action="$vboptions[forumhome].php" method="get">[/COLOR]
    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:
    [COLOR="Blue"]<!-- / PAGENAV POPUP -->
    </if>[/COLOR]
    
    [COLOR="#ff0000"]<!-- rightside column -->
    <table border="0" width="100%" class="page" cellspacing="0" cellpadding="0" align="center">
    <tr>
    	<td valign="top">
    <!-- / rightside column -->[/COLOR]
    Example of conditional to display in three selected forum pages and must be applied to other code in same manner.
    Code:
    [COLOR="Blue"]<!-- / PAGENAV POPUP -->
    </if>[/COLOR]
    
    [COLOR="#008000"]<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">[/COLOR]
    [COLOR="Red"]<!-- rightside column -->
    <table border="0" width="100%" class="page" cellspacing="0" cellpadding="0" align="center">
    <tr>
    	<td valign="top">
    <!-- / rightside column -->[/COLOR]
    [COLOR="Green"]</if>[/COLOR]
    Use array for mutiple pages, as conditional above might not work
    Code:
    [COLOR="Green"]<if condition="in_array(THIS_SCRIPT, array('index','forumdisplay','showthread'))">[/COLOR]
    Last edited by Jose Amaral Rego; Thu 21 Jun '07, 1:40am.

    Leave a comment:


  • Create Leftside Rightside Column - includes Table(s)

    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 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:
    [COLOR="Blue"]$spacer_close
    <!-- /content area table -->
    
    [COLOR="Red"]<!-- leftside column -->
    	</td>
    </tr>
    </table>
    <!-- / leftside column -->[/COLOR]
    
    <form action="$vboptions[forumhome].php" method="get">[/COLOR]
    Example of conditional to display in three selected forum pages and must be applied to other code in same manner.
    Code:
    [COLOR="Blue"]$spacer_close
    <!-- /content area table -->
    
    [COLOR="#008000"]<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">[/COLOR]
    [COLOR="Red"]<!-- leftside column -->
    		</td>
    	</tr>
    	</table>
    <!-- / leftside column -->[/COLOR]
    [COLOR="#008000"]</if>[/COLOR]
    
    <form action="$vboptions[forumhome].php" method="get">[/COLOR]
    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:
    [COLOR="Blue"]<!-- / PAGENAV POPUP -->
    </if>[/COLOR]
    
    [COLOR="Red"]<!-- 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 -->[/COLOR]
    Example of conditional to display in three selected forum pages and must be applied to other code in same manner.
    Code:
    [COLOR="Blue"]<!-- / PAGENAV POPUP -->
    </if>[/COLOR]
    
    [COLOR="#008000"]<if condition="THIS_SCRIPT=='index' OR THIS_SCRIPT=='forumdisplay' OR THIS_SCRIPT=='showthread'">[/COLOR]
    [COLOR="Red"]<!-- 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 -->[/COLOR]
    [COLOR="#ff0000"]</if>[/COLOR]
    Use array for mutiple pages, as conditional above might not work
    Code:
    [COLOR="Green"]<if condition="in_array(THIS_SCRIPT, array('index','forumdisplay','showthread'))">[/COLOR]
    Last edited by Jose Amaral Rego; Thu 21 Jun '07, 1:39am.
widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
Working...
X