[howto] -> Spaces Between Categories

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Floris
    Senior Member
    • Dec 2001
    • 37767

    [howto] -> Spaces Between Categories

    Support for this particular thread has been dropped by me. I have created a new thread which you can find here




    HowTo: Separate the 'Categories' from each other ?
    -- Add a white line (space) by breaking the table --
    * Template Hack for vBulletin 2.2.x *


    After owning vBulletin for almost a week now, and having done a few tweaks to my board on http://www.creations.nl/ I had a lot of E-mail from users who tried to do the same. Not only by E-mail, but also through a lot of Private Messages and posts from other users I think it is handy for future reference to have a single thread covering this much requested template hack.

    -----------------------------------------------------------------------------------
    Original 'hack?' by FireFly from vBulletin.org which threw me into the right direction. (Thank you very much!)
    But instead of <td>-tag I used the <table>-tag to break the stuff up, so we don't get those nasty lines on the side of the categories.
    • Goto the Admin Control Panel
    • Goto the Templates > Modify-section (click on expand)
    • Search for:
      Forum Home Page Templates (click on expand)
    • forumhome_forumbit_level1_nopost (click on edit (or edit original))
    • Original Template:
      Code:
      <tr id="cat">
      	<td bgcolor="{[i][/i]categorybackcolor}" colspan="6"><a href="forumdisplay.php?s=$session[sessionhash]&forumid=$forum[forumid]"><normalfont color="{[i][/i]categoryfontcolor}"><b>$forum[title]</b></normalfont></a>
      	<br><smallfont color="{[i][/i]categoryfontcolor}">$forum[description]</smallfont></td>
      </tr>
      and add the following code before that:
      Code:
      </table>
      </td></tr></table><br>
      <table cellpadding="{[i][/i]tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{[i][/i]tablebordercolor}" {[i][/i]tableouterextra} width="{[i][/i]contenttablewidth}" align="center"><tr><td>
      <table cellpadding="4" cellspacing="{[i][/i]tableinnerborderwidth}" border="0" {[i][/i]tableinnerextra} width="100%">
      That is it!


    And this one is a design-fix, so the 'Currently Active Users'-board isn't sticky to the last category:
    • Goto the Admin Control Panel
    • Goto the Templates > Modify-section (click on expand)
    • Search for:
      Forum Home Page Templates (click on expand)
    • forumhome (click on edit (or edit original))
    • Just after $forumbits add:
      Code:
      </table>
      </td></tr></table><br>
      <table cellpadding="{[i][/i]tableouterborderwidth}" cellspacing="0" border="0" bgcolor="{[i][/i]tablebordercolor}" {[i][/i]tableouterextra} width="{[i][/i]contenttablewidth}" align="center"><tr><td>
      <table cellpadding="4" cellspacing="{[i][/i]tableinnerborderwidth}" border="0" {[i][/i]tableinnerextra} width="100%">

    For example of how it looks: www.creations.nl



    Tested with vB 2.2.1 - 2.2.5 (works like a charm)


    =============================================
    here is the fix for the extra line that shows up at the top

    What does this do?
    On some boards, an extra line shows up, and we spoof this, by giving the background colour the same colour as the page background colour, so it will no longer show up (even though it is actually there!)

    here is the code:

    forumhome template
    Code:
    <!-- main -->
    <table cellpadding="{tableo[i][/i]uterborderwidth}" cellspacing="0" border="0" [size=2][b]bgcolor="#FFFFFF"[/b][/size] {t[i][/i]ableouterextra} width="{contentt[i][/i]ablewidth}" align="center">
    Notice the bgcolor="#colour.." change this to the background color of your board, mine is white, so i set it to white.

    Hope this helps some users getting rid of that damn annoying extra line.

    ==============================================
    Fix for getting your board aligned properly
    -----------------------------------------------------------------------------------
    Find in the template forumhome_forumbit_level1_nopost this code:
    Code:
    <td bgcolor="{[i][/i]tableheadbgcolor}" nowrap><smallfont color="{[i][/i]tableheadtextcolor}"><b>Last Post</b></smallfont></td>
    and replace that with this code:
    Code:
    <td bgcolor="{[i][/i]tableheadbgcolor}" width="175" nowrap><smallfont color="{[i][/i]tableheadtextcolor}"><b>Last Post</b></smallfont></td>
    Then,
    Find in the template forumhome_forumbit_level2_nopost this code:
    Code:
    <td bgcolor="{[i][/i]tableheadbgcolor}"><smallfont color="{[i][/i]tableheadtextcolor}"><b>Last Post</b></smallfont></td>
    and replace that with this code:
    Code:
    <td bgcolor="{[i][/i]tableheadbgcolor}" width="175"><smallfont color="{[i][/i]tableheadtextcolor}"><b>Last Post</b></smallfont></td>
    Done! This should fix most disalignments (at least it did on my localhost test board)

    ----------------------------------------------------------------------------------
    just fixing his {xx} thing :-), FF. (xiphoid: and thank you for it)

    [update]
    Just added the 'find this and put in front..'-part
    [update 2]
    Just added the 'fix for the upper extra line showing up'part
    [update 3]
    Just added the 'fix for dis-alignment' part
    Last edited by Floris; Tue 11 Jun '02, 4:21pm.
  • Chen
    Senior Member
    • Jun 2001
    • 8388

    #2
    I might use this code instead, it looks better without the sleazy borders on the side.
    Chen Avinadav
    Better to remain silent and be thought a fool than to speak out and remove all doubt.

    גם אני מאוכזב מסיקור תחרות לתור מוטור של NRG הרשת ע"י מעריב

    Comment

    • DBZFanCentral
      Senior Member
      • Nov 2001
      • 278

      #3
      SWEEET!!!!!!!!!!!!!!!!

      you rule dude. many thanks

      Comment

      • WildWayz
        Senior Member
        • May 2000
        • 587
        • 3.6.x

        #4
        Anyone have the total code to replace for the category separator as in from a default template?
        In my have tired state, I tried doing it but didn't get the separation done properly

        --James

        Comment

        • Sinecure
          Senior Member
          • Jul 2001
          • 1519

          #5
          Looks great, I have the fealing you'll fit right in amongst the customizers here
          Board of the Month: November
          Websites: Pixeljunction , vBulletin.org
          Button Sets: XP and Aqua Button sets! FREE!
          vB Customization: My sig is now vbulletin compliant. Contact me to make yours compliant too!

          Comment

          • ja5es
            Senior Member
            • Nov 2001
            • 226

            #6
            Ahhh, nice. Just what I was looking for! Thanks!
            - James
            http://forums.smaaash.com

            Comment

            • Valkyre
              Senior Member
              • Jun 2001
              • 619

              #7
              Did I ever tell you those are some sweet shades of purple you got there?
              Need a job done? Get in contact with me and we'll see what we can work out.

              Comment

              • Sinecure
                Senior Member
                • Jul 2001
                • 1519

                #8
                Originally posted by Valkyre
                Did I ever tell you those are some sweet shades of purple you got there?
                Ahh val, being the old stick in the mud eh? hehe just kiddin
                Board of the Month: November
                Websites: Pixeljunction , vBulletin.org
                Button Sets: XP and Aqua Button sets! FREE!
                vB Customization: My sig is now vbulletin compliant. Contact me to make yours compliant too!

                Comment

                • Floris
                  Senior Member
                  • Dec 2001
                  • 37767

                  #9
                  sweet

                  Originally posted by FireFly
                  I might use this code instead, it looks better without the sleazy borders on the side.
                  Thank you, I take that as a compliment I was actually hoping vBulletin.org might update


                  Originally posted by Sinecure
                  Looks great, I have the fealing you'll fit right in amongst the customizers here

                  Fnx



                  Originally posted by Valkyre
                  Did I ever tell you those are some sweet shades of purple you got there?

                  Now you did






                  Originally posted by ja5es
                  Ahhh, nice. Just what I was looking for! Thanks!
                  Who doesn't ! Hope this is an 'option' in v3 and no problem :P -fnx goto firefly too who helped me on my way-
                  Last edited by Floris; Sun 6 Jan '02, 11:21pm.

                  Comment

                  • Chen
                    Senior Member
                    • Jun 2001
                    • 8388

                    #10
                    Re: [howto] -&gt; Spaces Between Categories

                    Btw:
                    Originally posted by xiphoid
                    just fixing his {xx} thing :-), FF.
                    If you stick [i][/i] in the middle of {something}, it won't be parsed.
                    Chen Avinadav
                    Better to remain silent and be thought a fool than to speak out and remove all doubt.

                    גם אני מאוכזב מסיקור תחרות לתור מוטור של NRG הרשת ע"י מעריב

                    Comment

                    • Floris
                      Senior Member
                      • Dec 2001
                      • 37767

                      #11
                      Re: Re: [howto] -&gt; Spaces Between Categories

                      Originally posted by FireFly
                      Btw:

                      If you stick [i][/i] in the middle of {something}, it won't be parsed.
                      okidoki.

                      Comment

                      • jrwap
                        Senior Member
                        • Jul 2000
                        • 272

                        #12
                        This works very well, but is there any way to get rid of that line at the very top? I see that it occurs in your example too.

                        Good work,

                        -JRW
                        LostDiscussion.com - Fan base community for ABC's Lost | Club-tC.com - Scion tC Enthusiast Site | PcTechTalk.com - What's your issue? | eInvesting.com - Play the Market, Learn Investing, WIN!

                        Comment

                        • Floris
                          Senior Member
                          • Dec 2001
                          • 37767

                          #13
                          Empty table at the top

                          I am not sure if it is an empty table or an empty cell, what I do know is that I think that this requires some code hacking, and that has to be done by someone else. (vbulletin.org)

                          I kind of like it.. so I am letting it stay

                          Comment

                          • Nafae
                            Senior Member
                            • Nov 2001
                            • 254

                            #14
                            Has anyone tested this with the "Colapse catagories on forum home" hack? I want to make sure it will work that way before I h4x0r...

                            BTW thx, nice hack.

                            Comment

                            • Floris
                              Senior Member
                              • Dec 2001
                              • 37767

                              #15
                              Originally posted by Nafae
                              Has anyone tested this with the "Colapse catagories on forum home" hack? I want to make sure it will work that way before I h4x0r...

                              BTW thx, nice hack.
                              Thank you.

                              This is just a template alternation, if you apply the collapse hack and then look at the code .. just see where you should apply the break of the table and make the new one .. this code can be applied anywhere in the template, as long as it is done on the right spot.

                              Comment

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