[vB4] Table CSS

[thenamesgould]

Hi there,

Not sure if I'm posting this in the correct area, but the Table BB Code that is in the latest vBulletin - how do I go about altering the CSS for it? Can I assign a certain CSS to a certain table?

I have an area of my site that has team listings from old sports events and would like these to look a certain way. The CSS is ready to go, I just need to know how to go about applying it to these particular tables.

Is that possible? Or can anyone point me in the direction of how I can alter the appearance of an individual table? I can't seem to find anything anywhere about it!

Thanks for any help.

[BirdOPrey5]

If you view the source of your pages you will see tables have a class like cms_table_grid.

You can edit your additional.css template and add additional css to it.

This will make all tables made by the bbcode look however you set th CSS. There is no built in way to customize a specific table.

[Riasat]

I am not aware of any way to assign certain css to certain tables. You can assign css to all tables using table.cms_table identifier.

I have an idea which might work. Add a new bbcode called class

tag: class
replacement:

<span class="{option}">{param}</span>

use option - YES
remove if empty - YES
all other - NO

In additional css, post your custom css using
.my_custom_table_class_name>table.cms_table


Now when posting certain tables, use
[class="my_custom_table_class_name"]
<table goes here>
[/class]

Try it out and let me know if it works.


EDIT: here is another way:

[noparse]
[TABLE="class: custom_sports"]
[TR]
[TD]test
[/TD]
[/TR]
[/TABLE]
[/noparse]

This table code will have this class: cms_table_custom_sports

So you can just put your table css using table.cms_table_custom_sports

[thenamesgould]

The class option works like an absolute charm!!! Thanks so much - exactly what I was looking for.

[SilverBoy]

Is this method still work on the last vb4 versions?

[BirdOPrey5]

No reason I can think of why it wouldn't.