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]Tên thành viên[/USER]
    Output:
    Tên thành viên
  • [IMG] - Image

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

    Example:
    [IMG]https://chuyenlamnong.com/​styles/scratch​/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.
  • [NOTE=option] - Note

    Render floating note, support left and right position.

    Example:
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id tincidunt dolor. Quisque rhoncus ante elit, ac suscipit ligula efficitur et. Integer scelerisque ultrices felis. Aliquam erat volutpat. Suspendisse et scelerisque orci, eget bibendum mi. Duis fringilla molestie tellus, sit amet convallis enim vulputate fringilla. Nulla facilisi. Nam non malesuada risus. Nulla bibendum nec nunc ac auctor. Vivamus ornare pellentesque posuere. Fusce nec euismod ante, in convallis velit. Fusce ac vestibulum mi. Cras efficitur id felis semper aliquet.

    [note=right]Suspendisse semper congue urna, tempus ultricies tortor imperdiet ac. Curabitur scelerisque eu velit id rutrum. Nullam ac sapien eget lacus iaculis pharetra. Pellentesque condimentum mattis sem nec ultricies. Suspendisse semper congue pretium. Morbi ut convallis lacus, ac mollis tellus. Ut in elit vitae justo venenatis mollis. Curabitur lectus quam, fermentum quis tellus et, fermentum cursus nulla.[/note]

    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus vestibulum ipsum sit amet nunc vulputate maximus. Nam eu massa feugiat, vestibulum augue sit amet, rutrum nibh. Pellentesque felis nibh, sollicitudin ac nisi vitae, fermentum facilisis odio. Duis augue est, condimentum a lacus vitae, scelerisque cursus metus. Curabitur a risus commodo lectus luctus vestibulum. Etiam et tortor tempus, feugiat velit quis, aliquam turpis. Suspendisse at metus in mauris mollis hendrerit. In vel nulla eu augue porta consectetur id ac dui. Nulla facilisi. Ut nisl nulla, convallis placerat ante eu, placerat pharetra mi. Quisque eu nisi ut nisl venenatis malesuada sit amet in nisi.
    Output:
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id tincidunt dolor. Quisque rhoncus ante elit, ac suscipit ligula efficitur et. Integer scelerisque ultrices felis. Aliquam erat volutpat. Suspendisse et scelerisque orci, eget bibendum mi. Duis fringilla molestie tellus, sit amet convallis enim vulputate fringilla. Nulla facilisi. Nam non malesuada risus. Nulla bibendum nec nunc ac auctor. Vivamus ornare pellentesque posuere. Fusce nec euismod ante, in convallis velit. Fusce ac vestibulum mi. Cras efficitur id felis semper aliquet.

    Suspendisse semper congue urna, tempus ultricies tortor imperdiet ac. Curabitur scelerisque eu velit id rutrum. Nullam ac sapien eget lacus iaculis pharetra. Pellentesque condimentum mattis sem nec ultricies. Suspendisse semper congue pretium. Morbi ut convallis lacus, ac mollis tellus. Ut in elit vitae justo venenatis mollis. Curabitur lectus quam, fermentum quis tellus et, fermentum cursus nulla.
    Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus vestibulum ipsum sit amet nunc vulputate maximus. Nam eu massa feugiat, vestibulum augue sit amet, rutrum nibh. Pellentesque felis nibh, sollicitudin ac nisi vitae, fermentum facilisis odio. Duis augue est, condimentum a lacus vitae, scelerisque cursus metus. Curabitur a risus commodo lectus luctus vestibulum. Etiam et tortor tempus, feugiat velit quis, aliquam turpis. Suspendisse at metus in mauris mollis hendrerit. In vel nulla eu augue porta consectetur id ac dui. Nulla facilisi. Ut nisl nulla, convallis placerat ante eu, placerat pharetra mi. Quisque eu nisi ut nisl venenatis malesuada sit amet in nisi.
  • [PREVIEW] - Link Preview

    Show a preview of the wrapped link.

    Example:
    [PREVIEW]https://xenforo.com[/PREVIEW]
    Output:
    https://xenforo.com
  • [RATIO=option] - Responsive Media

    Display embedded media with predefined ratio which works across different browser width.

    Example:
    [RATIO=4/3][MEDIA=youtube]jNQXAC9IVRw[/MEDIA][/RATIO]
    Output: