vb.org Archive
Page 1 of 7 1 23 Last »
Show 40 post(s) from this thread on one page

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 3.6 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=192)
-   -   Miscellaneous Hacks - Create Leftside Rightside Column - includes Table(s) (https://vborg.vbsupport.ru/showthread.php?t=148902)

LEAD_WEIGHT 06-03-2007 10:00 PM
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 @ 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.
  1. 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.
  2. 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.
  3. 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.

http://img413.imageshack.us/img413/6...homeya7.th.gifhttp://img237.imageshack.us/img237/7...ylv1pv7.th.gifhttp://img180.imageshack.us/img180/9...ylv2jl8.th.gifhttp://img237.imageshack.us/img237/9...eadsqu0.th.gif

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 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 06-07-2007 10:11 PM
Looks like I'll be trying this one :)

LEAD_WEIGHT 06-08-2007 02:49 AM
Quote:
Originally Posted by MARKETPROFITS (Post 1261189)
This is a nice mod, great work.

*Installed*
Than you for your comment

Quote:
Originally Posted by Ohiosweetheart (Post 1263673)
Looks like I'll be trying this one :)
I hope it works for you, :) and will tinker with other. ;)

Emre Goren 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 06-11-2007 10:22 PM
Quote:
Originally Posted by Emre Goren (Post 1266459)
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 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.
http://i130.photobucket.com/albums/p...556/image1.jpg

http://i130.photobucket.com/albums/p...556/image2.jpg

LEAD_WEIGHT 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 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 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.


All times are GMT. The time now is 07:18 PM.
Page 1 of 7 1 23 Last »
Show 40 post(s) from this thread on one page

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01323 seconds
  • Memory Usage 1,901KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (14)bbcode_code_printable
  • (3)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (10)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 
Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.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/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.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
  • printthread_start
  • pagenav_page
  • pagenav_complete
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete