Thread Rating:
  • 3 Vote(s) - 5 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Forums in columns
#1
What you'll end up with using this tutorial - credit to omar also for his code

Index: http://upload.vstanced.com/images/2016/0...wnload.png

Subforum: http://upload.vstanced.com/images/2016/0...forums.png



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


table.forumh {
   width:100%;
   margin: 0px 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-size: 12px;
	
}

table.forumh ul {
   list-style: none;
   margin: 0px;
   padding: 0px;
	
}

table.forumh ul li {
   list-style: none;
   width: 50%;
   margin-bottom:3px;
   float: left;
	
}

table.forumh ul li table {
   width: 98%;
   min-height: 100px !important;
   margin: auto auto;
   background: #fff;
   border: 1px solid #f0f0f0;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   border-radius: 2px;
	height: 100px;
	
}

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

table.forumh ul li table div {
    font-size: 12px;
	
}

table.forumh ul li table div.last {
    font-size: 12px;
	
}


 




Open your theme forumbit_depth1_cat template and replace everything with this:



<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:



<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']}"><i 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:


<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:


<br /> {$sub_forums}



Open your theme forumdisplay_subforums template and replace everything with this:



<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 />


[Image: sig2.jpg]
Reply
#2
Does the collapsing and "mark as read" features still work? If so, nice!

(:
Reply
#3
(09-07-2014, 05:09 PM)Omar G. Wrote: Does the collapsing and "mark as read" features still work? If so, nice!

(:

Yep both work as normal
[Image: sig2.jpg]
Reply
#4
wah this is great tutorial lolz thanks Big Grin
Reply
#5
This works great on the original theme unless you have sub forums in one main forums, but not all in the same category, then throws it all out of whack. You would need to have sub forums in all or no sub forums showing to keep them all the same size so it looks right. Wondering if is any way to fix this? Am wanting to use this on Duende & maybe Revoulution Gaming (I know it needs major edits to work on a dark theme) so any guide is appreciated.
Reply
#6
(11-27-2014, 09:47 PM)__JJ__ Wrote: This works great on the original theme unless you have sub forums in one main forums, but not all in the same category, then throws it all out of whack. You would need to have sub forums in all or no sub forums showing to keep them all the same size so it looks right. Wondering if is any way to fix this? Am wanting to use this on Duende & maybe Revoulution Gaming (I know it needs major edits to work on a dark theme) so any guide is appreciated.

Send me forum url so i can see where the problem is.
[Image: sig2.jpg]
Reply
#7
url is www.ponder-on-this.com . Inactive for a while so I decided to upgrade it to 1.8 series which totally destroyed the default theme so am tinkering with it. As you can see forums with sub forums are sized different than those without, throwing everything off. Simple solution would be
don't show sub forums on index or
make sure all forums have sub forums
so wondering if I am missing something. The only plugin used is DVZ shoutbox, thanks for your time.

edit: Just tried on my other forum which was a fresh install of MyBB 1.8. Using your 1point8 theme with no plugins used & same result. Reverted that back to original so not adding link, but on a side note it looked pretty good with 1point8 other than not sizing right.
Reply
#8
(11-28-2014, 01:22 PM)__JJ__ Wrote: url is www.ponder-on-this.com . Inactive for a while so I decided to upgrade it to 1.8 series which totally destroyed the default theme so am tinkering with it. As you can see forums with sub forums are sized different than those without, throwing everything off. Simple solution would be
don't show sub forums on index or
make sure all forums have sub forums
so wondering if I am missing something. The only plugin used is DVZ shoutbox, thanks for your time.

edit: Just tried on my other forum which was a fresh install of MyBB 1.8. Using your 1point8 theme with no plugins used & same result. Reverted that back to original so not adding link, but on a side note it looked pretty good with 1point8 other than not sizing right.

They all look the same size with subforums or not for me?

If you wanting to do this on any of my themes, you're gonna have to do even more edits cause my forum sections aren't default.
[Image: sig2.jpg]
Reply
#9
Thanks for looking, my bad as I never thought of browser conflicts until you posted. Does work fine on Chrome & IE, seems to be Firefox (my default) that has a problem with it. Yes I know your themes will be a lot more work but since they are the best around & about all I would use, worth the efforts. Thanks iAndrew
Reply
#10
I am having a minor issue where this (http://i.imgur.com/s8yULJx.png) becomes bigger instead of staying the way it was before. I been trying to look through the CSS at what is causing it but so far no luck.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)