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. 2 spaces
  22. 3 spaces
  23. Anchor
  24. Return
  25. Censored
  26. Clear
  27. Dictionary
  28. Ebay
  29. Expanded Line Break
  30. Expand
  31. Float Left
  32. Float Left
  33. Float Right
  34. Float Right
  35. gal
  36. Gameroom table cell
  37. Gameroom table cell with width
  38. Gameroom table header cell
  39. Glow
  40. Google
  41. Gameroom table row
  42. Gameroom table
  43. Highlight
  44. inline frame
  45. inline frame
  46. Image Change MO
  47. Custom Indented
  48. Jump
  49. LMI
  50. LMT
  51. Mention
  52. Org Facebook Like
  53. p break
  54. Strike Through
  55. Scrolling text left
  56. Scrolling text right
  57. Scrolling text up
  58. Spoiler
  59. Spoiler2
  60. Street View
  61. LDMTable
  62. Test Float left
  63. Timer
  64. User
  65. Wikipedia
  66. wmv
  67. wmv2
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.

    • [url]value[/url]
    • [url=Option]value[/url]
    Usage
    • [url]http://forums.totalwar.org/vb[/url]
    • [url=http://forums.totalwar.org/vb]The Org[/url]
    Example Usage
  • Example Output

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]http://forums.totalwar.org/vb/images/fstheme/statusicon/forum_new-48.png[/img] (Not linked)
    • [url=http://www.example.com] [img]http://forums.totalwar.org/vb/images/fstheme/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;2053625008]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

2 spaces

This tag puts two spaces in front of a text.

  • [2sp]value[/2sp]
    Usage
  • [2sp]Two spaces[/2sp]
    Example Usage
  •   Two spaces
    Example Output

3 spaces

This tag puts three spaces in front of a text.

  • [3sp]value[/3sp]
    Usage
  • [3sp]Three spaces[/3sp]
    Example Usage
  •    Three spaces
    Example Output

Anchor

Creates an anchor that members can jump to when used in combination with the "jump" bbcode.

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

Return

  • [br]value[/br]
    Usage
  • [br]Hello[/br]
    Example Usage

  • Hello
    Example Output

Censored

  • [censor]value[/censor]
    Usage
  • [censor]@#$%[/censor]
    Example Usage
  • Incompatible language
    Example Output

Clear

Forced clear of floating tags. Options are none, left, right and all.

  • [clr=Option]value[/clr]
    Usage
  • [clr=left]Breaks floating and starts writing left.[/clr]
    Example Usage

  • Breaks floating and starts writing left.
    Example Output

Dictionary

Find the meaning of a word.

  • [dic]value[/dic]
    Usage
  • [dic]forum[/dic]
    Example Usage
  • forumdict
    Example Output

Ebay

Links to search on eBay with search words or directly to item with item number.

  • [ebay]value[/ebay]
    Usage
  • [ebay]PC Games[/ebay]
    Example Usage
  • Example Output

Expanded Line Break

  • [eBR]value[/eBR]
    Usage
  • some text[eBR]1[/eBR]more text
    Example Usage
  • some text
    more text
    Example Output

Expand

Use this tag to collapse large sections of text. Can be nested. Do not use this to hide spoilers.

  • [ex]value[/ex]
    Usage
  • [ex]This long text is collapsed.[/ex]
    Example Usage
  • This long text is collapsed.
    Example Output

Float Left

Float and image to the left, wrap text around it!

  • [fleft]value[/fleft]
    Usage
  • [fleft]http://forums.totalwar.org/vb/images/bb/imgl.gif[/fleft]The image is placed on the left and any text typed wraps around it on the right. More text is required to demonstrate this effect here.
    Example Usage
  • The image is placed on the left and any text typed wraps around it on the right. More text is required to demonstrate this effect here.
    Example Output

Float Left

Float and image to the left, wrap text around it!

  • [fleft=Option]value[/fleft]
    Usage
  • [fleft=http://www.totalwar.com]http://forums.totalwar.org/vb/images/bb/imgl.gif[/fleft]The image is placed on the left and any text typed wraps around it on the right. More text is required to demonst
    Example Usage
  • The image is placed on the left and any text typed wraps around it on the right. More text is required to demonst
    Example Output

Float Right

Float and image to the right, wrap text around it!

  • [fright]value[/fright]
    Usage
  • [fright]http://forums.totalwar.org/vb/images/bb/imgr.gif[/fright]The image is placed on the right and any text typed wraps around it on the left. More text is required to demonstrate this effect here.
    Example Usage
  • The image is placed on the right and any text typed wraps around it on the left. More text is required to demonstrate this effect here.
    Example Output

Float Right

Float and image to the right, wrap text around it!

  • [fright=Option]value[/fright]
    Usage
  • [fright=http://www.totalwar.org]http://forums.totalwar.org/vb/images/bb/imgr.gif[/fright]The image is placed on the right and any text typed wraps around it on the left. More text is required to demon
    Example Usage
  • The image is placed on the right and any text typed wraps around it on the left. More text is required to demon
    Example Output

gal

  • [gal]value[/gal]
    Usage
  • [gal]VBFA/aeduivcassestones.jpg[/gal]
    Example Usage
  • Example Output

Gameroom table cell

Table cell without width parameter

  • [gCell]value[/gCell]
    Usage
  • [gCell]text[/gCell]
    Example Usage
  • text
    Example Output

Gameroom table cell with width

This is the normal cell in a gameroom table. It is half the width of the table, which indicates that there should be two of them for each row [gRow]

  • [gCell=Option]value[/gCell]
    Usage
  • [gCell=50%]Normal text[/gCell]
    Example Usage
  • Normal text
    Example Output

Gameroom table header cell

This is the standard gameroom table header. It spans two columns and has a blue background

  • [gHCell=Option]value[/gHCell]
    Usage
  • [gHCell=2]Header text[/gHCell]
    Example Usage
  • Header text
    Example Output

Glow

Puts a glow around text...

  • [glow=Option]value[/glow]
    Usage
  • [glow=00FF33]Green Glow[/glow]
    Example Usage
  • Green Glow
    Example Output

Google

Quick Links to google things!

  • [google]value[/google]
    Usage
  • [google]samurai[/google]
    Example Usage
  • Example Output

Gameroom table row

This is the standard gameroom table row. You need to supply it with cell tags in order for it to display.

  • [gRow]value[/gRow]
    Usage
  • [gRow][gHCell=2]Header[/gHCell][/gRow]
    Example Usage
  • Header
    Example Output

Gameroom table

This is the bbCode version of the gameroom calendar. You need to supply it with row tags and cell tags for it to actually generate a table.

  • [gTable=Option]value[/gTable]
    Usage
  • [gTable=75%][gRow][gHCell=2]Header[/gHCell][/gRow][gRow][gCell=50%]Text[/gCell][gCell=50%]Text[/gCell][/gRow][/gTable]
    Example Usage
  • Header
    TextText
    Example Output

Highlight

This highlights selected texts

  • [HL]value[/HL]
    Usage
  • [HL]This is a highlight test[/HL]
    Example Usage
  • This is a highlight test
    Example Output

inline frame

iframe displays a whole html page inside a new frame in a post.

  • [iframe=Option]value[/iframe]
    Usage
  • [iframe="100"]test.html[/iframe]
    Example Usage
  • Example Output

inline frame

This iframe only displays HTML content from a controlled source.

Image Change MO

Takes image url as parameter and option. image parameter is default image while the image option is the image it will change to onMouseOver.

  • [IMC=Option]value[/IMC]
    Usage
  • [IMC=http://i6.photobucket.com/albums/y230/asleka/lightsaber_darkblue.png]http://i6.photobucket.com/albums/y230/asleka/lightsaber_pink.png[/IMC]
    Example Usage
  • Example Output

Custom Indented

  • [IND]value[/IND]
    Usage
  • [IND]This is indented text[/IND]
    Example Usage
  • This is indented text

    Example Output

Jump

Makes your content "hyperlinked" to jump to the anchor supplied.

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

LMI

Tag is not for normal use in forums.

  • [lmi]value[/lmi]
    Usage
  • [tbl][lmi]test[/lmi][/tbl]
    Example Usage
  • test
    Example Output

LMT

This tag is not for normal use in forums.

  • [lmt]value[/lmt]
    Usage
  • [tbl][lmt]test[/lmt][/tbl]
    Example Usage
  • test
    Example Output

Mention

Mention an user to alert him or her to this post!

  • [mention]value[/mention]
    Usage
  • [mention]Username[/mention]
    Example Usage
  • @
    Example Output

Org Facebook Like

Add a Facebook Like icon system.

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

p break

Adds an HTML p break

  • [p=Option]value[/p]
    Usage
  • [p][/p]
    Example Usage
  • [p][/p]
    Example Output

Strike Through

Strike Through

  • [s]value[/s]
    Usage
  • [s]Strike Through[/s]
    Example Usage
  • Strike Through
    Example Output

Scrolling text left

Scrolling text. Direction right to left. Takes one parameter which is the width of the scroll banner. use: [ScrollLeft={percentage}]

  • [ScrollLeft=Option]value[/ScrollLeft]
    Usage
  • [ScrollLeft=50]Announcement[/ScrollLeft]
    Example Usage
  • Announcement
    Example Output

Scrolling text right

Scrolling text. Direction left to right. Takes one parameter which is the width of the scroll banner. use: [ScrollRight={percentage}]

  • [ScrollRight=Option]value[/ScrollRight]
    Usage
  • [ScrollRight=50]Announcement[/ScrollRight]
    Example Usage
  • Announcement
    Example Output

Scrolling text up

Scrolling text with direction: up. Multiple lines in "end movie credits" style

  • [ScrollUp]value[/ScrollUp]
    Usage
  • [ScrollUp]Hey how are you?[/ScrollUp]
    Example Usage
  • Hey how are you?
    Example Output

Spoiler

Use this tag to hide text and prevent spoiling tips.

  • [spoil]value[/spoil]
    Usage
  • [spoil]Hello[/spoil]
    Example Usage
  • Spoiler Alert, click show to read: 
    Hello
    Example Output

Spoiler2

Use this tag to hide text and prevent spoiling tips.

  • [spoiler]value[/spoiler]
    Usage
  • [spoiler]Hello[/spoiler]
    Example Usage
  • Spoiler Alert, click show to read: 
    Hello
    Example Output

Street View

Add Google Street View to the forum. Locate the place of interest you want, using maps.google.com street view then click LINK icon right hand side, and copy the link info in the very first box, and paste between the [sview] tags

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

LDMTable

Table tag. To be used in LDM.

  • [tbl]value[/tbl]
    Usage
  • [tbl][lmi]Image[/lmi][/tbl]
    Example Usage
  • Image
    Example Output

Test Float left

test float left

  • [TFLE]value[/TFLE]
    Usage
  • [TFLE]http://i6.photobucket.com/albums/y230/asleka/lightsaber_darkblue.png[/TFLE]some text and then more of it...
    Example Usage
  • some text and then more of it...
    Example Output

Timer

The bbcode must be formatted in the following manner: [TIMER=M/D/YYYY H:MM AM/PM ZONE; TIMEUP PHRASE][/ TIMER] Where M = The Month number, with or without a 0. So, for August, either 8 or 08. D = The Day number, with or without a 0. So, for the fifth day, either 5 or 05. YYYY = The Year in full four digit number format H: The Hour, with or without a 0. So, for the seventh hour, either 7 or 07. MM = The Minute, so quarter past the hour would be 15, half past would be 30, and on the hour would be 00. AM/PM = AM or PM ZONE = Time Zone of the deadline. It is very important that you put this in. If you do not, the timer will display the local time for each person viewing it, which means people in different parts of the world will see different (and incorrect) times. The time zone codes accept all of the usual zone abbreviations, such as UTC, GMT, EST, EDT, PST, PDT, etc. You can also use UTC referential times, such as UTC-1, UTC-2, UTC+7, etc. TIMEUP PHRASE = Whatever text you want it to display when the timer is finished, such as "Day Phase Over" or "Night Phase Over". So, to create a timer counting down to a Night Phase which ends on August 24, 2015 at 5pm, GMT, I would create the following bbcode: [TIMER=8/24/2015 5:00 PM GMT; Night Phase Over][/ TIMER]

  • [timer=Option]value[/timer]
    Usage
  • [timer=12/31/2020 5:00 AM UTC;Round Over][/timer]
    Example Usage
  • Example Output

User

Wrap these tags to make a quick link to a user's profile anywhere at all.

  • [user]value[/user]
    Usage
  • [user]TosaInu[/user]
    Example Usage
  • Example Output

Wikipedia

Links to facts and dates without a seperate search!

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

wmv

  • [wmv]value[/wmv]
    Usage
  • [wmv]http://www.mizus.com/files/files/VikingBattle/VikingGloryofWar2.wmv[/wmv]
    Example Usage
  • Example Output

wmv2

  • [wmv2]value[/wmv2]
    Usage
  • [wmv2]http://www.mizus.com/files/files/VikingBattle/VikingGloryofWar2.wmv[/wmv2]
    Example Usage
  • Example Output