1. - Top - End - #3
    Ogre in the Playground
     
    ChristianSt's Avatar

    Join Date
    Feb 2012
    Location
    Germany

    Default Re: [table]s in the Playground - All you want to know about the [table] code

    Examples/Templates

    List of examples/templates:
    • Some imo really neat stuff you can do with tables without borders
    • Sample Arcane Spellcasting Class
    • Avatar Adoption Template
    • Battle Grid


    Each of the following examples/templates will be presented fully visual, followed by a spoiler box presenting the code used for it. If you want to use any of the code, you can just copy and paste it into your post and you will get the same thing as shown in this post. (Possibly you want to insert your own data before posting )

    Naturally you can also access the code of the OP by quoting it, if you are interested in some of the table code I used there. I made heavy use of the border-less table class, in a similar manner as illustrated in the first example.



    Some imo really neat stuff you can do with tables without borders

    This
    is
    basically
    free
    space
    I
    wanted
    to
    make
    noticeable.

    It
    hasn't
    any
    real
    use.

    So
    feel
    free
    to
    ignore
    this.
    Before I'm going to present the examples (although this whole paragraph can be considered an example), I wanted to highlight a imo really useful feature the new table allows:
    Basically it is possible to use a border-less table (so one without any class), to make special layout/text flow possible, without seeing much of it:
    This is my avatar, made for me as a reward for supporting the OotS Kickstarter Reprint Drive. I think it is really awesome and the best reward I have gotten through Kickstarter. If you want to see more custom artwork made during the drive, I started a thread collecting those pieces. Another special thanks to the Giant for making awesome stuff!
    It isn't really perfect, and you possible need to try out some options to get a satisfying result (and it could look different with different resolutions. At least you should check whether it survives turning on/off the sidebar panel. That is also the reason why I set the table width to a rather low value, resulting in empty space to the right of this block. To hopefully make it work with as much resolutions as possible). But imo it enables some cool stuff. I think it is really useful for signatures, too, although you need to be aware that the signature character code is limited, so if your signature is wordy, it might not really help you.

    Spoiler: Code: Some imo really neat stuff you can do with tables without borders
    Show
    Code:
    [table]
    [tr]
    	[td="width:100"]This
    is
    basically
    free
    space
    I
    wanted
    to
    make
    noticeable.
    
    It
    hasn't
    any
    real
    use.
    
    So
    feel
    free
    to
    ignore
    this.
    :smallwink:[/td]
    
    	[td="width:420"]Before I'm going to present the examples (although this whole paragraph can be considered an example), I wanted to highlight a imo really useful feature the new table allows:
    Basically it is possible to use a border-less table (so one without any class), to make special layout/text flow possible, without seeing much of it:
    [table]
    [tr]
    		[td="width:120, align:center"][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/Avatar_zps5b13e4d4.gif[/img][/td]
    		[td]This is my avatar, made for me as a reward for supporting the OotS Kickstarter Reprint Drive. I think it is really awesome and the best reward I have gotten through Kickstarter. If you want to see more custom artwork made during the drive, I started a [url=http://www.giantitp.com/forums/showthread.php?t=309805]thread[/url] collecting those pieces. Another special thanks to the Giant for making awesome stuff![/td]
    [/tr]
    [/table]
    It isn't really perfect, and you possible need to try out some options to get a satisfying result (and it could look different with different resolutions. At least you should check whether it survives turning on/off the sidebar panel. That is also the reason why I set the table width to a rather low value, resulting in empty space to the right of this block. To hopefully make it work with as much resolutions as possible). But imo it enables some cool stuff.  I think it is really useful for signatures, too, although you need to be aware that the signature character code is limited, so if your signature is wordy, it might not really help you.[/td]
    [/tr]
    [/table]




    Sample Arcane Spellcasting Class

    This is a "Sample Arcane Spellcasting Class"-template. I don't play D&D so I don't know how useful this is, but since someone posted this in the table overview thread, I hope/think someone could use this.

    Saves Spells Per Day
    Level BAB Fort Ref Will Special 0th 1st 2nd 3rd 4th 5th 6th 7th 8th 9th
    1st +0 +0 +0 +1 Initial class features 3 1
    2nd +1 +0 +0 +3 4 2
    3rd +1 +1 +1 +3 4 2 1
    4th +2 +1 +1 +4 4 3 2
    5th +2 +1 +1 +4 Bonus feat 4 3 2 1
    6th +3 +2 +2 +5 4 3 2 2
    7th +3 +2 +2 +5 4 4 3 2 1
    8th +4 +2 +2 +6 4 4 3 3 2
    9th +4 +3 +3 +6 4 4 4 3 2 1
    10th +5 +3 +3 +7 Bonus feat 4 4 3 3 2 2
    11th +5 +3 +3 +7 4 4 4 4 3 2 1
    12th +6/+1 +4 +4 +8 4 4 4 4 3 3 2
    13th +6/+1 +4 +4 +8 4 4 4 4 4 3 2 1
    14th +7/+2 +4 +4 +9 4 4 4 4 4 3 3 2
    15th +7/+2 +5 +5 +9 Bonus feat 4 4 4 4 4 4 3 2 1
    16th +8/+3 +5 +5 +10 4 4 4 4 4 4 3 3 2
    17th +8/+3 +5 +5 +10 4 4 4 4 4 4 4 3 2 1
    18th +9/+4 +6 +6 +11 4 4 4 4 4 4 4 3 3 2
    19th +9/+4 +6 +6 +11 4 4 4 4 4 4 4 4 3 3
    20th +10/+5 +6 +6 +12 Bonus feat 4 4 4 4 4 4 4 4 4 4

    Spoiler: Code: Sample Arcane Spellcasting Class
    Show
    Code:
    [table="width:750, class: head alt1 alt2"]
    [tr="class:outer_border"]
    	[th="colspan:2"][/th]
    	[th="colspan:3"]Saves[/th]
    	[th][/th]
    	[th="colspan:10"]Spells Per Day[/th]
    [/tr]
    [tr="class:outer_border, bgcolor:#8E5A2E"]
    	[td="align:center"][color=#FFFFFF][b]Level[/b][/color][/td]
    	[td="align:center"][color=#FFFFFF][b]BAB[/b][/color][/td]
    	[td="align:center"][color=#FFFFFF][b]Fort[/b][/color][/td]
    	[td="align:center"][color=#FFFFFF][b]Ref[/b][/color][/td]
    	[td="align:center"][color=#FFFFFF][b]Will[/b][/color][/td]
    	[td="align:center"][color=#FFFFFF][b]Special[/b][/color][/td]
    	[td="align:center"][color=#FFFFFF][b]0th[/b][/color][/td]
    	[td="align:center"][color=#FFFFFF][b]1st[/b][/color][/td]
    	[td="align:center"][color=#FFFFFF][b]2nd[/b][/color][/td]
    	[td="align:center"][color=#FFFFFF][b]3rd[/b][/color][/td]
    	[td="align:center"][color=#FFFFFF][b]4th[/b][/color][/td]
    	[td="align:center"][color=#FFFFFF][b]5th[/b][/color][/td]
    	[td="align:center"][color=#FFFFFF][b]6th[/b][/color][/td]
    	[td="align:center"][color=#FFFFFF][b]7th[/b][/color][/td]
    	[td="align:center"][color=#FFFFFF][b]8th[/b][/color][/td]
    	[td="align:center"][color=#FFFFFF][b]9th[/b][/color][/td]
    [/tr]
    [tr]
    	[td]1st[/td]
    	[td]+0[/td]
    	[td]+0[/td]
    	[td]+0[/td]
    	[td]+1[/td]
    	[td]Initial class features[/td]
    	[td]3[/td]
    	[td]1[/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]2nd[/td]
    	[td]+1[/td]
    	[td]+0[/td]
    	[td]+0[/td]
    	[td]+3[/td]
    	[td][/td]
    	[td]4[/td]
    	[td]2[/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]3rd[/td]
    	[td]+1[/td]
    	[td]+1[/td]
    	[td]+1[/td]
    	[td]+3[/td]
    	[td][/td]
    	[td]4[/td]
    	[td]2[/td]
    	[td]1[/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]4th[/td]
    	[td]+2[/td]
    	[td]+1[/td]
    	[td]+1[/td]
    	[td]+4[/td]
    	[td][/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]2[/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]5th[/td]
    	[td]+2[/td]
    	[td]+1[/td]
    	[td]+1[/td]
    	[td]+4[/td]
    	[td]Bonus feat[/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]2[/td]
    	[td]1[/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]6th[/td]
    	[td]+3[/td]
    	[td]+2[/td]
    	[td]+2[/td]
    	[td]+5[/td]
    	[td][/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]2[/td]
    	[td]2[/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]7th[/td]
    	[td]+3[/td]
    	[td]+2[/td]
    	[td]+2[/td]
    	[td]+5[/td]
    	[td][/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]2[/td]
    	[td]1[/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]8th[/td]
    	[td]+4[/td]
    	[td]+2[/td]
    	[td]+2[/td]
    	[td]+6[/td]
    	[td][/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]3[/td]
    	[td]2[/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]9th[/td]
    	[td]+4[/td]
    	[td]+3[/td]
    	[td]+3[/td]
    	[td]+6[/td]
    	[td][/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]2[/td]
    	[td]1[/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]10th[/td]
    	[td]+5[/td]
    	[td]+3[/td]
    	[td]+3[/td]
    	[td]+7[/td]
    	[td]Bonus feat[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]3[/td]
    	[td]2[/td]
    	[td]2[/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]11th[/td]
    	[td]+5[/td]
    	[td]+3[/td]
    	[td]+3[/td]
    	[td]+7[/td]
    	[td][/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]2[/td]
    	[td]1[/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]12th[/td]
    	[td]+6/+1[/td]
    	[td]+4[/td]
    	[td]+4[/td]
    	[td]+8[/td]
    	[td][/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]3[/td]
    	[td]2[/td]
    	[td][/td]
    	[td][/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]13th[/td]
    	[td]+6/+1[/td]
    	[td]+4[/td]
    	[td]+4[/td]
    	[td]+8[/td]
    	[td][/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]2[/td]
    	[td]1[/td]
    	[td][/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]14th[/td]
    	[td]+7/+2[/td]
    	[td]+4[/td]
    	[td]+4[/td]
    	[td]+9[/td]
    	[td][/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]3[/td]
    	[td]2[/td]
    	[td][/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]15th[/td]
    	[td]+7/+2[/td]
    	[td]+5[/td]
    	[td]+5[/td]
    	[td]+9[/td]
    	[td]Bonus feat[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]2[/td]
    	[td]1[/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]16th[/td]
    	[td]+8/+3[/td]
    	[td]+5[/td]
    	[td]+5[/td]
    	[td]+10[/td]
    	[td][/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]3[/td]
    	[td]2[/td]
    	[td][/td]
    [/tr]
    [tr]
    	[td]17th[/td]
    	[td]+8/+3[/td]
    	[td]+5[/td]
    	[td]+5[/td]
    	[td]+10[/td]
    	[td][/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]2[/td]
    	[td]1[/td]
    [/tr]
    [tr]
    	[td]18th[/td]
    	[td]+9/+4[/td]
    	[td]+6[/td]
    	[td]+6[/td]
    	[td]+11[/td]
    	[td][/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]3[/td]
    	[td]2[/td]
    [/tr]
    [tr]
    	[td]19th[/td]
    	[td]+9/+4[/td]
    	[td]+6[/td]
    	[td]+6[/td]
    	[td]+11[/td]
    	[td][/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]3[/td]
    	[td]3[/td]
    [/tr]
    [tr]
    	[td]20th[/td]
    	[td]+10/+5[/td]
    	[td]+6[/td]
    	[td]+6[/td]
    	[td]+12[/td]
    	[td]Bonus feat[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    	[td]4[/td]
    [/tr]
    [/table]




    Avatar Adaption Template

    A simple table with the intention to showcase avatars. Main usage is probably the Avatar Adoption Center thread.

    Avatar Adapation - Narrow
    Avatar 1 Avatar with a really long and unwieldy name Stick it to Me Avatar 2
    Unclaimed Unclaimed Claimed by ChristianSt Unclaimed

    Avatar Adapation - Wide
    Avatar Avatar with a really long and unwieldy name Stick it to Me
    Unclaimed Unclaimed Claimed by ChristianSt

    Spoiler: Code: Avatar Adapation - Narrow
    Show
    Code:
    [table="width:1, class: head alt1 no_line_padding no_side_padding"]
    [tr]
    	[th="colspan:4"]Avatar Adapation - Narrow[/th]
    [/tr]
    [tr]
    	[td][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/demoavatar97x117_zps2abc915e.png[/img][/td]
    	[td][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/demoavatar97x117_zps2abc915e.png[/img][/td]
    	[td][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/Avatar_zps5b13e4d4.gif[/img][/td]
    	[td][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/demoavatar97x117_zps2abc915e.png[/img][/td]
    [/tr]
    [tr]
    	[td]Avatar 1[/td]
    	[td]Avatar with a really long and unwieldy name[/td]
    	[td]Stick it to Me[/td]
    	[td]Avatar 2[/td]
    [/tr]
    [tr]
    	[td][color=green]Unclaimed[/color][/td]
    	[td][color=green]Unclaimed[/color][/td]
    	[td][color=red]Claimed by ChristianSt[/color][/td]
    	[td][color=green]Unclaimed[/color][/td]
    [/tr]
    [/table]


    Spoiler: Code: Avatar Adapation - Wide
    Show
    Code:
    [table="class: head alt1 no_line_padding no_side_padding"]
    [tr]
    	[th="colspan:3"]Avatar Adapation - Wide[/th]
    [/tr]
    [tr]
    	[td="width:120, align:center"][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/demoavatar97x117_zps2abc915e.png[/img][/td]
    	[td="width:120, align:center"][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/demoavatar97x117_zps2abc915e.png[/img][/td]
    	[td="width:120, align:center"][img]http://i1363.photobucket.com/albums/r704/ChristianSteu/Avatar_zps5b13e4d4.gif[/img][/td]
    [/tr]
    [tr]
    	[td]Avatar[/td]
    	[td]Avatar with a really long and unwieldy name[/td]
    	[td]Stick it to Me[/td]
    [/tr]
    [tr]
    	[td][color=green]Unclaimed[/color][/td]
    	[td][color=green]Unclaimed[/color][/td]
    	[td][color=red]Claimed by ChristianSt[/color][/td]
    [/tr]
    [/table]


    Note:
    • You need to adjust the colspan number in the th cell accordingly to how many cells you want.
    • If you want a second row of avatars with a category header, do not make another row with th. Use "[td="bgcolor:#8E5A2E, align:center, colspan:??"][color=#FFFFFF][b]<Category>[/b][/color][/td]" instead of "[th="colspan:??"]<Category>[/th]". (Or if you don't mind some space between categories, you can start a new table. It also makes it easier if you want a different amount of avatars in each rows.)
    • The difference between the narrow and the wide version is where you put the width attribute: The narrow version uses a width of 1 for the table tag to enforce a minimum width to all columns. The wide version uses width inside each td tag in the first row. If you don't use any width attributes long text makes the columns wider than you probably want.
    • For the wide version I've used "align:center" to align the images. It is not really needed, but imo looks nicer. If you do multiple rows of avatars in the same table you might also want it for the narrow version.
    • (If someone wants to adopt the avatar I made for showcasing this template, feel free to contact me )




    Battle Grid

    While it is (imo) far from ideal, you can use the table as a battle grid. It isn't possible to specify the height of the cells, so I hope the width works squarish on most browsers.

    a b c d e f g h i
    A
    B
    C z
    D | -- |
    E | x |
    F | -- |
    G | y |
    H | -- -- |
    I

    Spoiler: Table code
    Show
    Code:
    [table="class:no_side_padding no_line_padding head"]
    [tr]
    	[th="width:16"][/th]
    	[th="width:16"]a[/th]
    	[th="width:16"]b[/th]
    	[th="width:16"]c[/th]
    	[th="width:16"]d[/th]
    	[th="width:16"]e[/th]
    	[th="width:16"]f[/th]
    	[th="width:16"]g[/th]
    	[th="width:16"]h[/th]
    	[th="width:16"]i[/th]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]A[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]B[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]C[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="align:center"]z[/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]D[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"]|[/td]
    	[td="align:center"]--[/td]
    	[td="align:center"]|[/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]E[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"]|[/td]
    	[td="align:center"]x[/td]
    	[td="align:center"]|[/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]F[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"]|[/td]
    	[td="align:center"][/td]
    	[td="align:center"]--[/td]
    	[td="align:center"]|[/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]G[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"]|[/td]
    	[td="align:center"][/td]
    	[td="align:center"]y[/td]
    	[td="align:center"]|[/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]H[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"]|[/td]
    	[td="align:center"]--[/td]
    	[td="align:center"]--[/td]
    	[td="align:center"]|[/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]I[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    	[td="align:center"][/td]
    [/tr]
    [/table]



    It is also possible to have a chess like background (and discard the inner border because you don't really need it any more), though you basically need to specify the color for each cell, though you can save half that by using alt1/alt2:

    a b c d e f g h i
    A
    B
    C z
    D | -- |
    E | x |
    F | -- |
    G | y |
    H | -- -- |
    I

    Spoiler: Table code
    Show
    Code:
    [table="class:no_side_padding no_line_padding head alt1 alt2 outer_border"]
    [tr]
    	[th="width:16"][/th]
    	[th="width:16"]a[/th]
    	[th="width:16"]b[/th]
    	[th="width:16"]c[/th]
    	[th="width:16"]d[/th]
    	[th="width:16"]e[/th]
    	[th="width:16"]f[/th]
    	[th="width:16"]g[/th]
    	[th="width:16"]h[/th]
    	[th="width:16"]i[/th]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]A[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]B[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#F0E7D3, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#F0E7D3, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#F0E7D3, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#F0E7D3, align:center"][/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]C[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"]z[/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]D[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#F0E7D3, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#F0E7D3, align:center"][/td]
    	[td="align:center"]|[/td]
    	[td="bgcolor:#F0E7D3, align:center"]--[/td]
    	[td="align:center"]|[/td]
    	[td="bgcolor:#F0E7D3, align:center"][/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]E[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"]|[/td]
    	[td="bgcolor:#DCCDAD, align:center"]x[/td]
    	[td="align:center"]|[/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]F[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#F0E7D3, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#F0E7D3, align:center"][/td]
    	[td="align:center"]|[/td]
    	[td="bgcolor:#F0E7D3, align:center"][/td]
    	[td="align:center"]--[/td]
    	[td="bgcolor:#F0E7D3, align:center"]|[/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]G[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"]|[/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"]y[/td]
    	[td="bgcolor:#DCCDAD, align:center"]|[/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]H[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#F0E7D3, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#F0E7D3, align:center"][/td]
    	[td="align:center"]|[/td]
    	[td="bgcolor:#F0E7D3, align:center"]--[/td]
    	[td="align:center"]--[/td]
    	[td="bgcolor:#F0E7D3, align:center"]|[/td]
    	[td="align:center"][/td]
    [/tr]
    [tr]
    	[td="bgcolor:#8E5A2E, align:center"][color=#FFFFFF][b]I[/b][/color][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"][/td]
    	[td="bgcolor:#DCCDAD, align:center"][/td]
    	[td="align:center"][/td]
    [/tr]
    [/table]
    Last edited by ChristianSt; 2014-05-28 at 03:54 PM.