توفير Bbcode لعمل جداول

Table BBCodes

_________________________________________________________________________

1 - ACP -> Management -> Add New BBCode:

Add these BBCodes:

Table

Custom BBCode Title: Table

Custom BBCode Description: This BBCode will add the HTML tag <table> to your posts.

Custom BBCode Example:

Custom BBCode Tag: table

Use Option in tag?: Yes

Custom BBCode Replacement:

<div class="borderwrap"><div class="maintitle">{option}</div><table cellpadding="4" cellspacing="1" width="100%">{content}</table></div>

Table header

Custom BBCode Title: Table header

Custom BBCode Description: This BBCode will add the HTML tag <th> to your posts.

Custom BBCode Example:

Custom BBCode Tag: th

Use Option in tag?: No

Custom BBCode Replacement:

<th class="table-header" style="padding: 4px">{content}</th>

Table row

Custom BBCode Title: Table row

Custom BBCode Description: This BBCode will add the HTML tag <tr> to your posts.

Custom BBCode Example:

Custom BBCode Tag: tr

Use Option in tag?: No

Custom BBCode Replacement:

<tr>{content}</tr>

Table cell

Custom BBCode Title: Table cell

Custom BBCode Description: This BBCode will add the HTML tag <td> to your posts.

Custom BBCode Example:

Custom BBCode Tag: td

Use Option in tag?: Yes

Custom BBCode Replacement:

<td width="{option}" class="row2" valign="top">{content}</td>

2 - ACP -> Look and Feel -> Edit Stylesheet (CSS Advanced Mode):

Add this to the bottom of your CSS:

.table-header {

And you're done!

Now go to a post and test your tables, using the same structure as you would if you were adding HTML tables.

Examples. This:

[table=Testing custom BBCodes to create tables in posts][th]This is the first column[/th][th]This is the second column[/th][tr][td=50%]This is the first column of the first row[/td][td=50%]And this is the second column of the first row[/td][/tr][tr][td=50%]This is the first column of the second row[/td][td=50%]And this is the second column of the second row[/td][/tr][tr][td=50%]This is the first column of the third row and I'm using images on it, how you can see below: