The Arcive of Official vBulletin Modifications Site.

BBCode - Comprehensive set of TABLE tags (BB Code) · **Released**: 09-18-2010

DO NOT USE on vBulletin 4.1.4 or above!
vBulletin 4.1.4 now includes built in support to the TABLE BB Code as part of the new editor. Installing this code will cause conflicts.
If you have this installed, delete it before upgrading to 4.1.4!

WARNING- USING THIS CAN BE A SECURITY RISK!!!
Using this BB Code will allow people who know what they are doing to run arbitrary JavaScript in the code. For this reason I strongly recommend you limit the use of this BB Code to admins and trusted users (mods?) only! You can use the Advanced BB Code Permissions mod to limit this by usergroup. I have it installed on 4.0.8 and it's working well. Thanks to Kyo-Dono for pointing this out.

[tbl],[tr],[td],[th]

Demo URL: http://www.juot.net/forums/showthrea...497#post872497

This is a comprehensive set of codes for making HTML tables. If you're not familiar with HTML tables this code is probably not for you, if you are this should come in very handy.

One of the main limitations of bulletin board software is the inability to put tables into posts. The existing [table] BB Code Mod helps but it is not easy to use and the interface isn't similar to traditional HTML tables. This set of table elements mimic traditional <html> tags and allow for advanced elements like background color, alignment, height and width attributes for any element.
(The existing mod is here: https://vborg.vbsupport.ru/showthread.php?t=107985 you may prefer that to this.)

All HTML tables are made up of at least 3 sets of HTML tags such as:
<table><tr><td>Some Info Here</td></tr></table>

Using this BB Code solution the syntax for the same would simply be:
[tbl][tr][td]Some Info Here[/td][/tr][/tbl]

Note "tbl" is being used instead of "table" to keep compatibility with the existing [table] BB Code.

The code above gives a pretty boring table...

Where this code really shines is that in any of those elements you can use the "option" part of the tag to add attributes to that element, so if you wanted to make the whole table light-blue you could use:
[tbl="bgcolor=lightblue"][tr][td]Some Info Here[/td][/tr][/tbl]

And if you wanted to make the cell 50 pixels high:
[tbl="bgcolor=lightblue"][tr][td="height=50"]Some Info Here[/td][/tr][/tbl]

There are many attributes you may be familiar with for HTML tables, all and any can be used in these tags. A more complicated table would be:
[tbl="border=0 bgcolor=grey align=center"]
[tr][th="bgcolor=lightblue colspan=3"][B]Table Header[/B][/th][/tr]
[tr][td]:pirate:[/td][td="bgcolor=yellow"]:jump:[/td][td]:panic:[/td][/tr]
[tr="bgcolor=pink height=50"][td]:sad:[/td][td]:owned:[/td][td]:thup2:[/td][/tr]
[/tbl]

As you can see you may use other BB Code's within these codes as well as smilies and images.

There are many resources on the web for learning about HTML tables. This is one of many:
http://www.quackit.com/html/codes/html_table_code.cfm

To make this code work its magic we need to install 8 seperate BB Codes (6 if you don't care about table headers).

For each code we want to install it both with and without an "option" attribute- this will make using the code easier when you have no options needed but let you use them anywhere they are needed.

For the sake of simplicity I'm going to skip of few of the most basic steps, BB Codes are generally easy but please make sure you've installed a few before this one.

You can call the tags anything you want, in my examples I used:
tbl = <table> tag... (for compatibility if you have another [table] BB Code installed.
tr = <tr> tag (Table Row)
th = <th> tag (Table Header)
td = <td> tag {Table Data or Cell)

WARNING: If you have the 4.x SUITE there are already table bbcodes for the CMS portion of your site. Because of this you can not use [tr] or [td] as valid bbcode names because they are already in use. Please use something else such as [trr] and [tdd].

For the tags without options use the following replacements:

[tbl]

Code:

<table>{param}</table>

[th]

Code:

<th>{param}</th>

[tr]

Code:

<tr>{param}</tr>

[td]

Code:

<td>{param}</td>

For each of the above I recommend the following example:
[tbl][tr][th]Header[/th][/tr][tr][td]test[/td][/tr][/tbl]
Remember the example won't show correctly until every code in the set is installed.

Add the following code replacements WITH Option-
"Use Option = Enabled"

[tbl]

Code:

<table {option}>{param}</table>

[th]

Code:

<th {option}>{param}</th>

[tr]

Code:

<tr {option}>{param}</tr>

[td]

Code:

<td {option}>{param}</td>

For all the above codes you want to use the following settings:
Disable Word Wrapping inside BB Code = Yes
All Other Disable Options = No

You will now be able to make complete HTML tables using the tags with or without options as needed.
See the Demo above for this code in action.

Please Mark as Installed if you use this.

Download a copy of the .txt file as a backup.

BirdOPrey5 · #42 04-03-2011, 10:56 PM

No, [tbl] only will never work. The way HTML tables are composed it requires the use of [tbl] [tr] and [td] tags all combined.

In HTML a basic 1 cell table is:

HTML Code:

<table>
<tr><td>test here</td></tr>
</table>

Translated into this BBCode the basic 1 cell table will be:

Code:

[tbl]
[tr][td]test here[/td][/tr]
[/tbl]

Brandon Sheley · #43 04-04-2011, 11:52 AM

thanks, got the first set working
what's the option on/off do?

BirdOPrey5 · #44 04-04-2011, 07:06 PM

You need option on if you use it like [td="bgcolor='red'"]data here[/td]. No option is for just [td]data here[/td].

I suggest installing each tag both ways (with and without the option) so that you can use whichever version you prefer when writing your post. If you set option to "yes" then you must include the ="" inside the [td=""] tag even if you have no option for it to work. If you do it both ways you can use either [td="something"] or just [td] as necessary.

Eq4bits · #45 04-07-2011, 12:32 AM

Quote:

Originally Posted by BirdOPrey5

Thanks for the info Eq4bits... As I don't have the VB4 suite I didn't even know there was a table BB Code for the CMS.

Weird they wouldn't implement it in the whole forum.

no kidding! It's amazing that tables aren't built into basic forum to begin with... have been 'suggesting' it (along with several hundreds of other license holders) since vB 2.x =S

Since this is in the 4.x add-on forum and 4.x IS the Suite which includes the CMS which has tables built in is why the 'tr' 'td' & 'th' (in forums/blogs) have to be called something else or it blows up the CMS tables and is why I put the code up that I did in post #35

BirdOPrey5 · #46 04-07-2011, 01:38 AM

Quote:

Originally Posted by Eq4bits

no kidding! It's amazing that tables aren't built into basic forum to begin with... have been 'suggesting' it (along with several hundreds of other license holders) since vB 2.x =S

Since this is in the 4.x add-on forum and 4.x IS the Suite which includes the CMS which has tables built in is why the 'tr' 'td' & 'th' (in forums/blogs) have to be called something else or it blows up the CMS tables and is why I put the code up that I did in post #35

Because I have 4.x FORUM ONLY version, there is no CMS and I had no idea the table tags existed until recently.

I will update the top post with a note about this issue.

Eq4bits · #47 04-07-2011, 01:57 AM

*doh* slaps forehead... didn't realize vB had started offering it as forum only... that wasn't an option that I remember back in the 'pre-order' time period.

BirdOPrey5 · #48 06-10-2011, 09:26 AM

<font size="3">DO NOT USE on vBulletin 4.1.4 or above!</font>
vBulletin 4.1.4 now includes built in support to the TABLE BB Code as part of the new editor. Installing this code will cause conflicts.
If you have this installed, delete it before upgrading to 4.1.4!

TeknoSounds · #49 06-10-2011, 09:52 AM

Noted!
Thanks for creating the mod for us til they got it as a part of the default package. Worked wonderfully on my site for about a year

Thank you BirdOPrey5!

BirdOPrey5 · #50 06-10-2011, 10:42 AM

Glad you enjoyed it. :up:

midnz · #51 06-11-2011, 01:09 AM

I'm about to upgrade to 4.1.4 and so, with disappointment, I'm uninstalling this set of BBCodes. I just wanted to say a big thank-you. This has provided me with some awesome looking tables.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.06030 seconds Memory Usage 2,347KB Queries Executed 26 (?)
More Information
Template Usage: (1)SHOWTHREAD (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (1)ad_showthread_beforeqr (9)bbcode_code (1)bbcode_html (2)bbcode_quote (1)footer (1)forumjump (1)forumrules (1)gobutton (1)header (1)headinclude (1)modsystem_post (1)navbar (4)navbar_link (120)option (1)pagenav (1)pagenav_curpage (3)pagenav_pagelink (11)post_thanks_box (11)post_thanks_button (1)post_thanks_javascript (1)post_thanks_navbar_search (11)post_thanks_postbit_info (10)postbit (2)postbit_attachment (11)postbit_onlinestatus (11)postbit_wrapper (1)spacer_close (1)spacer_open (1)tagbit_wrapper Phrase Groups Available: global inlinemod postbit posting reputationlevel showthread	Included Files: ./showthread.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/functions_bigthree.php ./includes/class_postbit.php ./includes/class_bbcode.php ./includes/functions_reputation.php ./includes/functions_post_thanks.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 showthread_start showthread_getinfo forumjump showthread_post_start showthread_query_postids showthread_query bbcode_fetch_tags bbcode_create showthread_postbit_create postbit_factory postbit_display_start post_thanks_function_post_thanks_off_start post_thanks_function_post_thanks_off_end post_thanks_function_fetch_thanks_start post_thanks_function_fetch_thanks_end post_thanks_function_thanked_already_start post_thanks_function_thanked_already_end fetch_musername postbit_imicons bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete postbit_attachment postbit_display_complete post_thanks_function_can_thank_this_post_start pagenav_page pagenav_complete tag_fetchbit_complete forumrules navbits navbits_complete showthread_complete
Messages:

The Arcive of Official vBulletin Modifications Site.

It is not a VB3 engine, just a parsed copy!