vb.org Archive - Category Spacing for Gold+

Well I read through this entire thread and reviewed a few complicated workarounds for the alignment issue. Not sure if my suggestions will apply to everyone here but it sure properly aligned my forums (see attachment)

1. The suggestion made above to change the table width to 100% to avoid 'overhanging' worked like a charm. Thanks for the tip chrisvonc. However, in the case of my forums, that was the only thing needed to be changed. Instead of changing/erasing a few things here and there in the FORUMHOME template, all I did was deleted EVERYTHING in   and only leave behind the $forumbits part (also don't forget the erase that extra <br /> before the  part!)

This is my current FORUMHOME template

Code:

$stylevar[htmldoctype]

<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">

<head>

        <!-- no cache headers -->

        <meta http-equiv="Pragma" content="no-cache" />

        <meta http-equiv="Expires" content="-1" />

        <meta http-equiv="Cache-Control" content="no-cache" />

        <!-- end no cache headers -->

        <title><phrase 1="$vboptions[bbtitle]">$vbphrase[x_powered_by_vbulletin]</phrase></title>

        $headinclude

</head>

<body>

$header

$navbar

 

<!-- guest welcome message -->

<if condition="$show['guest']">

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<thead>

        <tr>

                <td class="tcat" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><phrase 1="$vboptions[bbtitle]">$vbphrase[welcome_to_the_x]</phrase></td>

        </tr>

        <tr>

                <td class="alt1" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>">

                        <phrase 1="faq.php?$session[sessionurl]" 2="register.php?$session[sessionurl]">$vbphrase[first_visit_message]</phrase>

                </td>

        </tr>

</thead>

</table>

<br />

</if>

<!-- / guest welcome message -->

 

$forumbits

 

<br />

 

<!-- what's going on box -->

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<thead>

        <tr>

                <td class="tcat" colspan="2">$vbphrase[whats_going_on]</td>

        </tr>

</thead>

<if condition="$show['loggedinusers']">

<!-- logged-in users -->

<tbody>

        <tr>

                <td class="thead" colspan="2">

                        <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_activeusers')"><img id="collapseimg_forumhome_activeusers" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_activeusers].gif" alt="" border="0" /></a>

                        <a href="online.php?$session[sessionurl]">$vbphrase[currently_active_users]</a>: $totalonline (<phrase 1="$numberregistered" 2="$numberguest">$vbphrase[x_members_and_y_guests]</phrase>)

                </td>

        </tr>

</tbody>

<tbody id="collapseobj_forumhome_activeusers" style="$vbcollapse[collapseobj_forumhome_activeusers]">

        <tr>

                <td class="alt2"><a href="online.php?$session[sessionurl]"><img src="$stylevar[imgdir_misc]/whos_online.gif" alt="$vbphrase[view_whos_online]" border="0" /></a></td>

                <td class="alt1" width="100%">

                        <div class="smallfont">

                                <div style="white-space: nowrap"><phrase 1="$recordusers" 2="$recorddate" 3="$recordtime">$vbphrase[most_users_ever_online_was_x_y_at_z]</phrase> | $ontoday users have visited today.</div>

                                <div>$activeusers</div>

                        </div>

                </td>

        </tr>

</tbody>

<!-- end logged-in users -->

</if>

<tbody>

        <tr>

                <td class="thead" colspan="2">

                        <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_stats')"><img id="collapseimg_forumhome_stats" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_stats].gif" alt="" border="0" /></a>

                        <phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase>

                </td>

        </tr>

</tbody>

<tbody id="collapseobj_forumhome_stats" style="$vbcollapse[collapseobj_forumhome_stats]">

        <tr>

                <td class="alt2"><img src="$stylevar[imgdir_misc]/stats.gif" alt="<phrase 1="$vboptions[bbtitle]">$vbphrase[x_statistics]</phrase>" border="0" /></td>

                <td class="alt1" width="100%">

                <div class="smallfont">

                        <div>$vbphrase[threads]: $totalthreads, $vbphrase[posts]: $totalposts, $vbphrase[members]: $numbermembers</div>

                        <div><phrase 1="member.php?$session[sessionurl]u=$newuserid" 2="$newusername">$vbphrase[welcome_to_our_newest_member_x]</phrase></div>

                </div>

                </td>

        </tr>

</tbody>

<if condition="$show['birthdays']">

<!-- today's birthdays -->

<tbody>

        <tr>

                <td class="thead" colspan="2">

                        <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_birthdays')"><img id="collapseimg_forumhome_birthdays" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_birthdays].gif" alt="" border="0" /></a>

                        $vbphrase[todays_birthdays]

                </td>

        </tr>

</tbody>

<tbody id="collapseobj_forumhome_birthdays" style="$vbcollapse[collapseobj_forumhome_birthdays]">

        <tr>

                <td class="alt2"><a href="calendar.php?$session[sessionurl]do=getday&amp;day=$today&amp;sb=1"><img src="$stylevar[imgdir_misc]/birthday.gif" alt="$vbphrase[view_birthdays]" border="0" /></a></td>

                <td class="alt1" width="100%"><div class="smallfont">$birthdays</div></td>

        </tr>

</tbody>

<!-- end today's birthdays -->

</if>

<if condition="$show['upcomingevents']">

<tbody>

        <tr>

                <td class="thead" colspan="2">

                        <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_events')"><img id="collapseimg_forumhome_events" src="$stylevar[imgdir_button]/collapse_thead$vbcollapse[collapseimg_forumhome_events].gif" alt="" border="0" /></a>

                        <if condition="$show['todaysevents']">$vbphrase[todays_events]<else /><phrase 1="$vboptions[showevents]">$vbphrase[upcoming_events_for_the_next_x_days]</phrase></if>

                </td>

        </tr>

</tbody>

<tbody id="collapseobj_forumhome_events" style="$vbcollapse[collapseobj_forumhome_events]">

        <tr>

                <td class="alt2"><a href="calendar.php?$session[sessionurl]"><img src="$stylevar[imgdir_misc]/calendar.gif" alt="$vbphrase[calendar]" border="0" /></a></td>

                <td class="alt1" width="100%"><div class="smallfont">$upcomingevents</div></td>

        </tr>

</tbody>

</if>

<tbody>

        <tr>

                <td class="tfoot" align="center" colspan="<if condition="$vboptions['showmoderatorcolumn']">6<else />5</if>"><div class="smallfont"><strong>

                        <a href="forumdisplay.php?$session[sessionurl]do=markread">$vbphrase[mark_forums_read]</a>

                        &nbsp; &nbsp;

                        <a href="showgroups.php?$session[sessionurl]">$vbphrase[view_forum_leaders]</a>

                </strong></div></td>

        </tr>

</tbody>

</table>

<br />

<!-- end what's going on box -->

 

<!-- icons and login code -->

<table cellpadding="0" cellspacing="2" border="0" width="100%">

<tr valign="bottom">

        <td>

                <table cellpadding="2" cellspacing="0" border="0">

                <tr>

                        <td><img src="$stylevar[imgdir_statusicon]/forum_new.gif" alt="$vbphrase[contains_new_posts]" border="0" /></td>

                        <td class="smallfont">&nbsp; $vbphrase[forum_contains_new_posts]</td>

                </tr>

                <tr>

                        <td><img src="$stylevar[imgdir_statusicon]/forum_old.gif" alt="$vbphrase[contains_no_new_posts]" border="0" /></td>

                        <td class="smallfont">&nbsp; $vbphrase[forum_contains_no_new_posts]</td>

                </tr>

                <tr>

                        <td><img src="$stylevar[imgdir_statusicon]/forum_old_lock.gif" alt="$vbphrase[a_closed_forum]" border="0" /></td>

                        <td class="smallfont">&nbsp; $vbphrase[forum_is_closed_for_posting]</td>

                </tr>

                </table>

        </td>

        <if condition="!$show['guest']">

                <!-- member logout -->

                <td align="$stylevar[right]"><a href="login.php?$session[sessionurl]do=logout&amp;u=$bbuserinfo[userid]" onclick="return log_out()"><phrase 1="$bbuserinfo[username]">$vbphrase[log_out_x]</phrase></a></td>

                <!-- end member logout -->

        </if>

</tr>

</table>

<!-- / icons and login code -->

 

$footer

</body>

</html>

2. Finally, to add the last little bit of 'image' at the bottom of your category simply add an extra <tr></tr> bit before the table closes at </table>. I also used percentages to correct the alignment problem. The logic was that if the Table is 100% then make sure the total sum of column widths equals 100. See the code below, it is my entire forumhome_forumbit_level1_nopost template.

Code:

<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<thead>

        <tr>

                <td class="tcat" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>">

                        <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>

                        <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>

                        <if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>

                        <if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>

                </td>

        </tr>

</thead>

<if condition="$childforumbits">

<tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">

        <tr align="center">

         <td class="thead" width="5%">&nbsp;</td>

         <td class="thead" width="45%" align="$stylevar[left]">$vbphrase[forum]</td>

         <td class="thead" with="40%">$vbphrase[last_post]</td>

         <td class="thead" width="5%">$vbphrase[threads]</td>

         <td class="thead" width="5%">$vbphrase[posts]</td>

         <if condition="$vboptions['showmoderatorcolumn']">

         <td class="thead">$vbphrase[moderator]</td>

         </if>

        </tr>

$childforumbits

<tr>

<td class="thead" colspan="<if condition="$vboptions[showmoderatorcolumn]">6<else />5</if>" height="10"></td>

</tr>

</tbody>

</if>

</tbody>

</table>

<div style="padding: 5px 5px 5px 5px;"></div>

If you look at my attachment, it worked for me perfectly. I hope it works for you as well. And if it does, well...YOU'RE WELCOME! :)

I should also thank the original creator (Zachery) of this modification myself...THANKS! :D

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01458 seconds Memory Usage 1,875KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (2)bbcode_code_printable (5)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (1)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (40)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: