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][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://forum.fpt.edu.vn/​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; Facebook; flickr; GoogleDoc (pdf,doc,xls,ppt); GoogleMaps; 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:
    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.

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

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

    Click for original size


    Click for original size

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

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

  • [latex] - [BBM] LATEX

    This BB Code displays mathematical content or graphics using lateX

    Example:
    [LATEX] c=\sqrt{a^2+b^2} [/LATEX]
    Output:

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

  • [raw] - BBM Raw (Html)

    Html Bb Code

    Example:
    Only for some usergroups & in posts:
    [raw]<b>Text in bold</b>[/raw]
    Output:
    Only for some usergroups & in posts:
    Sorry you can't use this Bb Code

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

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