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]https://www.cleanmpg.com/community/​styles/default​/xenforo/avatars/avatar_s.png[/IMG]
    Output:
    [​IMG]
  • [MEDIA=site] - Embedded Media

    Embeds media from approved sites into your message. It is recommended that you use the media button in the editor tool bar. Approved sites: 8tracks; ABC News; Amazon Product; audioBoom; Audiomack; Bandcamp; BBC News; Blab; Bleacher Report videos; Break; Brightcove; CBS News Video; CNBC; CNN; CNNMoney; CollegeHumor; Comedy Central; Coub; Dailymotion; Democracy Now!; dumpert; ESPN; Facebook; Flickr; FORA.tv; Fox News; Funny or Die; Gamespot; GameTrailers; Getty Images; Gfycat; Gifs.com; GitHub Gist (via custom iframe); Global News; GoFundMe; Google Drive; Google Sheets; Google+; Healthguru; Hudl; Hulu; HumorTV; IGN; IMDb; Imgur; Indiegogo; Instagram; Internet Archive; İzlesene; JW Platform; Kickstarter; Kiss Video; Kontinental Hockey League (КХЛ); Libsyn; LiveCap; LiveLeak; Livestream; Mail.Ru; Medium; Metacafe; Mixcloud; MLB; MRCTV; MSNBC; National Geographic Channel; National Geographic Video; NBC News; NBC Sports; NHL Videos and Highlights; NPR; Oddshot; Pastebin; Pinterest; Plays.tv; Podbean; Prezi; Reddit threads and comments; Rutube; Scribd; SlideShare; SoundCloud; Sportsnet; Spotify; Steam store; Stitcher; Straw Poll; Streamable; Team Coco; TED Talks; The Atlantic Video; The Guardian; The New York Times Video; The Onion; The Wall Street Journal Online; TinyPic videos; TMZ; Trailer Addict; Tumblr; Twitch; Twitter; Ustream; VBOX7; Veoh; VEVO; Viagame; Video Detective; Videomega; vidme; Vimeo; Vine; VK; Vocaroo; Vox; Washington Post Video; WorldStarHipHop; Xbox DVR; XboxClips; Yahoo! Screen; Youku; YouTube; Zippyshare audio files;

    Example:
    [MEDIA=youtube]oHg5SJYRHA0[/MEDIA]
    Output:
    An embedded YouTube player would appear here.
  • [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.
  • [FLOAT_LEFT] - Float Left

    Float content left, enabling text to wrap around it.

    Example:
    [FLOAT_LEFT]This content is floated left.
    Adjacent text will wrap
    around it.[/FLOAT_LEFT]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
    Output:
    This content is floated left.
    Adjacent text will wrap
    around it.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
  • [FLOAT_RIGHT] - Float Right

    Float content right, enabling text to wrap around it.

    Example:
    [FLOAT_RIGHT]This content is floated right.
    Adjacent text will wrap
    around it.[/FLOAT_RIGHT]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
    Output:
    This content is floated right.
    Adjacent text will wrap
    around it.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur erat nibh, varius vitae consequat ut, pulvinar varius ante. Vestibulum auctor mattis elit, a sodales nisi. Pellentesque quis enim quam.
  • [GALLERY=option] - Media Gallery Embed

    BB code for using XenForo Media Gallery media in posts.

    Example:
    [GALLERY=media, X]Gallery BB Code[/GALLERY]
    Output:
    [GALLERY=media, X]Gallery BB Code[/GALLERY]
  • [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:
    Column1
    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:
    Column1
    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:
    Column1
    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:
    Column1
    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:
    Column1
    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:
    Column1
    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:
    Column1
    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:
    Column1
    This is a standard cell in a row with a darker background
  • [FLOAT=option] - Float

    Allows the use of a floating div. Option is either left, right, center.

    Example:
    [float="right"]Floating Right![/float]
    Output:
    Floating Right!
  • [H2] - H2

    Adds a H2 tag around the contained text.

    Example:
    [h2]Header Tag[/h2]
    Output:

    Header Tag

  • [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.
  • [USER] - User Tag

    Allows linking of to a users profile by providing either the Username (in the tags) or the user ID as an option.

    Example:
    [user="1"]The First User![/user]
    [user]Admin[/user]
    Output:
    The First User!
    Admin