Play Now!

BB Code

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.

BB Code List

  1. Bold / Italic / Underline
  2. Color
  3. Size
  4. Font
  5. Highlight
  6. Left / Right / Center
  7. Indent
  8. Email Linking
  9. URL Hyperlinking
  10. Thread Linking
  11. Post Linking
  12. Bulleted Lists / Advanced Lists
  13. Images
  14. Videos
  15. Code
  16. PHP Code
  17. HTML Code
  18. Quote
  19. Stop BB Code Parsing
  20. Attachment
  21. Admin
  22. Anchor
  23. AllenSam
  24. BG IMG
  25. Blink
  26. Border
  27. Carnage
  28. Click
  29. Definition
  30. Dropdown
  31. Equals
  32. Expand
  33. Header
  34. Header
  35. Hide
  36. Highlight
  37. Head Mod
  38. Hold
  39. Hover
  40. Horizontal Rule
  41. Jump
  42. Mod
  43. Move
  44. Overline
  45. Orange Italic Bold
  46. Rage
  47. Right to Left
  48. Strike
  49. SmallCaps
  50. Sign
  51. Super Mod
  52. Spoiler
  53. SubScript
  54. Superscript
  55. Table
  56. Table Data
  57. Table Row
  58. Wiki
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
  • 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.

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.

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.

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]https://www.roguedynasty.net/forums/images/darkvision/statusicon/forum_new-48.png[/img] (Not linked)
    • [url=http://www.example.com] [img]https://www.roguedynasty.net/forums/images/darkvision/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">
    <!--
        alert("Hello world!");
    //-->
    </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;58708]Lorem ipsum dolor sit amet[/quote]
    Example Usage
    • 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
    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

Admin

The Admin Color

  • [admin]value[/admin]
    Usage
  • [admin]Admin[/admin]
    Example Usage
  • Admin
    Example Output

Anchor

Creates an anchor that can be jumped to when used in combination with the [jump] bbcode.

  • [anchor=Option]value[/anchor]
    Usage
  • [anchor=here]Anchor[/anchor]
    Example Usage
  • Example Output

AllenSam

Outputs AllenSam's custom username.

  • [as]value[/as]
    Usage
  • [as]-[/as]
    Example Usage
  • AllenSam
    Example Output

