BB Codes

  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.
  2. Check it out in the NAWCC Events forum:
    Talk about the upcoming National Meeting
    Preregistration is now closed.
    Visit the site for our New Member Walk In Deal.
  • [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://mb.nawcc.org/​styles/nawcc​/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; pbs; 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.
  • [ALT=option] - custom_bb_code_alt_title

    custom_bb_code_alt_desc

    Example:
    [ALT = "myImage.gif"]This is my image example[/ALT]
    Output:
    [ALT = "myImage.gif"]This is my image example[/ALT]
  • [AUTOLINK] - Autolink

    For internal use only.

    Example:
    [autolink]Main Page[/autolink]
    Output:
    [autolink]Main Page[/autolink]
  • [BOOK], [BOOK=option] - Book

    Create a link to an article with the Book prefix.

    Example:
    [book=Example]Click here to view this page![/book]
    Output:
    Click here to view this page!
  • [BOOKINDEX] - Book Index

    Lists all chapters in the specified book in chapter order. Enter a book title.

    Example:
    [bookindex]Demo Book[/bookindex]
    Output:

  • [CATEGORY] - Legacy Category Tag

    In very old versions of VaultWiki, this tag added the page that used it to the specified category. Now this tag is only used when importing from other wikis that still use those old versions.

    Example:
    [category]Example[/category]
    Output:
    Example
  • [CHAR] - Char

    Insert a special character into your text.

    Example:
    [char]lt[/char]
    Output:
    <
  • [COMMENT] - Comment

    Create a comment that is only visible in the source code.

    Example:
    [comment]This is an HTML comment.[/comment]
    Output:
  • [DEV], [DEV=option] - Development

    Create a link to an article with the Development prefix.

    Example:
    [dev=Example]Click here to view this page![/dev]
    Output:
    Click here to view this page!
  • [DIV] - Div

    Create a CSS-styled block for your text.

    Example:
    [div] style="border: 1px solid #ff0000" | Text in the block. [/div]
    Output:
    Text in the block.
  • [FA] - Font Awesome

    Font Awesome Icons

    Example:
    [FA]camera[/FA]
    [COLOR=#BCCF02][FA]github[/FA][/COLOR]
    [CENTER][SIZE=7][COLOR=#D96459][FA]bullseye[/FA][/COLOR][/SIZE][/CENTER]
    Output:


  • [FIGURE], [FIGURE=option] - Figure and caption

    bbCode to implement the figure HTML element with its caption

    Example:
    [figure="caption for this figure"][image]image_id[/image][/figure]
    Output:
    Image:image_id
    caption for this figure
  • [FILE] - Wiki Attachment Tag

    Insert wiki attachments into posts.

    Example:
    [file]filename.ext[/file]
    Output:
    filename.ext
  • [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.
  • [FOOTNOTE], [FOOTNOTE=option] - Footnote

    Add footnotes to Vault articles.

    Example:
    [footnote]This is a footnote[/footnote]
    Output:
    [1]
  • [FORUMINDEX] - Forum Index

    Lists all threads from the specified forum in alphabetical order. Enter a forum ID to select the forum.

    Example:
    [forumindex]2[/forumindex]
    Output:

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

    Create a gallery of wiki images.

    Example:
    [gallery] caption="Gallery Title" |
    image1.ext|Caption text
    image2.ext|Caption text
    [/gallery]
    Output:
    [gallery] caption="Gallery Title" |
    image1.ext|Caption text
    image2.ext|Caption text
    [/gallery]
  • [H=option] - Headline

    Add section headlines to your post.

    Example:
    [h=4]This is a level 4 headline.[/h]
    Output:

    This is a level 4 headline.

  • [HELP], [HELP=option] - Help

    Create a link to an article with the Help prefix.

    Example:
    [help=Example]Click here to view this page![/help]
    Output:
    Click here to view this page!
  • [HR] - Horizontal Line

    Creates a horizontal line spanning a width you specify.

    Example:
    [hr]100[/hr]
    Output:

  • [IMAGE], [IMAGE=option] - Image

    Create a link to an article with the Image prefix.

    Example:
    [IMAGE=Example]Click here to view this page![/IMAGE]
    Output:
    Click here to view this page!
  • [PPT=option] - custom_bb_code_ppt_title

    custom_bb_code_ppt_desc

    Example:
    [ppt]Presentation.htm[/ppt]
    Output:
    [ppt]Presentation.htm[/ppt]
  • [REFER=option] - Refer to Attachment

    Replaces the standard attach reference with the ability to enter a description and not display an image

    Example:
    [refer=123456]reference to attachment[/refer]
    Output:
    reference to attachment
  • [REFLIST] - Reference List

    Show the footnotes for a particular post.

    Example:
    [reflist]1702[/reflist]
    Output:
      1. ^This is a footnote
  • [SAND], [SAND=option] - Play area

    Create a link to an article with the Play area prefix.

    Example:
    [sand=Example]Click here to view this page![/sand]
    Output:
    Click here to view this page!
  • [SHOWTHREADS] - Show Threads

    Lists threads with the most recent posts from the specified forum. Enter a forum ID to select the forum.

    Example:
    [showthreads]2[/showthreads]
    Output:

  • [SPAN] - Span

    Create a CSS-styled wrapper for your text.

    Example:
    [span] style="background-color: #ff0000" | Text in the wrapper. [/span]
    Output:
    Text in the wrapper.
  • [TABLE] - Table

    Create tables with flexibility.

    Example:
    [table]border="1"[/table]
    Output:
  • [TAG] - Tag code

    Reference to an existing tag.

    Example:
    [tag]small wonders[/tag]
    Output:
    small wonders
  • [TEMPLATE] - Template Inclusion Tag

    Include the content of the specified template in the current wiki page.

    Example:
    [template]Example[/template]
    Output:
    Example
  • [WIDGET] - Widget

    Create a variety of wiki-based and custom widgets.

    Example:
    [widget]MultiPage
    |Page 1
    |Page 2
    [/widget]
    Output:
    MultiPage
    |Page 1
    |Page 2
  • [WIKI], [WIKI=option] - Wiki

    Create a link to any page in the Wiki.

    Example:
    [Wiki=Example]Click here to view this page![/Wiki]
    Output:
    Click here to view this page!
  • [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