BB Code List

Explanation

BB code is a set of tags based on the HTML language that you may already be familiar with. They allow you to add formatting to your messages in the same way as HTML does, but have a simpler syntax and will never break the layout of the pages you are viewing. The ability to use BB code is set on a forum-by-forum basis by the administrator, so you should check the forum rules when you post a new message.

Below is a list of the BB code tags you can use to format your messages.

Bold / Italic / Underline

[b], [i], [u]
Color

[color]
Size

[size]
Font

[font]
Highlight

[highlight]
Left / Right / Center

[left], [right], [center]
Indent

[indent]
Email Linking

[email]
URL Hyperlinking

[url]
Thread Linking

[thread]
Post Linking

[post]
Bulleted Lists / Advanced Lists

[list]
Images

[img]
Videos

[video]
Code

[code]
PHP Code

[php]
HTML Code

[html]
Quote

[quote]
Stop BB Code Parsing

[noparse]
Attachment

[attach]
Brackets

[-]
Amazon.com iFrame

[azif]
Chart (Bar)

[barchart]
Border

[border]
Box

[box]
Box w/ align

[box]
break

[br]
Chart (Columns)

[chart]
Chip In Widget 160x250

[chipin]
DIV

[div]
Div w/ options

[div]
Fieldset Wrapper

[fieldset]
Flash Embed

[fv]
Embed Flash Video with Caption

[fv]
GameTrailers User Embed

[gt]
GameTrailers Embed

[gtv]
Google Video

[gv]
Health Calc w Profile

[hcalc]
Hidden

[hidden]
Hide w/o Title

[hide]
Hide

[hide]
Imeem Embed

[imeem]
Image with height

[imgh]
Float IMG Left

[imgl]
Image Thumb Float Left

[imgl]
Float IMG Right

[imgr]
Image Thumb Float Right

[imgr]
Image with width

[imgw]
Join Usergroup Button

[joinugbtn]
Line

[line]
MP3 Flash Embed

[mp3]
MP3 Flash Embed with Caption

[mp3]
Quicktime Embed

[qt]
Quicktime Embed w/Caption

[qt]
Quicktime 640x480 Embed

[qt640]
QT Audio

[QTMP3]
Show

[show]
Spoiler Inline Hover

[spoil]
Spoiler Box without Title

[spoiler]
Spoiler Box with Title

[spoiler]
Strike-Through Text

[strike]
Tails Doll

[TAILSDOLL]
Image Thumbnail 100px width

[thumb]
Image Thumbnail at specified width

[thumb]
VGEPNTS2009BK

[VGEPNTS2009BK]
VGEPNTS2010AZ

[VGEPNTS2010AZ]
VGEPNTS2010BK

[VGEPNTS2010BK]
Windows Media Embed

[wmv]
YouTube Video

[yt]
YouTube Video with Title

[yt]

Incorrect BB Code Usage:

[url] www.example.com [/url] - don't put spaces between the bracketed code and the text you are applying the code to.
[email]myname@domain.com[email] - the end brackets must include a forward slash ([/email])

Bold / Italic / Underline

The [b], [i] and [u] tags allow you to create text that is bold, italic and underlined.

- [b]value[/b]
- [i]value[/i]
- [u]value[/u]
Usage
- [b]this text is bold[/b]
- [i]this text is italic[/i]
- [u]this text is underlined[/u]
Example Usage
- this text is bold
- this text is italic
- this text is underlined
Example Output

Color

The [color] tag allows you to change the color of your text.

[color=Option]value[/color]

Usage
[color=blue]this text is blue[/color]

Example Usage
this text is blue

Example Output

Size

The [size] tag allows you to change the size of your text.

[size=Option]value[/size]

Usage
[size=+2]this text is two sizes larger than normal[/size]

Example Usage
this text is two sizes larger than normal

Example Output

Font

The [font] tag allows you to change the font of your text.

[font=Option]value[/font]

Usage
[font=courier]this text is in the courier font[/font]

