"BB code" is a common forum solution that allows users to differently decorate their posts.

In this demonstration, "example.jpg" will be changed through all BB code options present here.
We spearate two kinds of "BB code":


Regular BB code - usable in most areas, and contains following options:

By posting [b]example.jpg[/b], text will display:
By posting [i]example.jpg[/i], text will display:
By posting [u]example.jpg[/u], text will display:
By posting [s]example.jpg[/s], text will display:
By posting [url]example.jpg[/url], text will display:
By posting [img]example.jpg[/img], text will display:
By posting [img=100]example.jpg[/img], text will display:
By posting [img=200]example.jpg[/img], text will display:
By posting [img=300]example.jpg[/img], text will display:
By posting [img=400]example.jpg[/img], text will display:
By posting [img=500]example.jpg[/img], text will display:
By posting [img=600]example.jpg[/img], text will display:
By posting [img=700]example.jpg[/img], text will display:
By posting [img=25%]example.jpg[/img], text will display:
By posting [img=50%]example.jpg[/img], text will display:
By posting [img=75%]example.jpg[/img], text will display:
By posting [img=100%]example.jpg[/img], text will display:
By posting [align=center]example.jpg[/align], text will display:
By posting [align=left]example.jpg[/align], text will display:
By posting [align=right]example.jpg[/align], text will display:
By posting [center]example.jpg[/center], text will display:
By posting [left]example.jpg[/left], text will display:
By posting [right]example.jpg[/right], text will display:
By posting [size=0]example.jpg[/size], text will display:
By posting [size=1]example.jpg[/size], text will display:
By posting [size=2]example.jpg[/size], text will display:
By posting [size=3]example.jpg[/size], text will display:
By posting [font=verdana]example.jpg[/font], text will display:
By posting [font=courier new]example.jpg[/font], text will display:
By posting [font=arial]example.jpg[/font], text will display:
By posting [font=times new roman]example.jpg[/font], text will display:
By posting [color=aqua]example.jpg[/color], text will display:
By posting [color=black]example.jpg[/color], text will display:
By posting [color=blue]example.jpg[/color], text will display:
By posting [color=fuchsia]example.jpg[/color], text will display:
By posting [color=gray]example.jpg[/color], text will display:
By posting [color=grey]example.jpg[/color], text will display:
By posting [color=green]example.jpg[/color], text will display:
By posting [color=lime]example.jpg[/color], text will display:
By posting [color=maroon]example.jpg[/color], text will display:
By posting [color=navy]example.jpg[/color], text will display:
By posting [color=olive]example.jpg[/color], text will display:
By posting [color=purple]example.jpg[/color], text will display:
By posting [color=red]example.jpg[/color], text will display:
By posting [color=silver]example.jpg[/color], text will display:
By posting [color=teal]example.jpg[/color], text will display:
By posting [color=white]example.jpg[/color], text will display:
By posting [color=yellow]example.jpg[/color], text will display:
By posting [color=gold]example.jpg[/color], text will display:
By posting [color=bronze]example.jpg[/color], text will display:
By posting [color=orange]example.jpg[/color], text will display:
By posting [color=#00FF00]example.jpg[/color], text will display:
By posting [color=#FF0000]example.jpg[/color], text will display:
By posting [color=#FFFF00]example.jpg[/color], text will display:
By posting [color=#0000FF]example.jpg[/color], text will display:
By posting [color=#00FFFF]example.jpg[/color], text will display:
By posting [quote]example.jpg[/quote], text will display:
By posting [code]example.jpg[/code], text will display:
By posting [spoiler]example.jpg[/spoiler], text will display:
By posting:
[ul]
[li]example.jpg[/li]
[li]example.jpg[/li]
[/ul]
text will display:

• example.jpg


• example.jpg

By posting:
[ol]
[li]example.jpg[/li]
[li]example.jpg[/li]
[/ol]
text will display:

1. example.jpg


2. example.jpg

By posting:
[list]
[*]example.jpg[/*]
[*]example.jpg[/*]
[/list]
text will display:

• example.jpg


• example.jpg

By posting [urln={example.jpg}]example.jpg[/urln], text will display:
example.jpg


Smilies:
By posting :), text will display:


By posting :B, text will display:



By posting :P, text will display:


By posting :D, text will display:



By posting :(, text will display:


By posting ^^, text will display:



By posting :love:, text will display:


By posting ;), text will display:



By posting :cookie:, text will display:


By posting :!:, text will display:






Simple BB code - usable in areas where just basics are appropriate, and contains following options:

By posting [b]example.jpg[/b], text will display:
By posting [i]example.jpg[/i], text will display:
By posting [u]example.jpg[/u], text will display:
By posting [s]example.jpg[/s], text will display:
By posting [url]example.jpg[/url], text will display:
By posting [urln={example.jpg}]example.jpg[/urln], text will display:
example.jpg