BB Code

Explanation

BB code is a set of tags based on the HTML language that you may already be familiar with. They allow you to add formatting to your messages in the same way as HTML does, but have a simpler syntax and will never break the layout of the pages you are viewing. The ability to use BB code is set on a forum-by-forum basis by the administrator, so you should check the forum rules when you post a new message.

Below is a list of the BB code tags you can use to format your messages.

BB Code List

  1. Bold / Italic / Underline
  2. Color
  3. Size
  4. Font
  5. Highlight
  6. Left / Right / Center
  7. Indent
  8. Email Linking
  9. URL Hyperlinking
  10. Thread Linking
  11. Post Linking
  12. Bulleted Lists / Advanced Lists
  13. Images
  14. Videos
  15. Code
  16. PHP Code
  17. HTML Code
  18. Quote
  19. Stop BB Code Parsing
  20. Attachment
  21. Abbreviation
  22. Anchor for jumping
  23. Content Box
  24. Graphic Content
  25. Dictionary Definition
  26. Deleted text
  27. fieldset
  28. Fieldset w/ Legend
  29. Float left/right
  30. Google Video with No Title
  31. Google Video with Custom Title
  32. Inserted text
  33. Instagram
  34. Jump to anchor
  35. Last.fm Recent Tracks
  36. legend
  37. Horizontal rule
  38. Mashup
  39. Source
  40. Overline
  41. Preserve spacing
  42. Right-to-left text
  43. Strikethrough
  44. Source
  45. Spoiler block
  46. Spoiler Block (with custom title)
  47. Streamable Video
  48. Table
  49. Table data
  50. Table Data (no border)
  51. Table heading
  52. Table row
  53. Monospace ("teletype") font
  54. Tweet(X)
  55. Video
  56. TWC Wiki Link
  57. TWC Wiki Link (with different text from link)
  58. Wikipedia link (no parameter)
  59. Wikipedia link
  60. YouTube Video with No Title
  61. YouTube Video with Custom Title
Incorrect BB Code Usage:
  • [url] www.example.com [/url] - don't put spaces between the bracketed code and the text you are applying the code to.
  • [email]myname@domain.com[email] - the end brackets must include a forward slash ([/email])

Bold / Italic / Underline

The [b], [i] and [u] tags allow you to create text that is bold, italic and underlined.

    • [b]value[/b]
    • [i]value[/i]
    • [u]value[/u]
    Usage
    • [b]this text is bold[/b]
    • [i]this text is italic[/i]
    • [u]this text is underlined[/u]
    Example Usage
    • this text is bold
    • this text is italic
    • this text is underlined
    Example Output

Color

The [color] tag allows you to change the color of your text.

  • [color=Option]value[/color]
    Usage
  • [color=blue]this text is blue[/color]
    Example Usage
  • this text is blue
    Example Output

Size

The [size] tag allows you to change the size of your text.

  • [size=Option]value[/size]
    Usage
  • [size=+2]this text is two sizes larger than normal[/size]
    Example Usage
  • this text is two sizes larger than normal
    Example Output

Font

The [font] tag allows you to change the font of your text.

  • [font=Option]value[/font]
    Usage
  • [font=courier]this text is in the courier font[/font]
    Example Usage
  • this text is in the courier font
    Example Output

Left / Right / Center

The [left], [right] and [center] tags allow you to change the alignment of your text.

    • [left]value[/left]
    • [center]value[/center]
    • [right]value[/right]
    Usage
    • [left]this text is left-aligned[/left]
    • [center]this text is center-aligned[/center]
    • [right]this text is right-aligned[/right]
    Example Usage
  • this text is left-aligned
    this text is center-aligned
    this text is right-aligned
    Example Output

Indent

The [indent] tag allows you to indent your text.

  • [indent]value[/indent]
    Usage
  • [indent]this text is indented[/indent]
    Example Usage
  • this text is indented
    Example Output

Email Linking

The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link.

    • [email]value[/email]
    • [email=Option]value[/email]
    Usage
    • [email]j.doe@example.com[/email]
    • [email=j.doe@example.com]Click Here to Email Me[/email]
    Example Usage
  • Example Output

URL Hyperlinking

The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link.

Thread Linking

The [thread] tag allows you to link to threads by specifying the thread id. You can include an optional parameter to 'name' your link.

Post Linking

The [post] tag allows you to link to posts by specifying the post id. You can include an optional parameter to 'name' your link.

Bulleted Lists

