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][email protected][/EMAIL]
    Output:
    http://www.example.com
    [email protected]
  • [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 protected]]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://erolair.com/​styles/uix​/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: Dailymotion; Facebook; Liveleak; Metacafe; Vimeo; YouTube;

    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:
    Simple spoiler

    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.
  • [BGIMG=option] - Background Image

    Add a background image to a container

    Example:
    [bgimg=https://i.imgur.com/BnMtdqe.gif]

    This text has a cool image for a background!


    [/bgimg]
    Output:


    This text has a cool image for a background!


  • [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.
  • [FILLCOLOR=option] - FillColor

    fill color

    Example:
    [fillcolor=mediumvioletred]This text is on a block of color![/fillcolor]
    Output:
    This text is on a block of color!
  • [HLT=option] - Highlight

    Add a background highlight color for text.

    Example:
    [HLT=mediumvioletred]This is a colored text highlight.[/HLT]

    Note: It currently only works with color names, nut numeric or rgb/rgba values.
    Output:
    This is a colored text highlight.

    Note: It currently only works with color names, nut numeric or rgb/rgba values.
  • [IMGR10=option] - IMGr 10px

    Round the edges of a specified image by 10px.

    Example:
    [imgr10=https://i.imgur.com/XKWoebE.gif].[/imgr10]
    Output:
  • [IMGX=option] - Image Resize BB Code

    Image with custom pixel width and auto height

    Example:
    [imgx=30]https://i.imgur.com/wUbsW0P.gif[/imgx]
    [imgx=50]https://i.imgur.com/wUbsW0P.gif[/imgx]
    [imgx=70]https://i.imgur.com/wUbsW0P.gif[/imgx]
    Output:


  • [PAD20] - Padding 20px

    Add 20px of padding to the outside of whatever you're containing.

    Example:
    [pad20]This text has 20 pixels of padding on all sides.[/pad20]
    Output:
    This text has 20 pixels of padding on all sides.
  • [PAD20W] - Padding 20px wide

    Add 20px of padding on the left and right of something.

    Example:
    [pad20w]This text has 20 pixels of padding on the left and right sides (no top/bottom).[/pad20w]
    Output:
    This text has 20 pixels of padding on the left and right sides (no top/bottom).
  • [PAD40] - Padding 40px

    Add 40 px of padding to whatever you're containing.

    Example:
    [pad40]This text has 40 pixels of padding on all sides.[/pad40]
    Output:
    This text has 40 pixels of padding on all sides.
  • [PAD40W] - Padding 40px Wide

    Add 40 px of horizontal padding to something. (No top and bottom padding)

    Example:
    [pad40w]This text has 40 pixels of padding on the left and right sides (no top/bottom).[/pad40w]
    Output:
    This text has 40 pixels of padding on the left and right sides (no top/bottom).
  • [RFILL10=option] - Roundfill 10px

    Round the edges of a specified color block by 10px.

    Example:
    [rfill10=royalblue]

    Put some text on this bad boy.

    [/rfill10]
    Output:


    Put some text on this bad boy.

  • [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
  • [WRAP400] - Wrap 400

    Wrap text within a 400 pixel block.

    Example:
    [wrap400]This will wrap any text within the confines to 400 pixels wide. It's pretty useful, except it may break content out of a container in the blog section of the site when using mobile browsers. It's best used on profile pages and forum threads.[/wrap400]
    Output:
    This will wrap any text within the confines to 400 pixels wide. It's pretty useful, except it may break content out of a container in the blog section of the site when using mobile browsers. It's best used on profile pages and forum threads.
  • [WRAP50] - Wrap 50%

    Wrap innercontents to 50% of container width.

    Example:
    [wrap50]Wrap something to 50% of the area of its bigger container. It needs a bit more sample text to show what I mean, so I'm just writing a bunch of nonsense here. :)[/wrap50]
    Output:
    Wrap something to 50% of the area of its bigger container. It needs a bit more sample text to show what I mean, so I'm just writing a bunch of nonsense here. :)
  • [WRAP600] - Wrap 600

    Wrap text within a 600 pixel block.

    Example:
    [wrap600]This will wrap any text within the confines to 600 pixels wide. It's pretty useful, except it may break content out of a container in the blog section of the site when using mobile browsers. It's best used on profile pages and forum threads.[/wrap600]
    Output:
    This will wrap any text within the confines to 600 pixels wide. It's pretty useful, except it may break content out of a container in the blog section of the site when using mobile browsers. It's best used on profile pages and forum threads.
  • [WRAP75] - Wrap 75%

    Wrap something to 75% of the width of its larger container.

    Example:
    [wrap75]Let's practice wrapping text to 75% of the container width. It's pretty cool when you see it in action in a post or a journal, especially when used with centered text and images! I'm adding more nonsense text here to fill out the amount of text it's got to wrap. That'll make it easier to see the difference between 50% wrapping and 75% wrapping.[/wrap75]
    Output:
    Let's practice wrapping text to 75% of the container width. It's pretty cool when you see it in action in a post or a journal, especially when used with centered text and images! I'm adding more nonsense text here to fill out the amount of text it's got to wrap. That'll make it easier to see the difference between 50% wrapping and 75% wrapping.
  • [WRAP800] - Wrap 800

    Wrap text within an 800 pixel block.

    Example:
    [wrap800]This will wrap any text within the confines to 800 pixels wide. It's pretty useful, except it may break content out of a container in the blog section of the site when using mobile browsers. It's best used on profile pages and forum threads. I think it looks really nice for formatting stories, since it keeps a decent width but can be used to create more of a "book" feel with the text than the default container width.[/wrap800]
    Output:
    This will wrap any text within the confines to 800 pixels wide. It's pretty useful, except it may break content out of a container in the blog section of the site when using mobile browsers. It's best used on profile pages and forum threads. I think it looks really nice for formatting stories, since it keeps a decent width but can be used to create more of a "book" feel with the text than the default container width.