• Important! If you attempt to register and do not get an email within 5 minutes please check your spam box. This is especially true for Microsoft owned domains like Hotmail, Outlook, and Live. If these do not work please consider Gmail. Yahoo, or even AOL email which works fine.

table BB Codes (various)

BirdOPrey5

Staff member
Administrator
VIP
[NOBB]No code has to be inserted here.

Tables can be up to 100 rows by 100 columns.
View the thread linked above for advanced features. Live sorting is enabled but not by default.
Columns are separated by the "|" character.
 

BirdOPrey5

Staff member
Administrator
VIP
tab

[NOBB][tab][/NOBB]

Limited to Mods and Admins

This is code for a simple table... If you don't know HTML or anything about the <table> tag this isn't for you, you'll never use it... skip this.

For those who do know what they are doing with HTML this creates a centered 1 row, 1 column table using the following HTML code:
HTML:
<div align="center">
<table {option}><tr><td>
{param}
</td></tr></table>
</div>
{option} refers to the option portion of the BB Code, whatever you enter there will be part of the option of the table tag such as border or background color. {param} is of course the content of the BB Code, whatever is between the tab tags.

There is little reason to use this- though one use is to give a background color to a transparent image. For example on a white skin the following image doesn't show up well:


But if it had a background color it would be better, such as:
[NOBB][tab="bgcolor='darkblue'"]
[/tab][/NOBB] =
[tab="bgcolor='darkblue'"]
[/tab]

Be sure you use single quotes (') in the option so the tag works properly, example from above: bgcolor='darkblue'

And that's about it... for more complicated tables check out the dedicated [NOBB]No code has to be inserted here.
 

BirdOPrey5

Staff member
Administrator
VIP
tbl,tr,td,th

[NOBB][tbl],[tr],[td],[th][/NOBB]

Limited to Mods and Admins

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 [NOBB]No code has to be inserted here.
 

BirdOPrey5

Staff member
Administrator
VIP
How to Install the Comprehensive table codes above:

  Note: Due to a security risk you should limit this code to only trusted users, usually mods and admins, using a mod like "Advanced BB Code Permissions" available on vBulletin.org



Admin CP -> Add New BB Code

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)

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