BG IMG

  • [bgimg=Option]value[/bgimg]
    Usage
  • [bgimg=http://www.sammageonline.com/forums/image.php?u=2&dateline=1188775702]BG Image[/bgimg]
    Example Usage
  • BG Image
    Example Output

Blink

Make's the Text Blink

  • [blink]value[/blink]
    Usage
  • [blink]Blink[/blink]
    Example Usage
  • Blink
    Example Output

Border

Put's a Border around your Text. Options: dotted, dashed, solid, double, groove, ridge, inset, outset

  • [border=Option]value[/border]
    Usage
  • [border=outset]Border[/border]
    Example Usage
  • Border
    Example Output

Carnage

Carnage's Custom BB Code.

  • [carnage]value[/carnage]
    Usage
  • [carnage]Carnage[/carnage]
    Example Usage
  • Carnage
    Example Output

Click

Changes text when you click it.

  • [click=Option]value[/click]
    Usage
  • [click=Clicked]Click[/click]
    Example Usage
  • Click
    Example Output

Definition

Links to the dictionary.com definition of the word.

  • [def]value[/def]
    Usage
  • [def]Definition[/def]
    Example Usage
  • Example Output

Dropdown

Creates a dropdown box. Use [Option] within to create options.

  • [dropdown=Option]value[/dropdown]
    Usage
  • [dropdown][option]Option1[/option][/dropdown]
    Example Usage
  • [dropdown][option]Option1[/option][/dropdown]
    Example Output

Equals

A fun way to say This=That. Hover then click.

  • [equals=Option]value[/equals]
    Usage
  • [equals=That]This[/equals]
    Example Usage
  • This
    Example Output

Expand

{option}{CLICK HERE TO COLLAPSE}
{param}

  • [expand=Option]value[/expand]
    Usage
  • [expand=caption]content[/expand]
    Example Usage
  • caption{CLICK AGAIN TO COLLAPSE}
    content
    Example Output

Header

  • [h=Option]value[/h]
    Usage
  • [h=1]Header[/h]
    Example Usage
  • Header

    Example Output

Header

  • [h1]value[/h1]
    Usage
  • [h1]Header[/h1]
    Example Usage
  • Header

    Example Output

Hide

Hides text so it can only be seen when editing the post.

  • [hide]value[/hide]
    Usage
  • [hide]Hide[/hide]
    Example Usage
  • Example Output

Highlight

Highlight's The Text.

  • [hl=Option]value[/hl]
    Usage
  • [hl=yellow]Highlight[/hl]
    Example Usage
  • Highlight
    Example Output

Head Mod

The Head Mod Coloring.

  • [hmod]value[/hmod]
    Usage
  • [hmod]Head Mod[/hmod]
    Example Usage
  • Head Mod
    Example Output

Hold

Changes text when you hold the mouse button down on it.

  • [hold=Option]value[/hold]
    Usage
  • [hold=Holding]Hold[/hold]
    Example Usage
  • Hold
    Example Output

Hover

Changes the text when you hover the mouse over it.

  • [hover=Option]value[/hover]
    Usage
  • [hover=Hovering]Hover[/hover]
    Example Usage
  • Hover
    Example Output

Horizontal Rule

  • [hr]value[/hr]
    Usage
  • [hr]-[/hr]
    Example Usage

  • Example Output

Jump

Jumps to a specifies [anchor] tag.

  • [jump=Option]value[/jump]
    Usage
  • [jump=here]Jump[/jump]
    Example Usage
  • Example Output

Mod

The Moderator Color.

  • [mod]value[/mod]
    Usage
  • [mod]Mod[/mod]
    Example Usage
  • Mod
    Example Output

Move

Move's the Text.

  • [move=Option]value[/move]
    Usage
  • [move=right]Move[/move]
    Example Usage
  • Move
    Example Output

Overline

Overline's the Text.

  • [o]value[/o]
    Usage
  • [o]Overline[/o]
    Example Usage
  • Overline
    Example Output

Orange Italic Bold

Make's the Font Orange, Italicized and Bolded.

  • [oib]value[/oib]
    Usage
  • [oib]Orange Italic Bold[/oib]
    Example Usage
  • Orange Italic Bold
    Example Output

Rage

Make's the Font Red, Bolded and Italicized.

  • [rage]value[/rage]
    Usage
  • [rage]Rage[/rage]
    Example Usage
  • Rage
    Example Output

Right to Left

  • [rtl]value[/rtl]
    Usage
  • [rtl]Right to Left[/rtl]
    Example Usage
  • Right to Left
    Example Output

Strike

Puts a line through the text.

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

SmallCaps

Turn's the Text into SmallCaps.

  • [sc]value[/sc]
    Usage
  • [sc]SmallCaps[/sc]
    Example Usage
  • SmallCaps
    Example Output

Sign

  • [sign]value[/sign]
    Usage
  • [sign]Howdy![/sign]
    Example Usage
  • Howdy!
    Example Output

Super Mod

The Super Mod Color.

  • [smod]value[/smod]
    Usage
  • [smod]Super Mod[/smod]
    Example Usage
  • Super Mod
    Example Output

Spoiler

Put's a Spoiler over the text.

  • [spoiler]value[/spoiler]
    Usage
  • [spoiler]Bruce Willis is a Ghost![/spoiler]
    Example Usage
  • {SPOILER!!! Click to read!}Bruce Willis is a Ghost!
    Example Output

SubScript

Make's the Text Subscript.

  • [sub]value[/sub]
    Usage
  • [sub]Subscript[/sub]
    Example Usage
  • Subscript
    Example Output

Superscript

Make's it SuperScript.

  • [sup]value[/sup]
    Usage
  • [sup]SuperScript[/sup]
    Example Usage
  • SuperScript
    Example Output

Table

Creates an HTML table.

  • [table=Option]value[/table]
    Usage
  • [table=1][tr][td=2]Table[/td][/tr][tr][td=1]Data[/td][td=1]Data2[/td][/tr][/table]
    Example Usage
  • Table
    DataData2
    Example Output

Table Data

Use within [tr] to create cells within the row. td=1 mean the column span is 1.

  • [td=Option]value[/td]
    Usage
  • [table=1][tr][td=2]Table[/td][/tr][tr][td=1]Data[/td][td=1]Data2[/td][/tr][/table]
    Example Usage
  • Table
    DataData2
    Example Output

Table Row

Use within [table] to create a row inside the table.

  • [tr]value[/tr]
    Usage
  • [table=1][tr][td=2]Table[/td][/tr][tr][td=1]Data[/td][td=1]Data2[/td][/tr][/table]
    Example Usage
  • Table
    DataData2
    Example Output

Wiki

  • [wiki]value[/wiki]
    Usage
  • [wiki]Wiki[/wiki]
    Example Usage
  • Example Output