1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Forums in 2 Columns

Discussion in 'Styling and Customization Questions' started by Mufasa, Oct 6, 2011.

  1. Mufasa

    Mufasa Active Member

    Is there a mod or a template modification to put forums in 2 columns?

    CATAGORY 1
    Forum 1 | Forum 2
    Forum 3 | Forum 4

    They dont have to have number of discussions or last person to post.

    Thanks!
     
  2. Fuhrmann

    Fuhrmann Well-Known Member

  3. Mufasa

    Mufasa Active Member

    Might be what im after, will try it on my board in a sec, thanks dude!
     
  4. Fuhrmann

    Fuhrmann Well-Known Member

    Give us your feedback!
     
  5. Mufasa

    Mufasa Active Member

    Will do, just about to do it..
     
  6. Mufasa

    Mufasa Active Member

    [​IMG]
    Not so good, lol.
     
  7. Fuhrmann

    Fuhrmann Well-Known Member

    Can you give us the link to your forum?
     
  8. Mufasa

    Mufasa Active Member

  9. Fuhrmann

    Fuhrmann Well-Known Member

    Try this:

    add the following code to your EXTRA.css:

    Code:
    .sectionMain {
    overflow: auto;
    
    }
    
    .nodeList .node.level_2 {
    float: left;
    width: 50%;
    }
    And oh, revert the modifications in templates you did above. Then after insert this code above in EXTRA.css.

    Please, post your feedback!:)




    Here is what will be (my test board)

    Sem título.png
     
    Digital Doctor likes this.
  10. Mufasa

    Mufasa Active Member

    Wow, thats awesome. Thank you so much!
     
    Fuhrmann likes this.
  11. Mufasa

    Mufasa Active Member

    I found a little bug with this tho, you have to have an even number of forums for it to work efficiently, otherwise it will mess up like my image i posted earlier.
     
  12. Fuhrmann

    Fuhrmann Well-Known Member

    Replace the code i gave you above and put this in your EXTRA.CSS, dont forget to replace the old css with this one:

    Code:
    .sectionMain {
    overflow: hidden;
    }
    
    .nodeList .node.level_2 {
    float: left;
    width: 50%;
    }
    
    .nodeList .categoryStrip {
    width: 100%;
    overflow:hidden;
    }
    imagem.PNG
     
    Mufasa likes this.
  13. Mufasa

    Mufasa Active Member

    Perfect, thanks!
     
    Fuhrmann likes this.
  14. Fuhrmann

    Fuhrmann Well-Known Member

    You're welcome!

    I saw something...

    imagem.PNG

    You can correct making the .sectionMains like this:

    .sectionMain {
    overflow: hidden;
    width: 98%;
    }
     
  15. Mufasa

    Mufasa Active Member

    That didnt do anything, so i did this:

    .nodeList .categoryStrip {
    width: 98%;
    overflow:hidden;
    }

    Worked better, but ive still got that blue outline hanging over, doesnt really matter but if there is a fix would be great :p
     
  16. Fuhrmann

    Fuhrmann Well-Known Member

    .sectionMain {
    overflow: hidden;
    width: 98% !important;
    }
    Try this..
     
  17. Mufasa

    Mufasa Active Member

    There you go. Much better thanks.

    So the complete code is:

    Add to EXTRA.css the following:

    Code:
    .sectionMain {
    overflow: hidden;
    width: 98% !important;
    }
    
    .nodeList .node.level_2 {
    float: left;
    width: 50%;
    }
    
    .nodeList .categoryStrip {
    width: 98%;
    overflow:hidden;
    }
     
    Fuhrmann likes this.
  18. jauburn

    jauburn Well-Known Member


    This only works so long as you keep the browser window wide. If you narrow it down, the forum titles go all vertical on you. Looks horrible.
     
  19. Fuhrmann

    Fuhrmann Well-Known Member

    Let's look for a solution then!
     
  20. Gabby

    Gabby Well-Known Member

    Bringing up something old but this looks great on my forum but there are errors. Is there a solution yet or another thread somewhere?

    Thank you
     

Share This Page