Threadbit Inner Border Width - bottom only?
 

How would I remove the verticle lines (red in screenshot) and keep the horizontal lines?
(I tried putting the "Inner Border Width" in the style options to "0", but it takes them all away.)

Refer to the attachment.

Try the "rules" tag (though I believe it's depreciated in XHTML). Rules="rows" will display only the horizontal row borders. You'll lose the outside vertical border in the process (which can be corrected by wrapping a div around the table).

Or, much better, with solid color background, just change the border color of the td to match the backgrounds (much easier -- just make the border-right/border-left the background color). 1px spacing difference won't be noticed.

Where would I place the Rules="rows"?

Right after all the table $Style tags, on the Forumdisplay template. The threadbit table is split between the forumdisplay (the table header data), and the threadbit template (thread data).

The td/border option is the best way, though. As you can change it all via the stylesheet, and not have to bother hacking the tables you wish to impliment only a row border -- and it verifies. Just search in your stylesheet for a td { } tag, and change the border there. If you just want to change the forumdisplay border rules, just make 2 new CSS tags, like td.fdl [for the td with a border-left:0;], and td.fdr [for border-right:0;], and add the class to the corresponding <td> -- like <td class="fdl">. Much cleaner, and can be used anywhere you need it later, too.

For future reference: the devs added comment lines <!-- --> where a table begins and ends. Use "view source" from the browser to track down the corresponding templates the table headers are split between. This split is seen especially in the bit tables, as they're inserted into another nest of tables.

Messy, messy, messy!

Arggh!! :(

I'm having trouble, what stylesheet are you talking about?

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

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

Should look like this with the default template...

==========
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...

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

It should look like this :cough vb devs: UGLY MESS :cough vb devs:...

---------
Part FIVE
---------
Edit the CSS in the CSS editor and add this into the "Additional CSS Definitions" box...

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!

And how it would look (just remove the vertical style tags in the How-To above to have a totally horizontal border table; or mix-and-match).

You didn't need to write all that. :(

I significantly reduced the amounts of steps by:
--------
Part ONE
--------
Add the following CSS to the extra CSS definitions:
(Notice I replaced top:1px with top:0px and bottom:0px with bottom:1px! It tends to looks better :))
(P.S. Replace grey and #f8f7f2 with a color that matches your forum.)
--------
Part TWO
--------
And then I went to "All Style Options" and change the "Inner Border Width (pixels)" to "0".
After that, I created two style replacement variables.

--------
END
--------
And... Tada! Less work, very clean, less load, no tables. :)

Thanks for helping me! ^.^

It's all variations of borders for the forumdisplay/threadbit table, not just removing border-right and border-left. ;)

Some may want no borders for the tcats and theads, while borders for the tds or vice-versa (especially if they want to take the challenge of replacing the tables with divs......READING THAT vBULLETIN DEVS??!!). All that above, shows the variations, and more importantly, where to find the tables to do so.

If vBulletin wouldn't hard-code class/id names, designers could transform those tables into divs faster, let alone remove the style="" statements out and replace them with cleaner class or id tags at random.

It's still all ugly business. Non-practical, time consuming and just a plain waste of resources to use tables for presentation.

I wanted to remove all of them. :)

Thanks for the help!

TIP: If you wanted to remove all vertical borders globally, you wouldn't even need the alt3 and alt 4 additions. ;) Just apply borders to alt1 and alt2. Alt3 and alt4 was included for those who only wanted to change the FORUMDISPLAY layout, while maintaining the default borders, elsewhere (like in menus).

Changing the inner widths and padding via the Stylevar editor, is the global solution, and nothing but style"" tags to wrap the naked tds would be needed for the loss of outer table borders.

Argh :( You beat me! Thanks for that tip, I undo'd mine and did yours. :)