BB Code
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.
BB Code List
[b], [i], [u] Bold / Italic / Underline
[color] Color
[size] Size
[font] Font
[highlight] Highlight
[left], [right], [center] Left / Right / Center
[indent] Indent
[email] Email Linking
[url] URL Hyperlinking
[thread] Thread Linking
[post] Post Linking
[list] Bulleted Lists / Advanced Lists
[img] Images
[code] Code
[php] PHP Code
[html] HTML Code
[quote] Quote
[noparse] Stop BB Code Parsing
[attach] Attachment
[blur] Blur Text
[button] Button
[chat] AIM Chat Link
[collapse] Collapse
[d] Division
[eonline] E! Online video
[fod] Funny or Die video
[glow] Glow Text
[header] Header Text
[hr] Horizontal Line
[hulu] Hulu video
[imgsize] Image w/ Resize
[imgspace] Image w/ Spacing
[imgzoom] Image w/ Zoom
[invisible] Invisible
[mtv] MTV.com video
[mtvmusic] MTVMusic.com video
[nbc] NBC.com video
[nbsp] Non-Breaking Space
[omega] Omega Text
[opacity] Opacity
[radio] WMP audio
[sec] Section
[section_title] Section Title
[spoiler] Spoiler Text
[strike] Strikeout
[table] Table Foundation
[td] Table Column
[tr] Table Row
[ustream] USTREAM video
[veoh] Veoh video
[vevo] VEVO video
[warning] Warning
[youtube] YouTube video

Bold / Italic / Underline
The [b], [i] and [u] tags allow you to create text that is bold, italic and underlined.
Usage [b]value[/b]
[i]value[/i]
[u]value[/u]
Example Usage [b]this text is bold[/b]
[i]this text is italic[/i]
[u]this text is underlined[/u]
Example Output this text is bold
this text is italic
this text is underlined

Color
The [color] tag allows you to change the color of your text.
Usage [color=Option]value[/color]
Example Usage [color=blue]this text is blue[/color]
Example Output this text is blue

Size
The [size] tag allows you to change the size of your text.
Usage [size=Option]value[/size]
Example Usage [size=+2]this text is two sizes larger than normal[/size]
Example Output this text is two sizes larger than normal

Font
The [font] tag allows you to change the font of your text.
Usage [font=Option]value[/font]
Example Usage [font=courier]this text is in the courier font[/font]
Example Output this text is in the courier font

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

Left / Right / Center
The [left], [right] and [center] tags allow you to change the alignment of your text.
Usage [left]value[/left]
[center]value[/center]
[right]value[/right]
Example Usage [left]this text is left-aligned[/left]
[center]this text is center-aligned[/center]
[right]this text is right-aligned[/right]
Example Output
this text is left-aligned
this text is center-aligned
this text is right-aligned

Indent
The [indent] tag allows you to indent your text.
Usage [indent]value[/indent]
Example Usage [indent]this text is indented[/indent]
Example Output
this text is indented

Email Linking
The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link.
Usage [email]value[/email]
[email=Option]value[/email]
Example Usage [email]myname@domain.com[/email]
[email=myname@domain.com]Click Here to Email Me[/email]
Example Output myname@domain.com
Click Here to Email Me

URL Hyperlinking
The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link.
Usage [url]value[/url]
[url=Option]value[/url]
Example Usage [url]http://atrl.net/forums[/url]
[url=http://atrl.net/forums]ATRL[/url]
Example Output http://atrl.net/forums
ATRL

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.
Usage [thread]threadid[/thread]
[thread=threadid]value[/thread]
Example 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 Output http://atrl.net/forums/showthread.php?t=42918
Click Me!

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.
Usage [post]postid[/post]
[post=postid]value[/post]
Example 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 Output http://atrl.net/forums/showthread.php?p=269302#post269302
Click Me!

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.
Usage [list]value[/list]
Example Usage [list]
[*]list item 1
[*]list item 2
[/list]
Example Output
  • list item 1
  • list item 2

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).
Usage [list=Option]value[/list]
Example Usage [list=1]
[*]list item 1
[*]list item 2
[/list]

[list=a]
[*]list item 1
[*]list item 2
[/list]
Example Output
  1. list item 1
  2. list item 2
  1. list item 1
  2. list item 2

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.
Usage [img]value[/img]
Example Usage [img]http://atrl.net/forums/images/styles/meta/icon_forum.png[/img] (Not linked)

