Here's the AWFUL editting for this customization, in it's INFAMOUS gory glory.
DISCLAIMERS: This example is all done on an DEFAULT vBulletin template. It's only to change the FORUMDISPLAY THREADBIT table to have no vertical borders, as a custom style,
not global. If you want it to be global, just change the table/thead/tcat/td CSS to the below style tags. If you're using a custom template or have a ton of mods, you'll have to fit the code below into your style --
don't just copy and paste it -- look at the code below and add the code to correspond to your custom style, instead.
========
Part ONE
========
In FORUMHOME template, search for <!-- /controls above thread list -->, and replace the header with...
HTML Code:
<table class="tborder" style="border-top:1px solid red; border-right:1px solid red; border-bottom:0; border-left:1px solid red;" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center">
Notice the cellspacing="0" is at zero? The variable tag was removed, or the default spacing will show (that light blue 1px solid border that surrounds the inside "tcat" and "thead" tds).
========
Part TWO
========
If you want a vertical border separating "Threads in Forum:xxxx", "Forum Tools" and "Search this Forum", goto the first -- class="vbmenu_control" -- in the table above, and after that tag add this...
HTML Code:
style="border-right:1px solid red; border-left:1px solid red;"
Should look like this with the default template...
HTML Code:
<td class="vbmenu_control" style="border-right:1px solid red; border-left:1px solid red;" id="forumtools" nowrap="nowrap"><a href="$show[nojs_link]#goto_forumtools" rel="nofollow">$vbphrase[forum_tools]</a> <script type="text/javascript"> vbmenu_register("forumtools"); </script></td>
==========
Part THREE
==========
To add a border around the threadbit area, since now the tds in the threadbit won't have a right or left border, replace the table header of the table just below the table above, with this...
HTML Code:
<table class="tborder" style="background:#334d80;" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" id="threadslist" style="border:1px solid red;">
Notice I added the
style="background:#334d80"? That's due to if you want to add a different border style than "solid" as a border between the thead tds (change it to the color of your thead, to match it well). If you don't define it, the default table background will show through.
=========
Part FOUR
=========
If you want thead td vertical borders, search for the corresponding class="thead" tags of the table above, and add after that tag upto the "Views" td, this...
HTML Code:
style="border-right:1px dotted orange;"
It should look like this
:cough vb devs: UGLY MESS :cough vb devs:...
HTML Code:
<table class="tborder" style="background:#334d80;" cellpadding="$stylevar[cellpadding]" cellspacing="0" border="0" width="100%" align="center" id="threadslist" style="border:1px solid red;">
<tbody>
$announcebits
<tr>
<if condition="$show['search_engine']">
<if condition="$show['threadicons']">
<td class="thead" colspan="2"> </td>
<else />
<td class="thead"> </td>
</if>
<td class="thead" "width="100%">
<if condition="$show['threadratings']"><span style="float:$stylevar[right]">$vbphrase[rating]</span></if>
$vbphrase[thread] / $vbphrase[thread_starter]
</td>
<td class="thead" style="border-right:1px dotted orange;" width="150" align="center" nowrap="nowrap"><span style="white-space:nowrap">$vbphrase[last_post]</span></td>
<td class="thead" style="border-right:1px dotted orange;" align="center" nowrap="nowrap"><span style="white-space:nowrap">$vbphrase[replies]</span></td>
<td class="thead" style="border-right:1px dotted orange;" align="center" nowrap="nowrap"><span style="white-space:nowrap">$vbphrase[views]</span></td>
<else />
<if condition="$show['threadicons']">
<td class="thead" style="border-right:1px dotted orange;" colspan="2"> </td>
<else />
<td class="thead" style="border-right:1px dotted orange;"> </td>
</if>
<td class="thead" style="border-right:1px dotted orange;" width="100%">
<if condition="$show['threadratings']"><span style="float:$stylevar[right]"><a href="$sorturl&order=desc&sort=voteavg" rel="nofollow">$vbphrase[rating]</a> $sortarrow[voteavg]</span></if>
<a href="$sorturl&order=asc&sort=title" rel="nofollow">$vbphrase[thread]</a> $sortarrow[title] /
<a href="$sorturl&order=asc&sort=postusername" rel="nofollow">$vbphrase[thread_starter]</a> $sortarrow[postusername]
</td>
<td class="thead" style="border-right:1px dotted orange;" width="150" align="center" nowrap="nowrap"><span style="white-space:nowrap"><a href="$sorturl&order=desc&sort=lastpost" rel="nofollow">$vbphrase[last_post]</a> $sortarrow[lastpost]</span></td>
<td class="thead" style="border-right:1px dotted orange;" align="center" nowrap="nowrap"><span style="white-space:nowrap"><a href="$sorturl&order=desc&sort=replycount" rel="nofollow">$vbphrase[replies]</a> $sortarrow[replycount]</span></td>
<td class="thead" style="border-right:1px dotted orange;" align="center" nowrap="nowrap"><span style="white-space:nowrap"><a href="$sorturl&order=desc&sort=views" rel="nofollow">$vbphrase[views]</a> $sortarrow[views]</span></td>
<if condition="$show['inlinemod']">
<if condition="$show['popups']">
<td class="thead" "id="imod" align="center" title="$vbphrase[moderation]"> <script type="text/javascript"> vbmenu_register('imod'); </script> </td>
<else />
<td class="thead" align="center">
<input type="checkbox" name="allbox" id="checkall_all" title="$vbphrase[check_uncheck_all]" onclick="inlineMod.check_all()" />
</td>
</if>
</if>
</if>
</tr>
</tbody>
---------
Part FIVE
---------
Edit the CSS in the CSS editor and add this into the "Additional CSS Definitions" box...
HTML Code:
/* Forumdisplay Threadbit TD */
.alt3 {
background:#f5f5ff;
color:#000000;
border-top:1px solid red;
border-right:0;
border-bottom:0px solid red;
border-left:0;
}
.alt4 {
background:#e1e4f2;
color:#000000;
border-top:1px solid red;
border-right:0;
border-bottom:0px solid red;
border-left:0;
}
Add padding; change border-color; and style to your theme, if you prefer.
--------
Part SIX
--------
In the THREADBIT template, replace
all class="alt1" and class="alt2" tags with class="alt3" and class="alt4".
--
Now you know why W3C is trying HARD to get rid of tables for this stuff (let alone why there's even so few paid template designers). It's senseless to go through all this just to change the style. Pure bandwidth and load time waste!
More Information