Example Usage
this text is in the courier font

Example Output

Left / Right / Center

The [left], [right] and [center] tags allow you to change the alignment of your text.

- [left]value[/left]
- [center]value[/center]
- [right]value[/right]
Usage
- [left]this text is left-aligned[/left]
- [center]this text is center-aligned[/center]
- [right]this text is right-aligned[/right]
Example Usage
this text is left-aligned

this text is center-aligned

this text is right-aligned

Example Output

Indent

The [indent] tag allows you to indent your text.

[indent]value[/indent]

Usage
[indent]this text is indented[/indent]

Example Usage
this text is indented

Example Output

Email Linking

The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link.

- [email]value[/email]
- [email=Option]value[/email]
Usage
- [email]j.doe@example.com[/email]
- [email=j.doe@example.com]Click Here to Email Me[/email]
Example Usage
- j.doe@example.com
- Click Here to Email Me
Example Output

URL Hyperlinking

The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link.

- [url]value[/url]
- [url=Option]value[/url]
Usage
- [url]http://retroids.com/site[/url]
- [url=http://retroids.com/site]Retroids[/url]
Example Usage
- http://retroids.com/site
- Retroids
Example Output

Thread Linking

The [thread] tag allows you to link to threads by specifying the thread id. You can include an optional parameter to 'name' your link.

- [thread]threadid[/thread]
- [thread=threadid]value[/thread]
Usage
- [thread]42918[/thread]
- [thread=42918]Click Me![/thread]
(Note: The threadid/postid is just an example and may not link to a valid thread/post.)
Example Usage
- http://retroids.com/site/showthread.php?t=42918
- Click Me!
Example Output

Post Linking

The [post] tag allows you to link to posts by specifying the post id. You can include an optional parameter to 'name' your link.

- [post]postid[/post]
- [post=postid]value[/post]
Usage
- [post]269302[/post]
- [post=269302]Click Me![/post]
(Note: The threadid/postid is just an example and may not link to a valid thread/post.)
Example Usage
- http://retroids.com/site/showthread.php?p=269302#post269302
- Click Me!
Example Output

Bulleted Lists

The [list] tag allows you to create simple, bulleted lists without specifying an option. Within the value portion, each bullet is denoted by the [*] tag.

[list]value[/list]

Usage
[list]
[*]list item 1
[*]list item 2
[/list]

Example Usage
- list item 1
- list item 2
Example Output

Advanced Lists

The [list] tag allows you to create advanced lists by specifying an option. The option should have a value of 1 (for a numbered list) or A (for an alphabetic with capital letters list) or a (for an alphabetic with lowercase letters list) or I (for a numbered with capital Roman numeral list) or i (for a numbered with small Roman numeral list).

[list=Option]value[/list]

Usage
[list=1]
[*]list item 1
[*]list item 2
[/list]

[list=A]
[*]list item 1
[*]list item 2
[/list]

[list=a]
[*]list item 1
[*]list item 2
[/list]

Example Usage
1. list item 1
2. list item 2
1. list item 1
2. list item 2
1. list item 1
2. list item 2
Example Output

Images

The [img] tag allows you to embed images within your posts. You can also combine this tag with the [url] tag to make images become links.

[img]value[/img]

Usage
- [img]http://retroids.com/site/images/styles/retroids2013/statusicon/forum_new-48.png[/img] (Not linked)
- [url=http://www.example.com] [img]http://retroids.com/site/images/styles/retroids2013/statusicon/forum_new-48.png[/img] [/url] (Linked)
Example Usage
- (Not linked)
- (Linked)
Example Output

Videos

The [video] tag allows you to embed videos from various video services within your posts.

[video]value[/video]

Usage
- [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
Example Usage
Example Output

Code

The [code] tag switches to a fixed-width (monospace) font and preserves all spacing.

[code]value[/code]

Usage
[code]
<script type="text/javascript">

</script>
[/code]

Example Usage

Code:

<script type="text/javascript">
<!--
	alert("Hello world!");
//-->
</script>

Example Output

PHP Code

The [php] tag performs the same function as the [code] tag, but also adds syntax highlighting for PHP code. Although it is designed for PHP, it may correctly highlight some other C-like languages.

[php]value[/php]

Usage
[php]
$myvar = 'Hello World!';
for ($i = 0; \$i < 10; \$i++)
{
echo $myvar . "\n";
}
[/php]

Example Usage
PHP Code:

$myvar = 'Hello World!'; for ($i = 0; $i < 10; $i++) { echo $myvar . "\n"; }

Example Output

HTML Code

The [html] tag allows you to perform syntax highlighting for HTML code.

[html]value[/html]

Usage
[html]
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>
[/html]

Example Usage

HTML Code:

<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>

Example Output

Quote

The [quote] tag allows you to attribute text to someone else.

- [quote]Quote[/quote]
- [quote=User Name]value[/quote]
Usage
- [quote]Lorem ipsum dolor sit amet[/quote]
- [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
- [quote=John Doe;511300]Lorem ipsum dolor sit amet[/quote]
Example Usage
- Lorem ipsum dolor sit amet
- Originally Posted by John Doe
  
  Lorem ipsum dolor sit amet
- Originally Posted by John Doe
  
  Lorem ipsum dolor sit amet
Example Output

Highlight

The [highlight] tag allows you to emphasize your text.

Usage

[highlight]value[/highlight]
Example Usage

[highlight]this text is highlighted[/highlight]
Example Output

this text is highlighted

Stop BB Code Parsing

The [noparse] tag allows you to stop the parsing of BB code.

[noparse][b]value[/b][/noparse]

Usage
[noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]

Example Usage
[b]Lorem ipsum dolor sit amet[/b]

Example Output

Attachment

The [attach] tag allows you to display an attachment in your post rather than at the bottom. It will only display attachments that belong to the post in which it is utilized.

[attach]attachmentid[/attach]

Usage
[attach]12345[/attach]

Example Usage
Example Output

Brackets

Enables the usage of brackets while bbcode is active

[-]value[/-]

Usage
[-]bbcode[/-]

Example Usage
[bbcode]

Example Output

Amazon.com iFrame

Amazon product iframe

[azif]value[/azif]

Usage
[azif]B001EYUNHG[/azif]

Example Usage
Example Output

Chart (Bar)

This will generate a chart using bar from a comma-delimited list and a title (required).

[barchart=Option]value[/barchart]

Usage
[barchart="Test Data"]W1,10,W2,5,W3,34[/barchart]

Example Usage
Example Output

Border

[border="padding:2px;border-spacing:0px;border-width:4px;border-style:solid; border-color:black;"]This is a box section with a 4 pixel border. [/border]

[border=Option]value[/border]

Usage
[border="padding:2px;border-spacing:0px;border-width:4px;border-style:solid; border-color:black;"]This is a box section with a 4 pixel border. [/border]

Example Usage
This is a box section with a 4 pixel border.

Example Output

Box

[box]value[/box]

Usage
[box]This is a BOX section[/box]

Example Usage
This is a BOX section

Example Output

Box w/ align

[box=Option]value[/box]

Usage
[box=right]This is a BOX section aligned right[/box]

Example Usage
This is a BOX section aligned right

Example Output

break

add a line break

[br]value[/br]

Usage
[br][/br]

Example Usage
Example Output

Chart (Columns)

This will generate a chart using columns from a comma-delimited list and a title (required).

[chart=Option]value[/chart]

Usage
[chart="Test Data"]W1,10,W2,5,W3,34[/chart]

Example Usage
Example Output

Chip In Widget 160x250

Create a ChipIn widget using your chipin code, a title, and a description. The format is:

[chipin=Option]value[/chipin]

Usage
[chip in=Title|Description]ChipInID[/chip in]

Example Usage
[chip in=Title|Description]ChipInID[/chip in]

Example Output

DIV

[div]value[/div]

Usage
[div]This is a DIV section[/div]

Example Usage
This is a DIV section

Example Output

Div w/ options

[div=Option]value[/div]

Usage
[div="align=right"]This is a DIV section aligned right[/div]

Example Usage
This is a DIV section aligned right

Example Output

Fieldset Wrapper

Allows users to use [fieldset]

[fieldset=Option]value[/fieldset]

Usage
[fieldset=Test]just testing[/fieldset]

Example Usage
Testjust testing

Example Output

Flash Embed

Allows embedding of Flash SWF files

[fv]value[/fv]

Usage
No example

Example Usage
No example

Example Output

Embed Flash Video with Caption

Allows embedding a flash video, with a caption

[fv=Option]value[/fv]

Usage
Example Usage
Example Output

GameTrailers User Embed

Embedding GameTrailers videos uploaded by users

[gt]value[/gt]

Usage
Example Usage
Example Output

GameTrailers Embed

Embedding GameTrailers videos from the main site (not user uploaded).

[gtv]value[/gtv]

Usage
Example Usage
Example Output

Google Video

[gv]value[/gv]

Usage
Depreciated, don't use

Example Usage
Depreciated, don't use

Example Output

Health Calc w Profile

A powerful health calculator that will save your values between uses.

[hcalc]value[/hcalc]

Usage
[hcalc]Health Calculator[/hcalc]

Example Usage

Health Calculator
Male Female
Centimeters Inches
Kilograms Pounds
Exercise:
Age:
Weight:
Height:
Neck:
Waist:
Hips:
OBMI:

Fat%:
BMI:
BMR:
DCN:
BMI%:

Example Output

Hidden

[hidden]value[/hidden]

Usage
[hidden]Hidden[/hidden]

Example Usage
Hidden

Example Output

Hide w/o Title

[hide]value[/hide]

Usage
[hide]Hidden[/hide]

Example Usage
Hidden

Example Output

Hide

[hide=Option]value[/hide]

Usage
[hide="Click to reveal:"]This is hidden[/hide]

Example Usage
Click to reveal:

This is hidden

Example Output

Imeem Embed

This will embed an Imeem audio player using the flash link inside their embed code.

[imeem]value[/imeem]

Usage
[imeem][/imeem]

Example Usage
Example Output

Image with height

[imgh=Option]value[/imgh]

Usage
[imgh=100]http://retroids.com/Ken/kenavi.gif[/imgh]

Example Usage
Example Output

Float IMG Left

Float and image to the left, wrap text around it!

[imgl]value[/imgl]

Usage
[imgl]http://retroids.com/Ken/kenavi.gif[/imgl]

Example Usage
Example Output

Image Thumb Float Left

[imgl=Option]value[/imgl]

Usage
[imgl=100]http://retroids.com/Ken/kenavi.gif[/imgl]

Example Usage
Example Output

Float IMG Right

Float and image to the right, wrap text around it!

[imgr]value[/imgr]

Usage
[imgr]http://retroids.com/Ken/kenavi.gif[/imgr]

Example Usage
Example Output

Image Thumb Float Right

[imgr=Option]value[/imgr]

Usage
[imgr=100]http://retroids.com/Ken/kenavi.gif[/imgr]

Example Usage
Example Output

Image with width

Image tag, with width specified

[imgw=Option]value[/imgw]

Usage
[imgw=60]http://retroids.com/Ken/kenavi.gif[/imgw]

Example Usage
Example Output

Join Usergroup Button

By entering the usergroup id plus a button label, you cna use this BBCode to create a button that will allow users to join a public usergroup.

[joinugbtn=Option]value[/joinugbtn]

Usage
[joinugbtn=22]Join the COD4 Clan[/joinugbtn]

Example Usage
Example Output

Line

Creates a line with a thickness determined by the number between the brackets.

[line]value[/line]

Usage
[line]4[/line]

Example Usage
Example Output

MP3 Flash Embed

Embedding an MP3 file using Flash! Beware the Chipmunks!

[mp3]value[/mp3]

Usage
[mp3]/media/music/pompeii.mp3[/mp3]

Example Usage
Get the Flash Player to see this player.

Example Output

MP3 Flash Embed with Caption

[mp3=Option]value[/mp3]

Usage
[mp3="Pompeii"]http://www.vgevo.com/media/music/pompeii.mp3[/mp3]

Example Usage

Get the Flash Player to see this player.

Pompeii

Example Output

Quicktime Embed

Embedding Quicktime movies

[qt]value[/qt]

Usage
No example

Example Usage
No example

Example Output

Quicktime Embed w/Caption

Quicktime embedded with a caption

[qt=Option]value[/qt]

Usage
Example Usage
Example Output

Quicktime 640x480 Embed

Plays High Res Quicktime videos at 640x480

[qt640]value[/qt640]

Usage
Example Usage
Example Output

QT Audio

Embed Quicktime-compatible audio

[QTMP3]value[/QTMP3]

Usage
[qtmp3]http://www.vgevo.com/media/music/pompeii.mp3[/qtmp3]

Example Usage
Example Output

Show

This creates a hidden section with a reveal button that you can name yourself.

[show=Option]value[/show]

Usage
[show=Quote]This is a quote.[/show]

Example Usage
This is a quote.

Example Output

Spoiler Inline Hover

Inline Text Spoiler, revealed when you hover

[spoil]value[/spoil]

Usage
[spoil]This is a secret![/spoil]

Example Usage
Spoiler:

This is a secret!

Example Output

Spoiler Box without Title

Spoiler without title

[spoiler]value[/spoiler]

Usage
[spoiler]This is a secret![/spoiler]

Example Usage
Spoiler:

This is a secret!

Example Output

Spoiler Box with Title

[spoiler=Option]value[/spoiler]

Usage
[spoiler="What is the meaning of life?"]42[/spoiler]

Example Usage
Spoiler for What is the meaning of life?:

42

Example Output

Strike-Through Text

Use strike-through style text.

[strike]value[/strike]

Usage
[strike]This text is striken.[/strike]

Example Usage
This text is striken.

Example Output

Tails Doll

[TAILSDOLL]value[/TAILSDOLL]

Usage
[TAILSDOLL]Unleash the Tails Doll![/TAILSDOLL]

Example Usage
Example Output

Image Thumbnail 100px width

Displays an image as a 100px thumbnail version, click to see full version.

[thumb]value[/thumb]

Usage
[thumb]http://retroids.com/Ken/kenavi.gif[/thumb]

Example Usage
Example Output

Image Thumbnail at specified width

[thumb=Option]value[/thumb]

Usage
[thumb=50]http://retroids.com/Ken/kenavi.gif[/thumb]

Example Usage
Example Output

VGEPNTS2009BK

2009 Black VGEPN TShirt PayPal Cart Button

[VGEPNTS2009BK]value[/VGEPNTS2009BK]

Usage
[VGEPNTS2009BK][/VGEPNTS2009BK]

Example Usage
Size - Price

Example Output

VGEPNTS2010AZ

2010 Azalea VGEPN TShirt PayPal Cart Button

[VGEPNTS2010AZ]value[/VGEPNTS2010AZ]

Usage
[VGEPNTS2010AZ][/VGEPNTS2010AZ]

Example Usage
Size - Price

Example Output

VGEPNTS2010BK

2010 Black VGEPN TShirt PayPal Cart Button

[VGEPNTS2010BK]value[/VGEPNTS2010BK]

Usage
[VGEPNTS2010BK][/VGEPNTS2010BK]

Example Usage
Size - Price

Example Output

Windows Media Embed

Allows embedding of wmv files. Must contain width and height option in pixels.

[wmv=Option]value[/wmv]

Usage
Example Usage
Example Output

YouTube Video

[yt]value[/yt]

Usage
No example

Example Usage
No example

Example Output

YouTube Video with Title

[yt=Option]value[/yt]

Usage
Example Usage
Example Output