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

XenForo Endless 2 Column NodeList

Discussion in 'Styling and Customization Questions' started by Cryptaline, Aug 12, 2012.

  1. Cryptaline

    Cryptaline Active Member

    ~~~~~~~~~~~UPDATE: SOLVED~~~~~~~~~~~~~~~
    Solution for endless 2 Column NodeList

    And the result is (you can manage it for 2/3 or even more columns):

    social-top.png

    ~~~~~~~~~~~~OLD~~~~~~~~~~~~~~~
    We already have some properties relised for 2 Column NodeList on main page:
    http://xenforo.com/community/resources/2-column-node-list.917/

    Code:
    .sectionMain
    {
        overflow: hidden;
    }
     
    .node .nodeText
    {
        margin-right: 0 !important;
    }
     
    .node .nodeLastPost,
    .node .tinyIcon
    {
        display: none !important;
    }
     
    .node .forum.level_2,
    .node .page.level_2,
    .node .category_forum.level_2
    {
        width: 49%;
        float: left;
        min-height: 70px;
    }
     
    .nodeList .node.level_1
    {
        clear: both;
    }
     
    .nodeList .subForumsPopup
    {
        display: none;
    }
     
    .forum_view .nodeList .forumNodeInfo, .forum_view .nodeList .pageNodeInfo, .forum_view .nodeList .linkNodeInfo
    {
        width: 49%;
        float: left;
    }
    However, this work only for a main/sub forum page. When you come inside of sub-sub forum and this forum has some extra subs properties don't work correctly, e.g:

    [​IMG]
    What i really need is some help with writing this code for endless 2 Column NodeLists. Any ideas guys? :)
     
    RoldanLT and Sylar like this.
  2. Arty

    Arty Well-Known Member

    Try replacing this
    Code:
    .node .forum.level_2,
    .node .page.level_2,
    .node .category_forum.level_2
    
    with
    Code:
    .node .forum.level_2,
    .node .page.level_2,
    .node .category_forum.level_2,
    #forums > .level_2 
     
  3. Cryptaline

    Cryptaline Active Member

    Good idea, works fine with sub-sub-sub etc. However, need to find a solution when you have sub-sub-category-sub because it still looks like on a screen above.
     
  4. Arty

    Arty Well-Known Member

    Try adding .node.groupNoChildren to that list
    Code:
    .node .forum.level_2,
    .node .page.level_2,
    .node .category_forum.level_2,
    #forums > .level_2 ,
    .node.groupNoChildren
     
    Cryptaline likes this.
  5. Cryptaline

    Cryptaline Active Member

    Have tried already. Wont to work :coffee:
     
  6. Arty

    Arty Well-Known Member

    Can you post your forum url?
     
  7. Naatan

    Naatan Well-Known Member

    Try removing "float: left" and using "display: inline-block".

    inline-block adds some margin on the sides, which you can easily work around by adding "margin-left: -4px" or similar.

    If your layout is fixed width your node widths should also be fixed, using percentages within fixed width parents is just asking for trouble.
     
    Cryptaline likes this.
  8. Cryptaline

    Cryptaline Active Member

    Damn, i was thinking exactly about inline-blocks! Thx Natan and Arty :)
    Now everything works perfect, final code is:

    .sectionMain
    {
    overflow: hidden;
    }

    .node .nodeText
    {
    margin-right: 0 !important;
    }

    .node .nodeLastPost,
    .node .tinyIcon
    {
    display: none !important;
    }

    .node .forum.level_2,
    .node .page.level_2,
    .node .category_forum.level_2,
    #forums > .level_2 ,
    .node.groupNoChildren
    {
    width: 200px; (Add your own width**********)
    display: inline-block;
    min-height: 70px;
    }

    .nodeList .node.level_1
    {
    clear: both;
    }

    .nodeList .subForumsPopup
    {
    display: none;
    }

    .forum_view .nodeList .forumNodeInfo, .forum_view .nodeList .pageNodeInfo, .forum_view .nodeList .linkNodeInfo
    {
    width: 200px; (Add your own width**********)
    display: inline-block;
    }
     
  9. Cryptaline

    Cryptaline Active Member

    Probably its a good idea to save this info somewhere else to let all pll find it very quick. :giggle:
     
  10. Naatan

    Naatan Well-Known Member

  11. Cryptaline

    Cryptaline Active Member

    Yup i have already metioned about these guys @ the top of the topic. However their code don't support endless subs. Probably i will repost this solution right in to their topics.
     
  12. Naatan

    Naatan Well-Known Member

    Ok, maybe I'm miss-understanding .. what do you mean by endless subs? An unlimited amount of sub-forums?

    I have not used either of the modifications I linked to, do they support only up to a certain amount?
     
  13. Cryptaline

    Cryptaline Active Member

    Yes, http://xenforo.com/community/resources/2-column-node-list.917/ supports only main page + the first subforum page only. Plus this wont work with sub-sub-category-sub setup which means somwhere deep inside of your forum 2 columns still will stay in one column. (To be honest it looks ugly). And here comes the solution, endless 2 Column NodeList which grants 2 column design everywhere on your forums. :LOL:
     
  14. Naatan

    Naatan Well-Known Member

    Ok, I see what you mean. I guess most people don't recurse their forums/categories too much so it's not an issue for them :)
     
  15. Cryptaline

    Cryptaline Active Member

    Yep, but its always good to have 100% working properties. :giggle:
     
  16. Cryptaline

    Cryptaline Active Member

    Final result:
    [​IMG]
     
    CyclingTribe likes this.
  17. Naatan

    Naatan Well-Known Member

    Honestly, you should reduce the forum description length and make the amount of lines they use up consistent. It just looks kind of bad like that.
     
  18. Cryptaline

    Cryptaline Active Member

    Mb in the future. However its not that bad as u think :coffee:
     
  19. RobinHood

    RobinHood Well-Known Member

    You should really get rid of that overlay that forces you to like your Facebook group. It appears on every single page and makes you wait 15 seconds!

    I imagine that will alienate lots of users.

    Your theme is really cool though, I like how you've done your avatars.
     
  20. Cryptaline

    Cryptaline Active Member

    FB connect appears each refresh, however it dissapear forever when you push to like. We using some cookies. Im thinking to add some extra features in to it.
    Yeah, not so bad style i know :giggle:
     

Share This Page