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 NameUser Name
  • [IMG] - Image

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

    Example:
    [IMG]https://qnap.expert/​styles/tma1​/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; asciinema; 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+; 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 (Text):
    1. General
    2. code
    PHP:
    Select All
    1. 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.
  • [COLUMNS], [COLUMNS=option] - Columns

    Make columns inside an article.

    Example:
    [COLUMNS]Pierwsza linia artykułu.
    Kolejna linia artykułu.
    Następna linia artykułu[/COLUMNS]
    [COLUMNS=3]A teraz pierwsza linia artykułu podzielona na 3 kolumny.
    Druga linia artykułu podzielona na 3 kolumny.
    I ostatnia linia artykułu podzielona na 3 kolumny.[/COLUMNS]
    Output:
    Pierwsza linia artykułu.
    Kolejna linia artykułu.
    Następna linia artykułu

    A teraz pierwsza linia artykułu podzielona na 3 kolumny.
    Druga linia artykułu podzielona na 3 kolumny.
    I ostatnia linia artykułu podzielona na 3 kolumny.
  • [DANGER=option] - Callout: Danger!

    Example:
    [danger='Known issues'] #001
    [b]Facility[/b]: Lorem ipsum dolor sit amet, consectetur...
    [b]Solution[/b]: Sed ut perspiciatis unde omnis iste natus error.
    [/danger]
    Output:

      Known issues

    #001
    Facility: Lorem ipsum dolor sit amet, consectetur...
    Solution: Sed ut perspiciatis unde omnis iste natus error.

  • [FLOAT], [FLOAT=option] - Float content, enabling text to wrap around it.

    Example:
    [FLOAT]obraz/zdjęcie[/FLOAT]
    [FLOAT=l]obraz/zdjęcie[/FLOAT]
    [FLOAT=r]obraz/zdjęcie[/FLOAT]
    Output:
    obraz/zdjęcie

    obraz/zdjęcie

    obraz/zdjęcie
  • [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]
  • [HELP=option] - Callout: Help

    Example:
    [help='echo']Display message on screen, writes each given STRING to standard output, with a space between each and a newline after the last one.[/help]
    Output:

      echo

    Display message on screen, writes each given STRING to standard output, with a space between each and a newline after the last one.

  • [INFO=option] - Callout: Info

    Example:
    [info='Install note']The list below defines the ports used, along with the default port numbers.
    [LIST]
    [*]Management WebUI [icode]8808[/icode] (http://IP_addr:8808)
    [*]SSH console: [icode]2202[/icode]
    [/LIST]
    To avoid eventual trouble with port conflicts, ...[/info]
    Output:

      Install note

    The list below defines the ports used, along with the default port numbers.

    • Management WebUI 8808 (http://IP_addr:8808)
    • FAQ SSH console: 2202
    To avoid eventual trouble with port conflicts, ...

  • [WARNING=option] - Callout: Warning

    Example:
    [warning='1.10.33']At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.[/warning]
    Output:

      1.10.33

    At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.

  • [accordion] - [BBM] 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] - [BBM] ARTICLE

    This BB Code is used to display an article

    Example:
    [article]This is an article[/article]
    Output:
    Article: This is an article
  • [av] - [BBM] Multimedia - html5media

    Html5 audio/video

    Example:
    [av]http://media.html5media.info/audio.mp3[/av]

    [av=fallback]http://media.html5media.info/audio.mp3|http://media.html5media.info/audio.ogg[/av]

    [av=320x240|http://media.html5media.info/poster.jpg|bcenter|This is a video|right]http://media.html5media.info/video.ogv[/av]
    Output:




    This is a video

  • [bimg] - [BBM] 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:

  • [encadre] - [BBM] 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
    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] - [BBM] 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
  • [fleft] - [BBM] Float left

    Make a block float on the left

    Example:
    [fleft]Make me float on the left[/fleft]
    Output:
    Make me float on the left
  • [fright] - [BBM] Float right

    Make a block float on the right

    Example:
    [fright]Make me float on the right[/fright]
    Output:
    Make me float on the right
  • [gview] - [BBM] GVIEW

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

    Example:
    [gview]http://docs.yahoo.com/docs/pr/pdf/1q05pr.pdf[/gview]
    Output:
  • [h2] - BBM H2

    H2 Paragraph

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

    Title

    This is normal text
  • [hl] - BBM Highlighter

    Highlighter for text

    Example:
    [hl]Default yellow highlight[/hl]
    [hl=green]Green highlight[/hl]
    [hl=blue]Blue highlight[/hl]
    [hl=orange]Orange highlight[/hl]
    Output:
    Default yellow highlight
    Green highlight
    Blue highlight
    Orange highlight
  • [icode] - Inlinecode

    Useful for inline short code chunks in posts

    Example:
    [icode]position: absolute;[/icode]
    Output:
    position: absolute;
  • [latex] - [BBM] LATEX

    This BB Code displays mathematical content or graphics using lateX

    Example:
    [LATEX] c=\sqrt{a^2+b^2} [/LATEX]
    Output:
  • [nowrap] - No wrap

    No word wraping

    Example:
    [nowrap]This text should not be
    wrapped. So it's not wrapped.[/nowrap]
    Output:
    This text should not be
    wrapped. So it's not wrapped.
  • [picasa] - [BBM] PICASA

    Picasa

    Example:
    [picasa]https://picasaweb.google.com/cedric.claerhout/Exemples[/picasa]
    [picasa=300]https://picasaweb.google.com/cedric.claerhout/Exemples[/picasa]
    [picasa=300,100]https://picasaweb.google.com/cedric.claerhout/Exemples[/picasa]
    [picasa=300,100,15s]https://picasaweb.google.com/cedric.claerhout/Exemples[/picasa]
    [picasa=100,80]https://picasaweb.google.com/104221919544446242342/Exemples#5498233130192530834[/picasa]
    Output:
    The URL you're using seems to be a direct link to a Picasa Album, please use instead its RSS link.
    The URL you're using seems to be a direct link to a Picasa Album, please use instead its RSS link.
    The URL you're using seems to be a direct link to a Picasa Album, please use instead its RSS link.
    The URL you're using seems to be a direct link to a Picasa Album, please use instead its RSS link.
    The URL you're using seems to be a direct link to a Picasa Album, please use instead its RSS link.
  • [slider] - [BBM] 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] - BBM 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] - [BBM] SPOILERBB

    The original spoiler bbcode!

    Example:
    [spoilerbb]hidden text[/spoilerbb]
    Output:
    Spoiler
    hidden text
  • [sub] - Subscript Text

    Small text below the normal line of type.

    Example:
    This is a [sub]subscript[/sub] example: H[sub]2[/sub]0 - Water
    Output:
    This is a subscript example: H20 - Water
  • [sup] - Superscript Text

    Small text above the normal line of type.

    Example:
    This is a [sup]superscript[/sup] example: 2[sup]3[/sup] = 8
    Output:
    This is a superscript example: 23 = 8
  • [tabs] - [BBM] 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