[b]Bold text[/b]
[i]Italic text[/i]
[u]Underlined text[/u]
[s]Striked text[/s]
[color=red]Red text[/color]
[size=15]Larger text[/size]
[font=serif]Serif font[/font]

[img]http://fumbbl.com/FUMBBL/Images/rdie6.png[/img]
[img w=50]/FUMBBL/Images/rdie5.png[/img]
[img title=Four]/FUMBBL/Images/rdie4.png[/img]

[ulist]\
[li]Item 1
[li]Item 2
[/ulist]
[list=a]\
[li]Item 1
[li]Item 2
[/list]
[list=A]\
[li]Item 1
[li]Item 2
[/list]
[list=I]\
[li]Item 1
[li]Item 2
[/list]
[list=i]\
[li]Item 1
[li]Item 2
[/list]
[list=1]\
[li]Item 1
[li]Item 2
[/list]

[block display=none]This is invisible[/block]
[block bg=yellow]Yellow background[/block]
[block tooltip=tipblock]Hover over me[/block]
[block=tooltip id=tipblock]Here is the tooltip content[/block]
[block bgi=516597 width=256px height=212px]Content over the image[/block]
[block=blackborder position=relative width=200px height=200px]
[block position=absolute top=40px left=40px]Positioned text[/block]
[block position=absolute top=150px left=30px]More text[/block]
[/block]

[toggle label=Show this block=this][toggle label=Hide that block=that]
[block=hidden white id=this]This is this block[/block][block=white pad5]Another block[/block][block id=that]This is that block[/block]

Blocks can also be grouped together to only show one at a time:
[toggle group=somegroup block=block_one label=Show Block 1]\
[toggle group=somegroup block=block_two label=Show Block 2]\
[toggle group=somegroup block=block_three label=Show Block 3]\
[block=hidden group=somegroup id=block_one]This is block one.[/block]\
[block=hidden group=somegroup id=block_two]This is block two.[/block]\
[block=hidden group=somegroup id=block_three]This is block three.[/block]

[block=right]Text aligned to the right[/block][block=center]Text aligned to center[/block][block]Text aligned to the left[/block]

[block=floatcontainer blue][block=floatleft pad5][url=https://fumbbl.com][img title=This is a hover text...]/FUMBBL/Images/rdie1.png[/img][/url][img]/FUMBBL/Images/rdie6.png[/img][/block]This is a multiline block of text designed to demonstrate the floating image capability of the bbcode additions. Note that there's a hover title on the left image, and it links to another page.
Here's another line of text,
and another just to show what happens when you go beyond the images.[/block]

[block=floatcontainer]\
[block=floatleft pad5 width=50% bg=#99f fg=red]\
Left column[/block]\
[block=floatright pad5 width=50% bg=yellow]\
Right column
Multi-line\
[/block][/block]
[block=floatcontainer]\
[block=floatleft pad5 width=33% bg=#99f fg=white]\
Left column\
[/block]\
[block=floatleft pad5 width=34% fg=#666]\
Center column\
[/block]\
[block=floatright pad5 width=33% bg=#f9f]\
Right column\
[/block]\
[/block]
[block=automargin blackborder border2 pad5 width=50% bg=#ccc]\
This is a centered block with a border...
[block=center]\
... with centered text\
[/block]\
[/block]

[block=center][toggle label=Hide left block=left] [toggle label=Hide right block=right][/block][block=floatcontainer][block=floatleft yellowbg right pad5 width=50% id=left]This is a right-aligned block, with an [img w=20px]http://fumbbl.com/FUMBBL/Images/rdie6.png[/img] inline, scaled, image.[/block][block=floatright pad5 width=50% id=right bg=blue fg=white][block=whitebg black]And here's a nested block.
[toggle label=Show hidden stuff block=secret][block=hidden id=secret]This is some secret stuff...[/block][/block]Note that the toggled block can be anywhere on the page, even before the toggle button. [toggle label=Hide Escaping block=escape][/block][/block]

[bbcode][block bg=#99f]This is a blue block[/block][/bbcοde]

Simple example
[table][tr][th]C1[/th][th]C2[/th][/tr][tr][td]Data 1[/td][td]Data 2[/td][/tr][/table]
More complex example
[table width=100%][tr][th]Column 1[/th][th bg=#f9f black center colspan=2]Column 2 and 3[/th][th]Column 4[/th][/tr][tr][td]R1C1[/td][td]R1C2[/td][td]R1C3[/td][td]R1C4[/td][/tr][tr bg=#99f][td width=100px]R2C1[/td][td=white bg=#99f]R2C2[/td][td]R2C3[/td][td bg=#f9f rowspan=2 valign=middle]R2,3C4[/td][/tr][tr][td bg=#f9f colspan=2]R3C1,2[/td][td]R3C2[/td][/tr][/table]

[block=panel automargin width=300px][block=panelheader]Background[/block][block=pad10]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/block][/block]

[picon=673317]
[picon=673317 x=2 y=1]
[picon=673317 x=3 y=2]