[url=http://www.example.com] [img]http://atrl.net/forums/images/styles/meta/icon_forum.png[/img] [/url] (Linked)
Example Output (Not linked)

(Linked)

Code
The [code] tag switches to a fixed-width (monospace) font and preserves all spacing.
Usage [code]value[/code]
Example Usage [code]
<script type="text/javascript">
<!--
    alert("Hello world!");
//-->
</script>
[/code]
Example Output
Code:
<script type="text/javascript">
<!--
	alert("Hello world!");
//-->
</script>

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.
Usage [php]value[/php]
Example Usage [php]
$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
    echo $myvar . "\n";
}
[/php]
Example Output
PHP Code:
$myvar 'Hello World!';
for (
$i 0$i 10$i++)
{
    echo 
$myvar "\n";


HTML Code
The [html] tag allows you to perform syntax highlighting for HTML code.
Usage [html]value[/html]
Example Usage [html]
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>
[/html]
Example Output
HTML Code:
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>

Quote
The [quote] tag allows you to attribute text to someone else.
Usage [quote]Quote[/quote]
[quote=User Name]value[/quote]
Example Usage [quote]vBulletin[/quote]
[quote=John Percival]vBulletin[/quote]
[quote=John Percival;4293010]vBulletin[/quote]
Example Output
Quote:
Lorem ipsum dolor sit amet
Quote:
Originally posted by John Doe
Lorem ipsum dolor sit amet
Quote:
Originally posted by John Doe View Post
Lorem ipsum dolor sit amet

Stop BB Code Parsing
The [noparse] tag allows you to stop the parsing of BB code.
Usage [noparse][b]value[/b][/noparse]
Example Usage [noparse][b]vBulletin[/b][/noparse]
Example Output [b]vBulletin[/b]

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.
Usage [attach]attachmentid[/attach]
Example Usage [attach]12345[/attach]
Example Output

Blur Text
Blurs text (Internet Explorer only).
Usage [blur=Option]value[/blur]
Example Usage [blur=3]Absolute TRL is awesome[/blur]
Example Output
Absolute TRL is awesome

Button
Hides a spoiler or other text with a button.
Usage [button=Option]value[/button]
Example Usage [button=Click Here!]Absolute TRL is awesome[/button]
Example Output

AIM Chat Link
Links to a chat room on AIM.
Usage [chat=Option]value[/chat]
Example Usage [chat=chatnamehere]Join us in the chat[/chat]
Example Output Join us in the chat

Collapse
Collapse a block of text into a convenient expanding thingy. You must specify a unique name for each collapse tag, otherwise it won't work.
Usage [collapse=Option]value[/collapse]
Example Usage [collapse=Stuff]hello there[/collapse]
Example Output
Stuff

Division
Set the width you want and use this tag to separate text from the rest of the line (it's like fake table cells).
Usage [d=Option]value[/d]
Example Usage [d=200]Absolute TRL rules[/d]Indeed it does
Example Output
Absolute TRL rules
Indeed it does

E! Online video
Embed a video from E! Online. Must use the ridiculous-looking code after "releasePID=" from within the "Share" code on the site.
Usage [eonline]value[/eonline]
Example Usage [eonline]5QiscuSpR9Jtdh6Bv0dzTu1Ih7jL0d2o[/eonline]
Example Output

Funny or Die video
Embeds a video from FunnyorDie.com. Format: Copy and paste everything after http://www.funnyordie.com/videos/ between [fod] [/fod] tags
Usage [fod]value[/fod]
Example Usage [fod]fa1420df1f[/fod]
Example Output

Glow Text
Makes text glow (Internet Explorer only).
Usage [glow=Option]value[/glow]
Example Usage [glow=red]Absolute TRL is awesome[/glow]
Example Output
Absolute TRL is awesome

Header Text
Trebuchet MS, 13.5 pt.
Usage [header]value[/header]
Example Usage [header]Absolute TRL rules[/header]
Example Output Absolute TRL rules

Horizontal Line
Inserts a horizontal line. Type a color within the tag for the line to appear in a certain color, otherwise leave it blank inside.
Usage [hr]value[/hr]
Example Usage [hr]red[/hr]
Example Output

Hulu video
Embed a Hulu.com video. Must use the video ID in the embed code, which is everything after http://www.hulu.com/embed/
Usage [hulu]value[/hulu]
Example Usage [hulu]PvZcMs_bQiCoJyfv8ZOzoQ[/hulu]
Example Output

Image w/ Resize
Resizes an image to the dimensions you specify (square only).
Usage [imgsize=Option]value[/imgsize]
Example Usage [imgsize=100]http://www.popfusion.net/forums/images/styles/meta/icon_forum.png[/imgsize]
Example Output

Image w/ Spacing
Inserts an image with a specified vertical space below it.
Usage [imgspace=Option]value[/imgspace]
Example Usage [imgspace=10]http://www.popfusion.net/forums/images/styles/meta/icon_forum.png[/imgspace]
Example Output

Image w/ Zoom
Zooms an image to the percentage of the available space, from 1 to 100.
Usage [imgzoom=Option]value[/imgzoom]
Example Usage [imgzoom=50]http://www.popfusion.net/forums/images/styles/meta/icon_forum.png[/imgzoom]
Example Output

Invisible
Create invisible placeholder text to help with precise formatting and line spacing.
Usage [invisible=Option]value[/invisible]
Example Usage [invisible=5]text[/invisible]
Example Output text

MTV.com video
Embed a video from MTV.com. Must use the video ID (the number only), example: http://mtv.com/videos/britney-spears/322811/circus.jhtml
Usage [mtv]value[/mtv]
Example Usage [mtv]322811[/mtv]
Example Output

MTVMusic.com video
Embed a video from MTVMusic.com. Must use the video ID (the number only), example: http://mtvmusic.com/artist/a-ha/videos/7846/take_on_me
Usage [mtvmusic]value[/mtvmusic]
Example Usage [mtvmusic]7846[/mtvmusic]
Example Output

NBC.com video
Embed an NBC.com video. Must use the video ID from the embed code, which is everything after http://widgets.nbc.com/o/
Usage [nbc]value[/nbc]
Example Usage [nbc]4727a250e66f9723/4902986c27ccfc8d/4741e3c5156499a7/1740b930/-cpid/c6bbc9799070a74f[/nbc]
Example Output

Non-Breaking Space
Adds one non-breaking, non-wrapping space. That's it.
Usage [nbsp]value[/nbsp]
Example Usage [nbsp] [/nbsp]
Example Output  

Omega Text
Palatino Linotype, 12 pt, light blue, bold, italic.
Usage [omega]value[/omega]
Example Usage [omega]HAW HAW[/omega]
Example Output HAW HAW

Opacity
Specify the desired opacity of your text using a percentage (double digits, 00 to 99).
Usage [opacity=Option]value[/opacity]
Example Usage [opacity=50]This text is 50% opacity.[/opacity]
Example Output This text is 50% opacity.

WMP audio
Embed a Windows Media Player audio stream into your post.
Usage [radio]value[/radio]
Example Usage [radio]http://95.154.211.127:5203[/radio]
Example Output

Section
Header text with horizontal line divider included.
Usage [sec]value[/sec]
Example Usage [sec]Absolute TRL rules[/sec]
Example Output Absolute TRL rules

Section Title
Header text with horizontal line divider included.
Usage [section_title]value[/section_title]
Example Usage [section_title]Absolute TRL rules[/section_title]
Example Output Absolute TRL rules

Spoiler Text
Hides a spoiler or any other text with mysterious grayness. Select the text to view it.
Usage [spoiler]value[/spoiler]
Example Usage [spoiler]Absolute TRL is awesome[/spoiler]
Example Output Absolute TRL is awesome

Strikeout
Strike out your text quickly and easily.
Usage [strike]value[/strike]
Example Usage Absolute TRL is [strike]awesome[/strike]
Example Output Absolute TRL is awesome

Table Foundation
Sets up a table. Place [tr] rows and [td] columns inside this tag.
Usage [table]value[/table]
Example Usage [table] [tr] [td]hello[/td] [td]hey there[/td] [/tr] [/table]
Example Output
hello hey there

Table Column
Sets up a table column. Place within [table] foundation and [tr] rows.
Usage [td]value[/td]
Example Usage
Example Output

Table Row
Sets up a table row. Place within [table] foundation, then put [td] columns inside this tag.
Usage [tr]value[/tr]
Example Usage
Example Output

USTREAM video
Embed a live video stream from USTREAM into your post.
Usage [ustream]value[/ustream]
Example Usage [ustream]1116778[/ustream]
Example Output

Veoh video
Insert a video from the Veoh video network.
Usage [veoh]value[/veoh]
Example Usage [veoh]popfusion[/veoh]
Example Output

VEVO video
Embed a video from VEVO in your post. Use the 12-digit code at the end of the URL.
Usage [vevo]value[/vevo]
Example Usage [vevo]USUV71000073[/vevo]
Example Output

Warning
Displays a giant warning box.
Usage [warning]value[/warning]
Example Usage [WARNING] ATRL is hazardous to your health. See it here: [URL]http://www.atrl.net/[/URL] [/WARNING]
Example Output
ATRL is hazardous to your health. See it here: http://www.atrl.net/

YouTube video
Embed a video from YouTube in your post. Use the 11-digit video code.
Usage [youtube]value[/youtube]
Example Usage [youtube]qrO4YZeyl0I[/youtube]
Example Output