BB Codes

  • [B], [I], [U], [S] - Bold, Italics, Underline, and Strike-through

    Makes the wrapped text bold, italic, underlined, or struck-through.

    Example:
    This is [B]bold[/B] text.
    This is [I]italic[/I] text.
    This is [U]underlined[/U] text.
    This is [S]struck-through[/S] text.
    Output:
    This is bold text.
    This is italic text.
    This is underlined text.
    This is struck-through text.
  • [COLOR=color], [FONT=name], [SIZE=size] - Text Color, Font, and Size

    Changes the color, font, or size of the wrapped text.

    Example:
    This is [COLOR=red]red[/COLOR] and [COLOR=#0000cc]blue[/COLOR] text.
    This is [FONT=Courier New]Courier New[/FONT] text.
    This is [SIZE=1]small[/SIZE] and [SIZE=7]big[/SIZE] text.
    Output:
    This is red and blue text.
    This is Courier New text.
    This is small and big text.
  • [URL], [EMAIL] - Linking

    Creates a link using the wrapped text as the target.

    Example:
    [URL]http://www.example.com[/URL]
    [EMAIL]example@example.com[/EMAIL]
    Output:
    http://www.example.com
    example@example.com
  • [URL=link], [EMAIL=address] - Linking (Advanced)

    Links the wrapped text to the specified web page or email address.

    Example:
    [URL=http://www.example.com]Go to example.com[/URL]
    [EMAIL=example@example.com]Email me[/EMAIL]
    Output:
    Go to example.com
    Email me
  • [USER=ID] - Profile Linking

    Links to a user's profile. This is generally inserted automatically when tagging a user.

    Example:
    [USER=1]User Name[/USER]
    Output:
    User Name
  • [IMG] - Image

    Display an image, using the wrapped text as the URL.

    Example:
    [IMG]http://www.snowhawkclan.org/forum/​styles/shc_style​/xenforo/avatars/avatar_s.png[/IMG]
    Output:
    [​IMG]
  • [LIST] - Lists

    Displays a bulleted or numbered list.

    Example:
    [LIST]
    [*]Bullet 1
    [*]Bullet 2
    [/LIST]
    [LIST=1]
    [*]Entry 1
    [*]Entry 2
    [/LIST]
    Output:
    • Bullet 1
    • Bullet 2
    1. Entry 1
    2. Entry 2
  • [LEFT], [CENTER], [RIGHT] - Text Alignment

    Changes the alignment of the wrapped text.

    Example:
    [LEFT]Left-aligned[/LEFT]
    [CENTER]Center-aligned[/CENTER]
    [RIGHT]Right-aligned[/RIGHT]
    Output:
    Left-aligned​
    Center-aligned​
    Right-aligned​
  • [QUOTE] - Quoted Text

    Displays text that has been quoted from another source. You may also attribute the name of the source.

    Example:
    [QUOTE]Quoted text[/QUOTE]
    [QUOTE=A person]Something they said[/QUOTE]
    Output:
  • [SPOILER] - Text Containing Spoilers

    Hides text that may contain spoilers so that it must be clicked by the viewer to be seen.

    Example:
    [SPOILER]Simple spoiler[/SPOILER]
    [SPOILER=Spoiler Title]Spoiler with a title[/SPOILER]
    Output:
    Show Spoiler
    Simple spoiler

    Spoiler Title (open)
    Spoiler with a title
  • [CODE], [PHP], [HTML] - Programming Code Display

    Displays text in one of several programming languages, highlighting the syntax where possible.

    Example:
    [CODE]General
    code[/CODE]
    [PHP]echo $hello . 'world';[/PHP]
    Output:
    Code:
    General
    code
    PHP:
    echo $hello 'world';
  • [INDENT] - Text Indent

    Indents the wrapped text. This can be nested for larger indentings.

    Example:
    Regular text
    [INDENT]Indented text
    [INDENT]More indented[/INDENT]
    [/INDENT]
    Output:
    Regular text
    Indented text
    More indented​
  • [PLAIN] - Plain Text

    Disables BB code translation on the wrapped text.

    Example:
    [PLAIN]This is not [B]bold[/B] text.[/PLAIN]
    Output:
    This is not [B]bold[/B] text.
  • [ATTACH] - Attachment Insertion

    Inserts an attachment at the specified point. If the attachment is an image, a thumbnail or full size version will be inserted. This will generally be inserted by clicking the appropriate button.

    Example:
    Thumbnail: [ATTACH]123[/ATTACH]
    Full Size: [ATTACH=full]123[/ATTACH]
    Output:
    The contents of the attachments would appear here.
  • [CONTAINER] - Container

    A transparent container which will automatically overflow if the content is wider than the page or larger than 600px in height.

    Example:
    [CONTAINER]This is a transparent container with a fluid height. It is typically used to enclose large tables which have lots of columns and rows.[/CONTAINER]
    Output:
    This is a transparent container with a fluid height. It is typically used to enclose large tables which have lots of columns and rows.
  • [TABLE] - Table

    A table.

    Example:
    [TABLE][TR][TH]This is a header cell[/TH][TH]This is a header cell[/TH][/TR][TR1][TD]This is a left aligned cell[/TD][TD1]This is a centre aligned cell[/TD1][/TR1][TR2][TD2]This is a right aligned cell[/TD2][TD]Left aligned[/TD][/TR2][TR1][TD1]Centre aligned[/TD1][TD2]Right aligned[/TD2][/TR1][/TABLE]
    Output:
    This is a header cellThis is a header cell
    This is a left aligned cellThis is a centre aligned cell
    This is a right aligned cellLeft aligned
    Centre alignedRight aligned
  • [TD] - Table Cell (Left)

    A cell with left aligned text.

    Example:
    [TABLE][TR][TD]This is a left aligned (standard) cell[/TD][/TR][/TABLE]
    Output:
    This is a left aligned (standard) cell
  • [TD1] - Table Cell (Centred)

    A cell with centre aligned text.

    Example:
    [TABLE][TR][TD1]This is a centre aligned cell[/TD1][/TR][/TABLE]
    Output:
    This is a centre aligned cell
  • [TD2] - Table Cell (Right)

    A cell with right aligned text.

    Example:
    [TABLE][TR][TD2]This is a right aligned cell[/TD2][/TR][/TABLE]
    Output:
    This is a right aligned cell
  • [TH] - Table Cell (Header)

    A header cell with bold, centre aligned text and a dark background.

    Example:
    [TABLE][TR][TH]This is a header cell[/TH][/TR][/TABLE]
    Output:
    This is a header cell
  • [TR] - Table Row (Transparent)

    A row with a transparent background.

    Example:
    [TABLE][TR][TD]This is a standard cell in a row with a transparent background[/TD][/TR][/TABLE]
    Output:
    This is a standard cell in a row with a transparent background
  • [TR1] - Table Row (Odd)

    A row with a lighter background.

    Example:
    [TABLE][TR1][TD]This is a standard cell in a row with a lighter background[/TD][/TR1][/TABLE]
    Output:
    This is a standard cell in a row with a lighter background
  • [TR2] - Table Row (Even)

    A row with a darker background.

    Example:
    [TABLE][TR2][TD]This is a standard cell in a row with a darker background[/TD][/TR2][/TABLE]
    Output:
    This is a standard cell in a row with a darker background
  • [ANCHOR=option] - Anchor link

    Make a link inside of the current page

    Example:
    [anchor="anchorname"]Display Text[/anchor]
    Output:
    Display Text
  • [GOTO=option] - Anchor goto

    Go to anchor link inside of the current page

    Example:
    [goto="#anchorname"]Link to Display Text[/goto]
    Output:
    Click on this to scroll downLink to Display Text
  • [SPOILER] - Spoiler

    Adds a spoiler tag to hid and show a div.

    Example:
    [spoiler="SPOILS!"]I just spoiled your mind.[/spoiler]
    Output:
    SPOILS! (open)
    I just spoiled your mind.