Page 1 of 1

Table BBCode

Posted: 06 Mar 2010, 13:28
by BBCode Bot
Table BBCode

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

"Corners" BBCode:

Code: Select all

[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