MyBB Community Forums

I've been trying to theme MyBB version 1.8 recently and I'm having issues trying to add a border to the below shown areas.
I have looked through the templates to try and find the html so I could just add a wrapper and theme that, but there's no template that contains the html for the thread list or the forums the front page.


http://i.imgur.com/DZDH2jp.jpg


http://i.imgur.com/DZDH2jp.jpg


The area where I'm trying to add a border is marked green in the screenshots.


BTW is this forum, broken... I can't seem to post images?

I just found myself splitting it into two different tables and adding the border onto the second table. I did that in some previous designs to mimic the IPB-style borders on a table layout. I've recently moved away from them a bit, but that's about the easiest way I can think of that allows you to add borders only to the tbody section of a table.

Nice theme BTW.

(2014-11-04, 06:48 AM)Darth Apple Wrote: [ -> ]I just found myself splitting it into two different tables and adding the border onto the second table. I did that in some previous designs to mimic the IPB-style borders on a table layout. I've recently moved away from them a bit, but that's about the easiest way I can think of that allows you to add borders only to the tbody section of a table.

Nice theme BTW.

The template's in the admin panel editor don't contain the HTML to allow me to do anything like that. Would you mind providing some more insight into it?

Thanks, but it's very much a work in progress.

The templates for the forumbits are in ACP -> templates & style -> templates -> [your theme] -> forum bit templates -> forumbit_depth1_cat. For example:

Quote:<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder tborder_noborder">
<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><br /><div class="smalltext">{$forum['description']}</div></div>
</td>
</tr>
</thead>
</table>
<div class="table_inner">
<table class="table_inner_padding">
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
<tr>
<td class="tcat" colspan="2"><span class="smalltext"><strong>{$lang->forumbit_forum}</strong></span></td>
<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>
</tr>
{$sub_forums}
</tbody>
</table>
</div>
<br />

You can then use the table_inner, table_inner_padding, and tborder_noborder classes to more finely tune the borders on your tables. I haven't tested this, but that's the method I used in past designs.

I'll give it a try, thanks.

---

What you suggested worked for the front page, but going 1 level deeper removes the border.
Applying to same method to the next depth just ends up doubling the border.