MyBB Community Forums

Full Version: Combine thead and tcat into one?
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
[Image: theadtcat.png]

i'd like to have the forum name and link where it says forum combined. Is that doable? And that only one of these exists. It seems like a big waste of space to have two.

If the bottom right side info could be moved up.
Instead you can completely remove tcat by editing forumbit_depth2_cat and then add the threads, posts and last post labels to forumbit_depth2_forum to have them here itself at he counters.
Actually that's wrong, I did some digging as you said but turns out it's actually in forumbit_depth1_cat

Here is what I changed it to:

<table border="0" cellspacing="{$theme['borderwidth']}" cellpadding="{$theme['tablespace']}" class="tborder">
<thead>
<tr>
<td class="thead" colspan="3">
<div><span id="{$forum['fid']}name"><a href="{$forum_url}">{$forum['name']}</a></span> &nbsp; <span class="smalltext forumdesc" id="{$forum['fid']}description">{$forum['description']}</span></div>
<td class="thead" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_threads}</strong></span></td>
<td class="thead" width="85" align="center" style="white-space: nowrap"><span class="smalltext"><strong>{$lang->forumbit_posts}</strong></span></td>
<td class="thead" width="200" align="center"><span class="smalltext"><strong>{$lang->forumbit_lastpost}</strong></span><div class="expcolimage"><img src="{$theme['imgdir']}/{$expcolimage}" id="cat_{$forum['fid']}_img" class="expander" alt="{$expaltext}" title="{$expaltext}" /></div></td>

</td>
</thead>
<tbody style="{$expdisplay}" id="cat_{$forum['fid']}_e">
{$sub_forums}
</tbody>
</table>
<script type="text/javascript">
jQuery.noConflict();
jQuery(document).ready(function() {

    jQuery("#{$forum['fid']}description").hide();

    jQuery("#{$forum['fid']}name").mouseover(function() {

        var content = jQuery("#{$forum['fid']}description").text();

        if (content === "") {} else {
            jQuery("#{$forum['fid']}description").fadeIn('slow', function() {
                // Animation complete
            });
        }

    });

    jQuery("#{$forum['fid']}name").mouseout(function() {
        jQuery("#{$forum['fid']}description").stop(true, true).fadeOut('slow', function() {
            // Animation complete
        });

    });

});
</script>

And the result exactly as I wanted:

[Image: theadtcat2.png]