MyBB Community Forums

Full Version: Main Forums in Columns
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Is it possible to make Main forums into columns like this.

[Image: EITPAl.jpg]

A plugin available to make subforums into columns, but I am looking for Forums into columns.
Wrong forum, it should be in here: http://community.mybb.com/forum-10.html

You can edit Forumbit Templates to do like this, If I've some free time I'll look into that.
Someone please post a tutorial.
No answers?
Go to: ACP > Templates > Your theme's templates > Forumbit Templates > forumbit_depth1_cat > and find;
<td class="thead" colspan="5">
and Change it to;
<td class="thead" colspan="2">

Now within the same template find the following and Remove;
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="tcat" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>
<td class="tcat" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span></td>

Now Open forumbit_depth2_forum template, and Replace all code with the following;
<tr>
<td class="{$bgcolor}" valign="top">
<span class="smalltext">({$forum_viewers_text} Viewing)&nbsp;({$threads}{$unapproved['unapproved_threads']} Threads)&nbsp;({$posts}{$unapproved['unapproved_posts']} Posts)</span><br/>
{$forum['description']}<br/>
{$lastpost}
<strong><a href="{$forum_url}">{$forum['name']}</a></strong><span class="smalltext">{$modlist}{$subforums}</span>
</td>
</tr>

Now Open forumbit_depth2_forum_lastpost template, and Replace all code with the following;
<div class="forumbits">
<a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>
{$lang->by} {$lastpost_profilelink}<div class="float_right">{$lastpost_date} {$lastpost_time}</div></div>

Now Open forumbit_depth3 template and Replace all code with the following;
<ul>{$statusicon}<a href="forumdisplay.php?fid={$forum['fid']}">{$forum['name']}</a></ul>

Now Open forumbit_subforums template and Replace all code with the following;
<br />{$lang->subforums}<br /><ul class="columns">{$sub_forums}</ul>

Save all Templates.

Now Go to: ACP > Themes > Your theme > Edit in Advanced Mode > and add the following CSS style at the bottom of it;
.columns 
{
list-style: none; 
margin: 0; 
padding: 0;
}

.columns li 
{
width: 50%; 
float: left;
}

.forumbits{
font-family: Tahoma;
font-size: 10px;
background-color: #FAFAFA;
border: 1px solid #CCCCCC;
width: 99%;
text-align: left;
direction: rtl;
border-style: solid;
border-width: 1px;
padding: 2px;
margin-top:2;
margin-bottom:3
}

Final Preview:
[attachment=22490]