Welcome to Our Community

Registration on our forums are now open for some days! Feel free to sign up today.

vb5 forum category spacing 1.1

vb5 forum category spacing

  1. XenForo Rocks
    vB Version: 5.1.x

    Hello Guys,
    It's me Hanafi from sultantheme.com
    Demo is here - style name "Category Spacing":vb5 Styles and Themes Forums - vb5 Styles Demo Forums

    If you dont want to do the changes just upload the style xml included.
    It is created with vb5.1

    1. Style manager> style name> edit templates>Display Templates> display_Forums_list

    on line 7 : <!-- Categories -->
    paste below the line:

    Code:
    <!--added table -->
    <table class="forum-list-container stretch catspace">
    before line 12 : <vb:elseif condition="$channel['parentid'] == $root" />
    paste above it:

    Code:
    <!--added 2nd row -->
    <tr class="forum-list-header">
        <th class="header-forum"><span>Forums</span></th>
        <th class="header-topics"><span>{vb:rawphrase topics}</span></th>
        <th class="header-posts"><span>{vb:rawphrase posts}</span></th>
        <th class="header-lastpost"><span>{vb:rawphrase last_post}</span></th>
    </tr>
    2. Style manager> style name> edit templates> css templates> css_additional.css
    paste inside;

    Code:
    /*-- fix the first unwanted 2ndrow forum/topic/post/last post --*/
    /*-- fix at forumhome only not in subpages --*/
    #forum-tab table:first-child{display:none}
    
    /*-- custom spacing --*/
    .catspace{margin-top:20px;}
    
    /*-- category styling --*/
    .forum-list-container .category-header {
    background: #033145 url("images/css/sprite_gradients_vb.png") repeat-x 0px -50px;
    }
    /*-- category title text --*/
    .forum-list-container .category-header .category{color:#fff!important;}
    
    /*-- category 2nd row, last post, topic post count --*/
    .forum-list-container .forum-list-header{height:25px;line-height:25px;}
    .forum-list-container .forum-list-header .header-forum {border-left: 0px!important;}
    .forum-list-container .forum-list-header .header-lastpost{border-right: 0px!important;}
    
    
    /*-- forums bordering --*/
    .forum-list-container {
    border: 1px solid #c4c4c4;
    border-top: 0px solid #c4c4c4;
    box-shadow: 1px 1px 1px #ddd;
    }
    have fun.
    style xml included.