BB Code

1. Bold / Italic / Underline
   [b], [i], [u]
2. Color
   [color]
3. Size
   [size]
4. Font
   [font]
5. Highlight
   [highlight]
6. Left / Right / Center
   [left], [right], [center]
7. Indent
   [indent]
8. Email Linking
   [email]
9. URL Hyperlinking
   [url]
10. Thread Linking
    [thread]
11. Post Linking
    [post]
12. Bulleted Lists / Advanced Lists
    [list]
13. Images
    [img]
14. Videos
    [video]
15. Code
    [code]
16. PHP Code
    [php]
17. HTML Code
    [html]
18. Quote
    [quote]
19. Stop BB Code Parsing
    [noparse]
20. Attachment
    [attach]
21. Bgcolor
    [bgcolor]
22. Blink
    [blink]
23. Marquee
    [marquee]
24. Strikeout
    [s]
25. Spoiler
    [spoiler]
26. TL;DR
    [TLDR]
27. Youtube
    [youtube]

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

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

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

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

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

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

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

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://www.swmcmmj.com/vbulletin[/url]
  • [url=http://www.swmcmmj.com/vbulletin]Tosche Station May Cost Me My Power Converters - Now with more HoeStingers![/url]
  Example Usage
• • http://www.swmcmmj.com/vbulletin
  • Tosche Station May Cost Me My Power Converters - Now with more HoeStingers!
  Example Output

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://www.swmcmmj.com/vbulletin/showthread.php?t=42918
  • Click Me!
  Example Output

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://www.swmcmmj.com/vbulletin/showthread.php?p=269302#post269302
  • Click Me!
  Example Output

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

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

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://www.swmcmmj.com/vbulletin/images/statusicon/forum_new-48.png[/img] (Not linked)
  • [url=http://www.example.com] [img]http://www.swmcmmj.com/vbulletin/images/statusicon/forum_new-48.png[/img] [/url] (Linked)
  Example Usage
• • (Not linked)
  • (Linked)
  Example Output

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

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

• [code]value[/code]
  Usage
• [code]
  <script type="text/javascript">
  <!--
      alert("Hello world!");
  //-->
  </script>
  [/code]
  Example Usage
• Code:

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

  Example Output

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

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

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;1645271]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

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

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

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

This will change the background color of your text.

• [bgcolor=Option]value[/bgcolor]
  Usage
• [bgcolor=orange]The Background is Orange[/bgcolor]
  Example Usage
• The Background is Orange
  Example Output

This code will cause any words between the tag to blink on and off.

• [blink]value[/blink]
  Usage
• [blink]This text is blinking[/blink]
  Example Usage
• This text is blinking
  Example Output

This will make your text scroll across the screen in one of 4 different directions. The options are: "Right", "Left", "Up" and "Down"

• [marquee=Option]value[/marquee]
  Usage
• [marquee=right]SCROLL ME[/marquee]
  Example Usage
• SCROLL ME
  Example Output

• [s]value[/s]
  Usage
• [s]strikeout[/s]
  Example Usage
• strikeout
  Example Output

This only shows text when the user clicks on the show button

• [spoiler]value[/spoiler]
  Usage
• [spoiler]This is a Spoiler![/spoiler]
  Example Usage
• Spoiler:

  This is a Spoiler!
  Example Output

• [TLDR]value[/TLDR]
  Usage
• [tldr]This is too long, don't read![/tldr]
  Example Usage
• tl;dr:

  This is too long, don't read!
  Example Output

• [youtube]value[/youtube]
  Usage
• [youtube]HU2ftCitvyQ[/youtube]
  Example Usage
• Example Output