Table BBCode

Post by **BBCode Bot** » 06 Mar 2010, 13:28

Table BBCode

Author:
Description: The Table BBCode lets You insert configurable tables in the posts.

"Corners" BBCode:

[corners={IDENTIFIER}]{TEXT}[/corners]

HTML:

Code: Select all

<div class="{IDENTIFIER}">
    <div class="inner">
        <span class="corners-top"><span></span></span>
        {TEXT}
        <span class="corners-bottom"><span></span></span>
    </div>
</div>

Now create the table...:

Code: Select all

[table={IDENTIFIER}]{TEXT}[/table]

HTML:

Code: Select all

<table class="{IDENTIFIER}" cellspacing="1" width="100%">
{TEXT}
</table>

We need some rows:

Code: Select all

[tr={IDENTIFIER}]{TEXT}[/tr]

HTML:

Code: Select all

<tr class="{IDENTIFIER}">
{TEXT}
</tr>

Number MUST be specified. IDENTIFIER (class) is optional, the comma following the NUMBER is *required*.

Code: Select all

[td={NUMBER},{IDENTIFIER}]{TEXT}[/td]

HTML:

Code: Select all

<td class="{IDENTIFIER}" colspan="{NUMBER}">{TEXT}</td>

Number MUST be specified.

Code: Select all

[th={NUMBER}]{TEXT}[/th]

HTML:

Code: Select all

<th colspan="{NUMBER}">{TEXT}</th>

BBcode:

Code: Select all

[thead]{TEXT}[/thead]

HTML:

Code: Select all

<thead>{TEXT}</thead>

BBcode:

Code: Select all

[tbody]{TEXT}[/tbody]

HTML:

Code: Select all

<tbody>{TEXT}</tbody>

Using:

Code: Select all

[corners=forumbg forumbg-table][table=tablebg table1][thead][tr=][th=2]This is a header[/th][/tr][/thead][tbody][tr=bg1][td=1,]This is the left cell[/td][td=1,]This is the right cell[/td][/tr][tr=bg2][td=1,]This is another row[/td][td=1,]This is the second cell[/td][/tr][/tbody][/table][/corners]

Demo:
Not available