Welcome to Our Community

Registration on our forums are now open for some days! Feel free to sign up today.

CTA Table BB Code 1.1.1

Chairs not included

  1. XenForo Rocks
    Compatible XF Versions:
    • 1.3
    • 1.4
    This add-on is not affiliated with XenForo Ltd.

    A collection of BB Codes which allow you to create simple tables.
    cta-table-bb-code.png cta-table-bb-code-help-page.png

    The [CONTAINER] BB Code is for wrapping large tables in so they don't break out of the parent div on narrow widths.


    Each BB Code has a custom CSS class, allowing them to be styled to suit.
    Those classes are defined in the cta_bbcode.css template, allowing styling to be inherited from the colour palette and applied individually per style.
    The template can be edited directly or EXTRA.css can be used.

    Note that the table code must be one unbroken string.

    Correct:

    Code:
    [TABLE][TR][TH]This is a header cell[/TH][TH]This is a header cell[/TH][/TR][TR1][TD]This is a left aligned cell[/TD][TD1]This is a centre aligned cell[/TD1][/TR1][TR2][TD2]This is a right aligned cell[/TD2][TD]Left aligned[/TD][/TR2][TR1][TD1]Centre aligned[/TD1][TD2]Right aligned[/TD2][/TR1][/TABLE]
    
    Incorrect:

    Code:
    [TABLE]
    [TR][TH]This is a header cell[/TH][TH]This is a header cell[/TH][/TR]
    [TR1][TD]This is a left aligned cell[/TD][TD1]This is a centre aligned cell[/TD1][/TR1]
    [TR2][TD2]This is a right aligned cell[/TD2][TD]Left aligned[/TD][/TR2]
    [TR1][TD1]Centre aligned[/TD1][TD2]Right aligned[/TD2][/TR1]
    [/TABLE]
    This is how a table appears in a post on the default style.

    cta-table-bb-code-post.png
    You can see it in use here: http://cliptheapex.com/threads/fantasy-f1-league-2010-standings.1181/


    How To Install
    1. Download and unzip
    2. Import the .xml like any other add-on (not via the Import Custom BB Codes option)
    3. Add this line to the top of EXTRA.css: <xen:include template="cta_bbcode.css" />
    izibitzi, EdwinFR01, Matt and 21 others like this.