Tabbed Sections in Post

UBBC coding for making a tabbed box inside a post.

conversion of the v4 code

surround all content with [PTabbedContent] [/PTabbedContent]
optional Table name using [PTabbedContent=Table Name]

surround each tab content with [PTab=Tab Name] [/PTab]

if you want to inline style a section or the table itself, add CSS to the end tag like:

[/PTab={color:#FF0000; background-color:#FFFFFF; font-weight: bold;}]
[/PTabbedContent={background-color:#000000; width:500px;}]


Additional table style overrides!:
tab-alignment:[left/center/right]
tabs:[side/top]
tabvalign:[top/middle/bottom]
tabgap:[number]
animation:[slide/fade]
tabwidth:[number] (this is for side tabs only)


these style overrides go into closing table tag:


[/PTabbedContent={tabs:side; tabwidth:40; tabvalign:bottom}]


if you want to apply specific tab styles, add tab- to the style in the closing [/PTab] tag

[/PTab={tab-background-color:#FF0000; tab-font-size:18px;}]

you can also affect hover and selected by adding tab-hover- and tab-selected- before styles as well.

[/PTab={tab-hover-background-color:#FF0000; tab-selected-font-size:18px;}]

tab specific styles only affect that single tab. if you want to affect all tabs in all tables, use the forum CSS