The [list] tag allows you to create simple, bulleted lists without specifying an option. Within the value portion, each bullet is denoted by the [*] tag.

  • [list]value[/list]
    Usage
  • [list]
    [*]list item 1
    [*]list item 2
    [/list]
    Example Usage
    • list item 1
    • list item 2
    Example Output

Advanced Lists

The [list] tag allows you to create advanced lists by specifying an option. The option should have a value of 1 (for a numbered list) or A (for an alphabetic with capital letters list) or a (for an alphabetic with lowercase letters list) or I (for a numbered with capital Roman numeral list) or i (for a numbered with small Roman numeral list).

  • [list=Option]value[/list]
    Usage
  • [list=1]
    [*]list item 1
    [*]list item 2
    [/list]

    [list=A]
    [*]list item 1
    [*]list item 2
    [/list]

    [list=a]
    [*]list item 1
    [*]list item 2
    [/list]
    Example Usage
    1. list item 1
    2. list item 2
    1. list item 1
    2. list item 2
    1. list item 1
    2. list item 2
    Example Output

Images

The [img] tag allows you to embed images within your posts. You can also combine this tag with the [url] tag to make images become links.

  • [img]value[/img]
    Usage
    • [img]https://www.twcenter.net/forums/images/y2skin/statusicon/forum_new-48.png[/img] (Not linked)
    • [url=http://www.example.com] [img]https://www.twcenter.net/forums/images/y2skin/statusicon/forum_new-48.png[/img] [/url] (Linked)
    Example Usage
    • (Not linked)
    • (Linked)
    Example Output

Videos

The [video] tag allows you to embed videos from various video services within your posts.

  • [video]value[/video]
    Usage
    • [video=youtube;eOUq4Z6R7xI]http://www.youtube.com/watch?v=eOUq4Z6R7xI[/video]
    Example Usage
    Example Output

Code

The [code] tag switches to a fixed-width (monospace) font and preserves all spacing.

  • [code]value[/code]
    Usage
  • [code]
    <script type="text/javascript">
    <!--
        alert("Hello world!");
    //-->
    </script>
    [/code]
    Example Usage
  • Code:
    <script type="text/javascript">
    <!--
    	alert("Hello world!");
    //-->
    </script>
    Example Output

PHP Code

The [php] tag performs the same function as the [code] tag, but also adds syntax highlighting for PHP code. Although it is designed for PHP, it may correctly highlight some other C-like languages.

  • [php]value[/php]
    Usage
  • [php]
    $myvar = 'Hello World!';
    for ($i = 0; \$i < 10; \$i++)
    {
        echo $myvar . "\n";
    }
    [/php]
    Example Usage
  • PHP Code:
    $myvar 'Hello World!';
    for (
    $i 0$i 10$i++)
    {
        echo 
    $myvar "\n";

    Example Output

HTML Code

The [html] tag allows you to perform syntax highlighting for HTML code.

  • [html]value[/html]
    Usage
  • [html]
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    [/html]
    Example Usage
  • HTML Code:
    <img src="image.gif" alt="image" />
    <a href="testing.html" target="_blank">Testing</a>
    Example Output

Quote

The [quote] tag allows you to attribute text to someone else.

    • [quote]Quote[/quote]
    • [quote=User Name]value[/quote]
    Usage
    • [quote]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe]Lorem ipsum dolor sit amet[/quote]
    • [quote=John Doe;16176531]Lorem ipsum dolor sit amet[/quote]
    Example Usage
    • Lorem ipsum dolor sit amet
    • Quote Originally Posted by John Doe
      Lorem ipsum dolor sit amet
    • Quote Originally Posted by John Doe View Post
      Lorem ipsum dolor sit amet
    Example Output

Highlight

The [highlight] tag allows you to emphasize your text.

  • Usage
    [highlight]value[/highlight]
  • Example Usage
    [highlight]this text is highlighted[/highlight]
  • Example Output
    this text is highlighted

Stop BB Code Parsing

The [noparse] tag allows you to stop the parsing of BB code.

  • [noparse][b]value[/b][/noparse]
    Usage
  • [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
    Example Usage
  • [b]Lorem ipsum dolor sit amet[/b]
    Example Output

Attachment

The [attach] tag allows you to display an attachment in your post rather than at the bottom. It will only display attachments that belong to the post in which it is utilized.

  • [attach]attachmentid[/attach]
    Usage
  • [attach]12345[/attach]
    Example Usage
  • Example Output

Abbreviation

Indicates an abbreviated form, like "Inc.", "etc.".

  • [abbr=Option]value[/abbr]
    Usage
  • [abbr=Consilium de Civitate]CDC[/abbr]
    Example Usage
  • CDC
    Example Output

Anchor for jumping

  • [anchor=Option]value[/anchor]
    Usage
  • [anchor=demo]Anchor for demo[/anchor]
    Example Usage
  • Example Output

Content Box

This encloses the text in a collapsible content box. BG: http://www.twcenter.net/forums/images/misc/contentbox.png Previous BG: http://www.twcenter.net/forums/images_bward/styles/Corporate/new/header_back.jpg

  • [contentbox=Option]value[/contentbox]
    Usage
  • [contentbox=Dead]Parrot[/contentbox]
    Example Usage
  • Dead
    Parrot
    Example Output

Graphic Content

Deprecated. Same as spoiler for now, will be removed in the future.

  • [contentwarning]value[/contentwarning]
    Usage
  • contentwarning
    Example Usage
  • contentwarning
    Example Output

Dictionary Definition

Links to the definition from the Online Merrian-Webster Dictionary

  • [define=Option]value[/define]
    Usage
  • [define=definition]The definition of definition[/define]
    Example Usage
  • Example Output

Deleted text

Styles text to mark it as deleted from a document.

  • [del]value[/del]
    Usage
  • [del]I didn't mean to say this[/del]
    Example Usage
  • I didn't mean to say this
    Example Output

fieldset

The fieldset element draws a box around its containing elements.

  • [fieldset]value[/fieldset]
    Usage
  • [fieldset]there is a box around me[/fieldset]
    Example Usage
  • there is a box around me
    Example Output

Fieldset w/ Legend

Fieldset with option for legend.

  • [fieldset2=Option]value[/fieldset2]
    Usage
  • [fieldset2=Monkey]Likes Bananas[/fieldset2]
    Example Usage
  • Monkey Likes Bananas
    Example Output

Float left/right

  • [float=Option]value[/float]
    Usage
  • text text text [float=right]float this to the right[/float] text text text text text
    Example Usage
  • text text text
    float this to the right
    text text text text text
    Example Output

Google Video with No Title

Embed a Google Video video with no custom title.

  • [gvideo]value[/gvideo]
    Usage
  • [gvideo]3688185030664621355[/gvideo]
    Example Usage
  • + Google Video
    ERROR: If you can see this, then Google Video is down or you don't have Flash installed.
    Example Output

Google Video with Custom Title

Embed a Google Video video with a custom title.

Inserted text

Indicates text added to a document.

  • [ins]value[/ins]
    Usage
  • [ins]This is new information[/ins]
    Example Usage
  • This is new information
    Example Output

Instagram

[instagram]{instagram ID}[/instagram]

  • [instagram]value[/instagram]
    Usage
  • [instagram]https://www.instagram.com/p/BS2kMaZl2XO/[/instagram]
    Example Usage
  • Example Output

Jump to anchor

  • [Jump=Option]value[/Jump]
    Usage
  • [jump=demo]Click here to jump to demo![/jump]
    Example Usage
  • Example Output

Last.fm Recent Tracks

Takes User ID and shows scrollable list of recently listened tracks

  • [lastfm]value[/lastfm]
    Usage
  • .
    Example Usage
  • .
    Example Output

legend

The legend element defines a caption for a fieldset.

  • [legend]value[/legend]
    Usage
  • Example Usage
  • Example Output

Horizontal rule

Creates a line with the length of the paramater specified (in the example, it's 300 pixels). May take pixel values or percentages.

  • [line]value[/line]
    Usage
  • [line]300[/line]
    Example Usage

  • Example Output

Mashup

Provides a small interface for viewing the maps.

  • [mashup]value[/mashup]
    Usage
  • [mashup]7633/NghADn[/mashup]
    Example Usage
  • Example Output

Source

tag for [video] and [audio]

  • [mediasource]value[/mediasource]
    Usage
  • [video][mediasource]http://videos.mozilla.org/firefox/3.5/meet/meet.ogv[/mediasource][mediasource]http://videos.mozilla.org/firefox/3.5/meet/meet.mp4[/mediasource][/video]
    Example Usage
  • Example Output

Overline

  • [overline]value[/overline]
    Usage
  • √[overline]2[/overline]
    Example Usage
  • 2
    Example Output

Preserve spacing

  • [pre]value[/pre]
    Usage
  • [pre] Spacing is preserved[/pre] Not this spacing
    Example Usage
  •  Spacing is   preserved
    Not this spacing
    Example Output

Right-to-left text

The dir attribute overrides the default text direction.

  • [rtl]value[/rtl]
    Usage
  • [rtl]This text is right to left[/rtl]
    Example Usage
  • This text is right to left
    Example Output

Strikethrough

Strikes out typed text.

  • [s]value[/s]
    Usage
  • [s]strikethrough[/s]
    Example Usage
  • strikethrough
    Example Output

Source

Creates a box that hides text until a button is clicked.

  • [source]value[/source]
    Usage
  • [source]This is a Helios Article[/source]
    Example Usage
  • Click to view content: 
    This is a Helios Article
    Example Output

Spoiler block

Creates a box that hides text until a button is clicked.

  • [spoiler]value[/spoiler]
    Usage
  • [spoiler]The butler did it![/spoiler]
    Example Usage
  • Spoiler Alert, click show to read: 
    The butler did it!
    Example Output

Spoiler Block (with custom title)

  • [spoiler=Option]value[/spoiler]
    Usage
  • [Spoiler=Example]This text is hidden if you don't click Show[/spoiler]
    Example Usage
  • Spoiler for Example
    This text is hidden if you don't click Show
    Example Output

Streamable Video

  • [streamable]value[/streamable]
    Usage
  • [streamable]2ve3[/streamable]
    Example Usage
  • Example Output

Table

Use this to wrap around table rows and cells. Make sure that everything is nested correctly! Every [tr] must be immediately inside a [table], and every [td] or [th] must be immediately inside a [tr].

[table]Hello[/table] = no good
[table][td]Hello[/td][/table] = no good
[table][tr]Hello[/tr][/table] = no good
[table][tr][td]Hello[/td][/tr][/table] = good

To avoid a gap above your table do not use line breaks between the [table], [tr] and [td]/[th] tags. (It is safe to use them within [td]/[th] tags.)

[table][tr][td]Hello[/td][/tr][/table] = good

[table]
[tr]
[td]Hello[/td]
[/tr]
[/table]
= works but a gap will appear above the table; the more line breaks the bigger the gap

  • [table]value[/table]
    Usage
  • Example Usage
  • Example Output

Table data

This adds a table data cell inside a table row.

  • [td]value[/td]
    Usage
  • Example Usage
  • Example Output

Table Data (no border)

.

  • [td2]value[/td2]
    Usage
  • .
    Example Usage
  • .
    Example Output

Table heading

This adds a table heading inside a table row.

  • [th]value[/th]
    Usage
  • Example Usage
  • Example Output

Table row

This adds a table row.

  • [tr]value[/tr]
    Usage
  • Example Usage
  • Example Output

Monospace ("teletype") font

  • [tt]value[/tt]
    Usage
  • [tt]This looks like it came from a typewriter[/tt]
    Example Usage
  • This looks like it came from a typewriter
    Example Output

Tweet(X)

This tweet: [tweet]https://twitter.com/noypiscripter/status/758114543033647104[/tweet] or just using the Twitter Post ID [tweet]758114543033647104[/tweet]

  • [tweet]value[/tweet]
    Usage
  • [tweet]https://twitter.com/noypiscripter/status/758114543033647104[/tweet]
    Example Usage
  • Example Output

Video

HTML5 video tag, to be used with

  • [video]value[/video]
    Usage
  • [video][mediasource]http://videos.mozilla.org/firefox/3.5/meet/meet.ogv[/mediasource][mediasource]http://videos.mozilla.org/firefox/3.5/meet/meet.mp4[/mediasource][/video]
    Example Usage
  • Example Output

TWC Wiki Link

{param}

  • [w]value[/w]
    Usage
  • [w]Total War Center[/w]
    Example Usage
  • Example Output

TWC Wiki Link (with different text from link)

Wikipedia link (no parameter)

Allows easy linking to Wikipedia. Note that spaces and special characters may not work properly!

  • [wiki]value[/wiki]
    Usage
  • [wiki]Mimir[/wiki]
    Example Usage
  • Example Output

Wikipedia link

Allows easy linking to Wikipedia.

  • [Wiki=Option]value[/Wiki]
    Usage
  • [wiki=M%C3%ADmir]Wiki article on Mimir[/wiki]
    Example Usage
  • Example Output

YouTube Video with No Title

Embed a YouTube video with no custom title.

  • [youtube]value[/youtube]
    Usage
  • [youtube]-zvCUmeoHpw[/youtube]
    Example Usage
  • Example Output

YouTube Video with Custom Title

Embed a YouTube video with a custom title.

  • [youtube=Option]value[/youtube]
    Usage
  • [youtube="hl2UUunlI2Q"]Aston Martin Crash[/youtube]
    Example Usage
  • Example Output