Create Leftside Rightside Column - includes Table(s)

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Jose Amaral Rego
    Senior Member
    • Feb 2005
    • 11058
    • 1.1.x

    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, 12:39am.
  • Jose Amaral Rego
    Senior Member
    • Feb 2005
    • 11058
    • 1.1.x

    #2
    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, 12:40am.

    Comment

    • Jose Amaral Rego
      Senior Member
      • Feb 2005
      • 11058
      • 1.1.x

      #3
      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, 7:20pm. Reason: More notes added

      Comment

      • collegeaces
        New Member
        • Jun 2007
        • 19

        #4
        how do i make it so that it doesn't show on user CP?
        http://www.collegeaces.com

        Comment

        • Jose Amaral Rego
          Senior Member
          • Feb 2005
          • 11058
          • 1.1.x

          #5
          # 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]">

          Comment

          • blindman4556
            New Member
            • Jun 2007
            • 13

            #6
            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:


            Comment

            • Jose Amaral Rego
              Senior Member
              • Feb 2005
              • 11058
              • 1.1.x

              #7
              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

              Comment

              • Black Civic
                New Member
                • Jun 2007
                • 7

                #8
                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

                Comment

                • Jose Amaral Rego
                  Senior Member
                  • Feb 2005
                  • 11058
                  • 1.1.x

                  #9
                  I have responded at vBulletin.org.
                  Miscellaneous Hacks - Create Leftside Rightside Column - includes Table(s) vBulletin 3.6 Template Modifications

                  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.

                  Here is the fix.
                  Last edited by Jose Amaral Rego; Sun 1 Jul '07, 12:05pm.

                  Comment

                  • Jose Amaral Rego
                    Senior Member
                    • Feb 2005
                    • 11058
                    • 1.1.x

                    #10
                    This is what I have done SSandgirls.

                    Code:
                    <!-- 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 border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
                    <!-- leftsidebar_1 -->
                    		<thead width="150" valign="top">
                    		<tr align="left">
                    			<td span style="font:bold 14px Times New Roman;">
                    			MY LITTLE PONY
                    			<br />
                    			TRADING POST
                    			</td>
                    		</tr>
                    		</thead>
                    		<tbody>
                    		<tr align="left">
                    			<td>
                    		<a style="float:left"><img  src="http://www.mlptp.net/mlptp/images/market.jpg" alt="" border="0" /></a>
                    <!-- title start -->
                    			&nbsp;Market
                    <!-- / title end -->
                    			</td>
                    		</tr>
                    		</tbody>
                    		
                    		<tr align="left">
                    			<td>
                    <font face="verdana,arial">
                    <a style="text-decoration: none;" onmouseover="window.status='Plug your auctions here!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=13">Auctions</a>
                    <br/>
                    <a style="text-decoration: none;" onmouseover="window.status='If you want to buy, then post here!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=14">Want to Buy</a>
                    <br/>
                    <a style="text-decoration: none;" onmouseover="window.status='Post here if you want to sell MLP!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=15">Want to Sell</a>
                    <br/>
                    <a style="text-decoration: none;" onmouseover="window.status='Looking to trade? Click and post!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=16">Want to Trade</a>
                    <br/>
                    </font>
                    <!-- leftbar_1 code -->
                    
                    
                    
                    <!-- / leftbar_1 code -->
                    			</td>
                    		</tr>
                    		</tbody>
                    <!-- / leftsidebar_1 -->
                    		</table>
                    
                     </td>
                     <td valign="top">
                    <!-- / leftside column -->

                    Comment

                    • SSandgirls
                      Senior Member
                      • Apr 2007
                      • 175
                      • 3.7.x

                      #11
                      Originally posted by Jose Amaral Rego
                      This is what I have done SSandgirls.

                      Code:
                      <!-- 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 border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
                      <!-- leftsidebar_1 -->
                              <thead width="150" valign="top">
                              <tr align="left">
                                  <td span style="font:bold 14px Times New Roman;">
                                  MY LITTLE PONY
                                  <br />
                                  TRADING POST
                                  </td>
                              </tr>
                              </thead>
                              <tbody>
                              <tr align="left">
                                  <td>
                              <a style="float:left"><img  src="http://www.mlptp.net/mlptp/images/market.jpg" alt="" border="0" /></a>
                      <!-- title start -->
                                  &nbsp;Market
                      <!-- / title end -->
                                  </td>
                              </tr>
                              </tbody>
                       
                              <tr align="left">
                                  <td>
                      <font face="verdana,arial">
                      <a style="text-decoration: none;" onmouseover="window.status='Plug your auctions here!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=13">Auctions</a>
                      <br/>
                      <a style="text-decoration: none;" onmouseover="window.status='If you want to buy, then post here!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=14">Want to Buy</a>
                      <br/>
                      <a style="text-decoration: none;" onmouseover="window.status='Post here if you want to sell MLP!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=15">Want to Sell</a>
                      <br/>
                      <a style="text-decoration: none;" onmouseover="window.status='Looking to trade? Click and post!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=16">Want to Trade</a>
                      <br/>
                      </font>
                      <!-- leftbar_1 code -->
                       
                       
                       
                      <!-- / leftbar_1 code -->
                                  </td>
                              </tr>
                              </tbody>
                      <!-- / leftsidebar_1 -->
                              </table>
                       
                       </td>
                       <td valign="top">
                      <!-- / leftside column -->
                      Thankyou so much for your help....

                      To put in the rest of my sidebar do I just continue on adding in the other links?

                      Comment

                      • Jose Amaral Rego
                        Senior Member
                        • Feb 2005
                        • 11058
                        • 1.1.x

                        #12
                        Just replace url and category topic with yours. I should of add the background image, but I try it another time.
                        Code:
                        <!-- leftside column -->
                        <table width="100%" border="0" cellpadding="0" cellspacing="0" align="center">
                        <tr>
                        	<td style="padding:0px 10px 0px 0px" width="150" valign="top" class="page" style="0px;">
                         		<table border="0" cellspacing="1" cellpadding="6" width="100%" align="center">
                        <!-- leftsidebar_1 -->
                        		<thead width="150" valign="top">
                        		<tr align="center">
                        			<td span style="font:bold 14px Times New Roman;">
                        			MY LITTLE PONY
                        			<br />
                        			TRADING POST
                        			</td>
                        		</tr>
                        		</thead>
                        <!-- leftboxurl_1 code -->	
                        		<tbody>
                        		<tr align="left">
                        			<td>
                        		<a style="float:left"><img  src="http://www.mlptp.net/mlptp/images/market.jpg" alt="" border="0" /></a>
                        <!-- title start -->
                        			&nbsp;Market
                        <!-- / title end -->
                        			</td>
                        		</tr>
                        		</tbody>
                        	
                        		<tr align="left">
                        			<td>
                        			<font face="verdana,arial">
                        			<a style="text-decoration: none;" onmouseover="window.status='Plug your auctions here!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=13">Auctions</a>
                        			<br/>
                        			<a style="text-decoration: none;" onmouseover="window.status='If you want to buy, then post here!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=14">Want to Buy</a>
                        			<br/>
                        			<a style="text-decoration: none;" onmouseover="window.status='Post here if you want to sell MLP!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=15">Want to Sell</a>
                        			<br/>
                        			<a style="text-decoration: none;" onmouseover="window.status='Looking to trade? Click and post!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=16">Want to Trade</a>
                        			<br/>
                        			</font>
                        			</td>
                        		</tr>
                        <!-- / leftboxurl_1 code -->
                        <!-- leftboxurl_2 code -->
                        		<tbody>
                        		<tr align="left">
                        			<td>
                        		<a style="float:left"><img  src="http://www.mlptp.net/mlptp/images/market.jpg" alt="" border="0" /></a>
                        <!-- title start -->
                        			&nbsp;Market
                        <!-- / title end -->
                        			</td>
                        		</tr>
                        		</tbody>
                        		
                        		<tr align="left">
                        			<td>
                        			<font face="verdana,arial">
                        			<a style="text-decoration: none;" onmouseover="window.status='Plug your auctions here!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=13">Auctions</a>
                        			<br/>
                        			<a style="text-decoration: none;" onmouseover="window.status='If you want to buy, then post here!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=14">Want to Buy</a>
                        			<br/>
                        			<a style="text-decoration: none;" onmouseover="window.status='Post here if you want to sell MLP!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=15">Want to Sell</a>
                        			<br/>
                        			<a style="text-decoration: none;" onmouseover="window.status='Looking to trade? Click and post!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=16">Want to Trade</a>
                        			<br/>
                        			</font>
                        			</td>
                        		</tr>
                        <!-- / leftboxurl_2 code -->
                        <!-- leftboxurl_3 code -->
                        		<tbody>
                        		<tr align="left">
                        			<td>
                        		<a style="float:left"><img  src="http://www.mlptp.net/mlptp/images/market.jpg" alt="" border="0" /></a>
                        <!-- title start -->
                        			&nbsp;Market
                        <!-- / title end -->
                        			</td>
                        		</tr>
                        		</tbody>
                        	
                        		<tr align="left">
                        			<td>
                        			<font face="verdana,arial">
                        			<a style="text-decoration: none;" onmouseover="window.status='Plug your auctions here!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=13">Auctions</a>
                        			<br/>
                        			<a style="text-decoration: none;" onmouseover="window.status='If you want to buy, then post here!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=14">Want to Buy</a>
                        			<br/>
                        			<a style="text-decoration: none;" onmouseover="window.status='Post here if you want to sell MLP!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=15">Want to Sell</a>
                        			<br/>
                        			<a style="text-decoration: none;" onmouseover="window.status='Looking to trade? Click and post!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=16">Want to Trade</a>
                        			<br/>
                        			</font>
                        			</td>
                        		</tr>
                        <!-- / leftboxurl_3 code -->
                        <!-- leftboxurl_4 code -->
                        		<tbody>
                        		<tr align="left">
                        			<td>
                        		<a style="float:left"><img  src="http://www.mlptp.net/mlptp/images/market.jpg" alt="" border="0" /></a>
                        <!-- title start -->
                        			&nbsp;Market
                        <!-- / title end -->
                        			</td>
                        		</tr>
                        		</tbody>
                        		
                        		<tr align="left">
                        			<td>
                        			<font face="verdana,arial">
                        			<a style="text-decoration: none;" onmouseover="window.status='Plug your auctions here!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=13">Auctions</a>
                        			<br/>
                        			<a style="text-decoration: none;" onmouseover="window.status='If you want to buy, then post here!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=14">Want to Buy</a>
                        			<br/>
                        			<a style="text-decoration: none;" onmouseover="window.status='Post here if you want to sell MLP!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=15">Want to Sell</a>
                        			<br/>
                        			<a style="text-decoration: none;" onmouseover="window.status='Looking to trade? Click and post!';return true" target="large" href="http://www.mlptp.net/forums/forumdisplay.php?f=16">Want to Trade</a>
                        			<br/>
                        			</font>
                        			</td>
                        		</tr>
                        <!-- / leftboxurl_4 code -->
                        <!-- / leftsidebar_1 -->
                        		</table>
                        
                        	</td>
                        	<td valign="top">
                        <!-- / leftside column -->

                        Comment

                        • SSandgirls
                          Senior Member
                          • Apr 2007
                          • 175
                          • 3.7.x

                          #13
                          Thanks again, Ill test that out and see how it goes..

                          Comment

                          • attroll
                            Senior Member
                            • Jan 2003
                            • 1093
                            • 4.2.X

                            #14
                            I love this mod but when I collapse one of the menus and click on one of the other items in the uncollapsed menu and it opens a new page the menu that I collapsed expands. Is there a way to keep the menu I have collapsed to stay that way like it does with the forums?

                            Comment

                            • attroll
                              Senior Member
                              • Jan 2003
                              • 1093
                              • 4.2.X

                              #15
                              As I said I love this more but found a flaw in it. It only works correctly if you using percentages in your StyleVars. I tried using it setting my Main Table Width to 950 and it will not work. It shows fine until read a thread then it gets all shrunk up and funny looking.

                              Comment

                              widgetinstance 262 (Related Topics) skipped due to lack of content & hide_module_if_empty option.
                              Working...