Jump to content


Photo
* * * * * 1 votes

Arrange subforums in 3 columns IPB 3.2-3.3x


  • Please log in to reply
1 reply to this topic

#1 Administrator

Administrator

    Dev Partner

  • Lead Developer
  • 909 posts
  • 566 Thanks
  • Gender:Male
  • Location:New York
  • Interests:Everything code...

Posted 19 March 2012 - 05:26 PM

Arrange your subforums in 3 columns

3column.JPG

go to:
AdminCP > Look & Feel > (choose skin) > ipb_styles.css
add to the last line of CSS:

table.ipb_table ol.subforums1 {margin-top: 3px;float: left;width: 33%;}table.ipb_table ol.subforums1 li{background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums1 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }table.ipb_table ol.subforums2 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums2 li {background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums2 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }table.ipb_table ol.subforums3 {width: 33%;overflow: hidden;}table.ipb_table ol.subforums3 li {background: url('{style_images_url}/subforum_nonew.png') no-repeat 0 50%;padding: 0 15px 0 15px;margin: 0;float: left;}table.ipb_table .subforums3 li.unread { font-weight: bold; background-image: url('{style_images_url}/subforum_new.png'); }


go to:
AdminCP > Look & Feel > (choose skin) > Board Index > boardIndexTemplate

find:
			  <ol class='ipsList_inline ipsType_small subforums' id='subforums_{$forum_data['id']}'>
<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
<if test="showSubForumsLit:|:$__data[3]"><li class='unread'><else />
<li>
</if>
<a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$__data[1]}'>{$__data[1]}</a>
<if test="isNotLast:|: empty($__data[4] )">,
</if>
</li>
</foreach>
</ol>


replace with:
<ol class='ipsList_inline ipsType_small subforums2' id='subforums_{$forum_data['id']}'>
<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data"></ol>
<ol class='ipsList_inline ipsType_small subforums3' id='subforums_{$forum_data['id']}'>
<if test="showSubForumsLit:|:$__data[3]">
<li class='unread'>
<else />
<li>
</if>
</foreach>
</ol>
<ol class='ipsList_inline ipsType_small subforums' id='subforums_{$forum_data['id']}'>
<foreach loop="subforums:$forum_data['subforums'] as $__id => $__data">
</ol>
<ol class='ipsList_inline ipsType_small subforums1' id='subforums_{$forum_data['id']}'>
<if test="showSubForumsLit:|:$__data[3]">
<li class='unread'>
<else />
<li>
</if>
<a href="{parse url="showforum={$__data[0]}" seotitle="{$__data[2]}" template="showforum" base="public"}" title='{$this->lang->words['go_to_forum']}'>{$__data[1]}</a>
</li>
</foreach>
</ol>

  • 2

Thanked by 1 Member:
LibraTeam

#2 Bloodrose

Bloodrose

    Member

  • Members
  • 4 posts
  • 0 Thanks

Posted 15 December 2012 - 02:38 PM

Anyway to do one column like vBulletin?
  • 0




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users