BB Codes

Help

  • [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.readytocut.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: Dailymotion; Ebay Item; Facebook; Instagram.com; Liveleak; Metacafe; Vimeo; Wikipedia; 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:
    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.

  • [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]

  • [THREAD=threadID], [POST=postID] - Thread and Post Linking

    Links to the specified thread or post with the specified anchor text.

    Example:
    Thread: [THREAD=10]View This Thread[/THREAD]
    Post: [POST=20]View This Post[/post]
    Output:
    Thread: View This Thread
    Post: View This Post

  • [a] - Attachment Image

    Inserts image of a remote image attachment.

    Example:
    [A=233]alt text[/A]
    Output:
    alt text

  • [accordion] - ACCORDION

    Accordion BBcode (master tag) - works with slave tags {slide}

    Example:
    [accordion=bcenter|125]
    {slide=Title|center}Content{/slide}
    {slide=Title|center}Content{/slide}
    [/accordion]

    [accordion=bright|80%]
    {slide=Title|center}Content{/slide}
    {slide=Title|right|open}Content{/slide}
    [/accordion]
    Output:
    Title
    Content
    Title
    Content


    Title
    Content
    Title
    Content

  • [article] - ARTICLE

    This BB Code is used to display an article

    Example:
    [article]This is an article[/article]
    Output:
    Article: This is an article

  • [bimg] - BIMG

    This BB Code can resize a picture (width customizable in px)

    Example:
    [bimg]http://www.google.com/images/srpr/logo3w.png[/bimg]
    [bimg=100]http://www.google.com/images/srpr/logo3w.png[/bimg]
    Output:

    Click for original size


    Click for original size

  • [bl] - Break Left

    break clear left

    Example:
    [BL]
    Output:

  • [box] - Scroll Box

    scrolling box

    Example:
    [box=50]this is a scrolling box[/box]
    Output:
    this is a scrolling box

  • [br] - Break All

    break clear all

    Example:
    [BR]
    Output:

  • [encadre] - ENCADRE

    This BB Code inserts a text box to the right of a text (absolute position). It has to be inserted just before the content. (width customizable in %)

    Example:
    [encadre]This is a text box with a long text. Can be used with an article for example.[/encadre]Content
    [encadre=30]This is a text box with a long text. Can be used with an article for example.[/encadre]Content
    [br][/br]
    Output:
    Text box:
    This is a text box with a long text. Can be used with an article for example.
    Content
    Text box:
    This is a text box with a long text. Can be used with an article for example.
    Content

  • [fieldset] - FIELDSET

    This BB Code inserts a fieldset (Title and Width in % customizable ; separator: |)

    Example:
    [fieldset]This is a fieldset[/fieldset]
    [fieldset=Title]This is a fieldset[/fieldset]
    [fieldset=Title|80]This is a fieldset[/fieldset]
    Output:
    Fieldset This is a fieldset

    Title This is a fieldset

    Title This is a fieldset

  • [gimg] - gimg

    gimg

    Example:
    [gimg]http://www.readytocut.com/pict/flag.png[/gimg]
    Output:

  • [gview] - GVIEW

    This BB Code displays documents using the "Google Docs - Viewer" (supports many different file types:pdf,ppt,doc,xls...).

    Example:
    [gview]http://www.readytocut.com/community/styles/_custom/googledocs2.pdf[/gview]
    Output:

  • [h2] - H2

    H2 Paragraph

    Example:
    [h2]Title[/h2]
    This is normal text
    Output:

    Title

    This is normal text

  • [hd] - hd

    vimeo HD 16:9 responsive

    Example:
    [hd]72814180[/hd]
    Output:

  • [hd43] - hd43

    vimeo HD 4:3 responsive

    Example:
    [hd43]72814180[/hd43]
    Output:

  • [justif] - JUSTIF

    This BB Code allows your members to fully justify a text

    Example:
    [justif]Vestibulum hendrerit euismod quam, quis pretium tellus bibendum non. [/justif]
    Output:
    Vestibulum hendrerit euismod quam, quis pretium tellus bibendum non.

  • [l] - Left

    float left

    Example:
    [L]some content[/L]
    Output:
    some content

  • [map] - Google Map

    Google maps a location.

    Example:
    [map]Houston TX[/map]
    a 400 x 300 map of Houston, TX
    Output:

    a 400 x 300 map of Houston, TX

  • [picasa] - PICASA

    Picasa

    Example:
    [picasa=400]https://picasaweb.google.com/data/feed/base/user/107996086067888304599/albumid/5405870539471486705?alt=rss&kind=photo&hl=en_US[/picasa]
    Output:

  • [pre] - Pre

    preserve formatting

    Example:
    [PRE]Column 1 Column 2 Column 3
    Cell 1 Cell 2 Cell 3[/PRE]
    Output:
    Column 1	Column 2	Column 3
    
Cell 1		Cell 2		Cell 3

  • [r] - Right

    Floats right

    Example:
    [r]some content[/r]
    Output:
    some content

  • [slider] - SLIDER

    Slider BB Code (master tag) - works with slave tags {slide}

    Example:
    [slider]
    {slide=Title 1|center}Content 1{/slide}
    {slide}Content 2{/slide}
    {slide}Content 3{/slide}
    {slide=open}Content 4{/slide}
    [/slider]
    Output:
    « »
    Title 1
    Content 1
    Content 2
    Content 3
    Content 4
    •• •• •• ••

  • [spoiler] - Spoiler

    Adds a spoiler tag to hide and show a text

    Example:
    [spoiler]I just spoiled your mind.[/spoiler]
    [spoiler=Title]I just spoiled your mind.[/spoiler]
    Output:
    Show Spoiler
    I just spoiled your mind.

    Title (open)
    I just spoiled your mind.

  • [spoilerbb] - SPOILERBB

    The original spoiler bbcode!

    Example:
    [spoilerbb]hidden text[/spoilerbb]
    Output:
    Spoiler
    hidden text

  • [tabs] - TABS

    Tabs BBcode (master tag) - works with slave tags {slide}

    Example:
    [tabs=bcenter|300x80]
    {slide=Title|center}Content{/slide}
    {slide=Title|center}Content 2{/slide}
    [/tabs]

    [tabs=bright|80%]
    {slide=Title|center}Content{/slide}
    {slide=Title|right|open}Content 2
    {tab=1}Slide 1{/tab}
    {/slide}
    [/tabs]
    Output:
    Content
    Content 2


    Content
    Content 2
    Slide 1