1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. If you want premium products then purchase our VIP or SVIP plans
  3. Dont forget read our rules HERE Also anyone caught Leeching this content or Scamming will be banned on numerous networks.
    Dismiss Notice
  4. Dont forget we do not allow Multiple Accounts, so all of your accounts as well as your IP will be banned.
    Dismiss Notice
  5. Tired of Download Limits ? UPGRADE Today!
    Dismiss Notice

FREE Tutorial: Sub Forum Grid Listing

Discussion in 'Xenforo Template Mods & Extras' started by HAWK, Mar 21, 2016.

  1. HAWK

    HAWK Administrator Staff Member ADMIN

    Likes Received:
    1,932
    Trophy Points:
    113
    Its pretty simple... but unfortunately, it requires template edits.

    Add to EXTRA.css
    Code:
    .subForumsGrid { padding-right: 4px; }
    .subForumsGrid .blockLinksGrid { width: 100%; display: inline-block; padding: 5px; }
    .subForumsGrid .fullWidth { width: 100% !important; padding-bottom: 4px; }
    .subForumsGrid .node { width: 20%; float: left; }
    .subForumsGrid .node ol { padding-left: 10px; }
    .subForumsGrid .node  a { padding: 5px 10px 5px 18px; }
    .subForumsGrid .node .node a { padding: 0px 10px 1px 18px; }
    .subForumsGrid .node .nodeTitle { font-size: 11px; white-space: nowrap; overflow: hidden; }
    .subForumsGrid .node div,
    .subForumsGrid .node div a:hover
    {
    background-image: url('@imagePath/xenforo/widgets/read.png');
    background-repeat: no-repeat;
    background-position: 0px 50%;
    }
    .subForumsGrid .node div.unread,
    .subForumsGrid .node div.unread a:hover
    {
    background-image: url('@imagePath/xenforo/widgets/unread.png');
    background-repeat: no-repeat;
    background-position: 0px 50%;
    }
    Add to the END of the following templates:
    1. node_category_level_2
    2. node_forum_level_2
    3. node_link_level_2
    4. node_page_level_2
    Code:
    <xen:if is="{$level} == 2 AND {$renderedChildren}">
    <li class="subForumsGrid">
    <ol class="secondaryContent blockLinksList blockLinksGrid">
    <xen:foreach loop="$renderedChildren" value="$child">
    {xen:raw $child}
    </xen:foreach>
    </ol>
    </li>
    </xen:if>
    Add to the end of the CLASS on the FIRST LINE of the following templates:
    1. node_category_level_n
    2. node_forum_level_n
    3. node_link_level_n
    4. node_page_level_n
    Code:
    {xen:if $renderedChildren, ' fullWidth'}
     

Share This Page