Thread Contributor: Disk4mat
[MyBB 1.8]Forums In columns
#1
Forums In columns

A very easy and important tutorial here to give your forum a new design. 
[Image: 2378d4a3cb34033c6aee4d1666a945af.png]
Open your themes global.css and add this.
PHP Code:
table.forumh {
  width:100%;
  margin0px auto auto;
  clear:both;
  background#f0f0f0;
  Â Â 
}

table.forumh h3 hr{
  width:98%;
  filter:alpha(opacity=60);
  opacity:0.6;
  Â Â 
}

table.forumh h3.forumdisplay{
  text-align:center;
  Â Â 
}

table.forumh h3 Â img {
  margin-right:1px;
  vertical-align:text-bottom 
  max
-width:30px;
  max-height:25px;
  filter:alpha(opacity=60);
  opacity:0.6;
  Â Â 
}

table.forumh h3 span {
  Â font-size12px;
  Â Â 
}

table.forumh ul {
  list-stylenone;
  margin0px;
  padding0px;
  Â Â 
}

table.forumh ul li {
  list-stylenone;
  width50%;
  margin-bottom:3px;
  floatleft;
  Â Â 
}

table.forumh ul li table {
  width98%;
  min-height100px !important;
  marginauto auto;
  background#fff;
  border1px solid #f0f0f0;
  -webkit-border-radius2px;
  -moz-border-radius2px;
  border-radius2px;
  Â  height100px;
  Â Â 
}

table.forumh ul li table td img {
  max-width:150px;
  max-height:120px;

}

table.forumh ul li table div {
  Â font-size12px;
  Â Â 
}

table.forumh ul li table div.last {
  Â font-size12px;
  Â Â 






Open your theme forumbit_depth1_cat template and replace everything with this:
PHP Code:
<table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}class="forumh tborder">
<
thead>
<
tr>
<
td class="thead{$expthead}colspan="5">
<
div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}title="{$expaltext}/></div>
<
div><strong><a href="{$forum_url}">{$forum['name']}</a></strong></div>
</
td>
</
tr>
</
thead>
<
tbody style="{$expdisplay}id="cat_{$forum['fid']}_e">
<
tr>
<
td>
<
ul>{$sub_forums}</ul>
</
td>
</
tr>
</
tbody>
</
table>
<
br /> 



Open your theme forumbit_depth2_forum template and replace everything with this:
PHP Code:
<li>
<
table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}class="tborder">
<
tr>
  Â Â 
<td align="left" width="10px" valign="middle" rowspan="5">
<
span class="float_right forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}id="mark_read_{$forum['fid']}"><class="fa fa-quote-right"></i></span  Â 
</td>

<
td align="left" valign="middle" rowspan="5">
  Â Â 
<div class="smalltext float_right">{$threads}{$unapproved['unapproved_threads']} Topics - {$posts}{$unapproved['unapproved_posts']} Replies</div>
  Â Â 
<strong><a href="{$forum_url}">{$forum['name']}</a></strong> {$forum_viewers_text} 
  Â Â 
<span align="center" valign="center" style="margin-right: 5px;"> {$lastpost} </span  Â 
  Â Â 
<span style="margin-left: -5px;" valign="middle"> {$subforums </span>
  Â Â 
</td>
</
tr  Â 
</table>
</
li


Open your theme forumbit_depth2_forum_lastpost template and replace everything with this:

PHP Code:
<br /> 
<span class="last"><a href="{$lastpost_link}title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a> &nbsp; {$lang->by} {$lastpost_profilelink}, </span> <span>{$lastpost_date} {$lastpost_time} </span


Open your theme forumbit_subforums and replace everything with this:


PHP Code:
<br /> {$sub_forums


Open your theme forumdisplay_subforums template and replace everything with this:

PHP Code:
<table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}class="forumh tborder">
<
thead>
<
tr>
<
td class="thead" colspan="1" align="center">
<
span class="forumdisplay">{$lang->sub_forums_in}</span>
</
td>
</
tr>
</
thead>
<
tbody style="{$expdisplay}id="cat_{$forum['fid']}_e"><tr><td>
<
ul>{$forums}</ul>
</
td>
</
tr>
</
tbody>
</
table>
<
br /> 

Thats all and everything should be fine by now..

If you encountered any problems or whatsoever please notify me
[Image: 2vN8kCk.png]

#2
Nice share I been wanting to know how to do that.

#3
Nice bit of code here, MyBB configuration can be a bit of a hassle some time. Thanks, I might use this in the future if I make a forum :)
[Image: 466bf1cb2c.jpg]



Users browsing this thread: 1 Guest(s)