Thread Rating:
  • 1 Vote(s) - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Junk: Junk: [Tutorial] Forums in Columns
#1
This is the same basic idea from the "Subforums in colums" tutorial (http://community.mybb.com/thread-32008.html).

Preview at the bottom.

Editing Templates


Open your theme global.css style sheet and put this at the end:

PHP Code:
table.forumh {
    
width:100%;
    
margin0px auto auto;
    
clear:both;
}
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:3px;
    
vertical-align:text-bottom;
    
max-width:30px;
    
max-height:25px;
    
filter:alpha(opacity=60);
    
opacity:0.6;
}
table.forumh h3 span {
    
font-weight:normal;
}

table.forumh ul {
    list-
stylenone;
    
margin0px;
    
padding0px;
}
table.forumh ul li {
    list-
stylenone;
    
width50%;
    
margin-bottom:10px;
    
floatleft;
}
table.forumh ul li table {
    
width98%;
    
min-height110px;
    
marginauto auto;
    
background#feffe8;
    
background: -moz-linear-gradient(top#feffe8 0%, #d6dbbf 100%);
    
background: -webkit-gradient(linearleft topleft bottomcolor-stop(0%,#feffe8), color-stop(100%,#d6dbbf));
    
background: -webkit-linear-gradient(top#feffe8 0%,#d6dbbf 100%);
    
background: -o-linear-gradient(top#feffe8 0%,#d6dbbf 100%);
    
background: -ms-linear-gradient(top#feffe8 0%,#d6dbbf 100%);
    
filterprogid:DXImageTransform.Microsoft.gradientstartColorstr='#feffe8'endColorstr='#d6dbbf',GradientType=);
    
backgroundlinear-gradient(top#feffe8 0%,#d6dbbf 100%);
    
-webkit-box-shadow0px 0px 5px 0px rgba(0000.8);
    -
moz-box-shadow0px 0px 5px 0px rgba(0000.8);
    
box-shadow0px 0px 5px 0px rgba(0000.8);
    -
webkit-border-radius5px;
    -
moz-border-radius5px;
    
border-radius5px;
}
table.forumh ul li table td img {
    
max-width:150px;
    
max-height:110px;
}
table.forumh ul li table div {
    
font-size:80%;
}
table.forumh ul li table div.last {
    
font-size:80%;


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">
<
thead><tr><td>
<
h3><img src="{$theme['imgdir']}/{$expcolimage}id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}title="{$expaltext}/><a href="{$forum_url}">{$forum['name']}</a> - <span class="smalltext">{$forum['description']}</span><hr/></h3>
</
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']}">
<
tr>
<
td align="center" valign="middle" width="1px" rowspan="2"><img src="{$theme['imgdir']}/{$lightbulb['folder']}.gif" alt="{$lightbulb['altonoff']}title="{$lightbulb['altonoff']}class="ajax_mark_read" id="mark_read_{$forum['fid']}"/></td>
<
td valign="top">
<
strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}
<
div>{$forum['description']}{$modlist}{$subforums}</div>
</
td>
</
tr>
<
tr>
<
td valign="top">
{
$lastpost}
</
td>
</
tr>
</
table></li

Open your theme forumbit_depth2_forum_lastpost template and replace everything with this:

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

Open your theme forumdisplay_subforums template and replace everything with this:

PHP Code:
<table border="0" cellspacing="{$theme['borderwidth']}cellpadding="{$theme['tablespace']}class="forumh">
<
thead><tr><td>
<
h3 class="forumdisplay">{$lang->sub_forums_in}<hr/></h3>
</
td></tr></thead>
<
tbody style="{$expdisplay}id="cat_{$forum['fid']}_e"><tr><td>
<
ul>{$forums}</ul>
</
td></tr></tbody>
</
table>
<
br /> 
#2
This thread has been junked!
#3
This thread has been junked for a reason, leave it!


Forum Jump:


Users browsing this thread: 1 Guest(s)