Home | Download | Discussion | Help | Site Map | New Posts | Sign in
vB Code
vB 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 vB 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 vB Codes you can use to format your messages.
vB Code List
[b], [i], [u] Bold / Italic / Underline
[color] Color
[size] Size
[highlight] Highlight
[left], [right], [center] Left / Right / Center
[indent] Indent
[email] Email Linking
[url] URL Hyperlinking
[thread] Thread Linking
[post] Post Linking
[list] Bulleted Lists / Advanced Lists
[img] Images
[code] Code
[php] PHP Code
[html] HTML Code
[quote] Quote
[anchor] Anchor
[anchorlink] Anchor Link
[autolink] autolink
[blockquote] blockquote
[break] Break
[bsalert] Bootstrap Alert
[bsalert] Bootstrap Alert
[code] Code
[color] color
[contest] Contest
[file] File
[header1] Header1
[header1green] header1green
[headerhelp] Header Help
[headerinfo] Header Info
[headerno] Header No
[headerplain] Plain Header
[headeryes] Header Yes
[img] Image
[img2] Image2 NoOption
[img2] Image2
[img2float] Image2 Float
[img2float] img2float
[imgnolazy] Image (No lazyload)
[infobutton] Infobutton
[link] Link
[pre] Pre-formatted
[pre2] Pre-formatted 2
[s] Strikethrough
[small] Small font
[spoiler] Spoiler
[spoiler] Spoiler with title
[table] table
[table] Table (With style)
[table2] table2
[threadthumb] Thread Thumbnail
[threadthumb] Thread Thumbnail (Option)
[updated] Updated mod
[urldialog] URL Dialog
[urldialog] URL Dialog (Option)
[urlpopup] urlpopup
[wiki] Wiki
[youtube] Youtube Video Embedding
Incorrect vB Code Usage:
  • [url] www.vbulletin.com [/url] - don't put spaces between the bracketed code and the text you are applying the code to.
  • [email][email protected][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.
Usage [b]value[/b]
[i]value[/i]
[u]value[/u]
Example Usage [b]this text is bold[/b]
[i]this text is italic[/i]
[u]this text is underlined[/u]
Example Output this text is bold
this text is italic
this text is underlined

Color
The [color] tag allows you to change the color of your text.
Usage [color=Option]value[/color]
Example Usage [color=blue]this text is blue[/color]
Example Output this text is blue

Size
The [size] tag allows you to change the size of your text.
Usage [size=Option]value[/size]
Example Usage [size=+2]this text is two sizes larger than normal[/size]
Example Output this text is two sizes larger than normal

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

Left / Right / Center
The [left], [right] and [center] tags allow you to change the alignment of your text.
Usage [left]value[/left]
[center]value[/center]
[right]value[/right]
Example Usage [left]this text is left-aligned[/left]
[center]this text is center-aligned[/center]
[right]this text is right-aligned[/right]
Example Output
this text is left-aligned
this text is center-aligned
this text is right-aligned

Indent
The [indent] tag allows you to indent your text.
Usage [indent]value[/indent]
Example Usage [indent]this text is indented[/indent]
Example Output
this text is indented

Email Linking
The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link.
Usage [email]value[/email]
[email=Option]value[/email]
Example Usage [email][email protected][/email]
[[email protected]]Click Here to Email Me[/email]
Example Output [email protected]
Click Here to Email Me

URL Hyperlinking
The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link.
Usage [url]value[/url]
[url=Option]value[/url]
Example Usage [url]http://www.vbulletin.com/forum[/url]
[url=www.vbulletin.com/forum]vBulletin Community Forums[/url]
Example Output http://www.vbulletin.com/forum/
vBulletin Community Forums

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.
Usage [thread]threadid[/thread]
[thread=threadid]value[/thread]
Example Usage [thread]42918[/thread]
[thread=42918]Click Me![/thread]
Example Output http://www.vbulletin.com/forum/showthread.php?t=42918
Click Me!

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.
Usage [post]postid[/post]
[post=postid]value[/post]
Example Usage [post]269302[/post]
[post=269302]Click Me![/post]
Example Output http://www.vbulletin.com/forum/showthread.php?p=269302#post269302
Click Me!

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.
Usage [list]value[/list]
Example Usage [list]
[*]list item 1
[*]list item 2
[/list]
Example Output
  • list item 1
  • list item 2

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).
Usage [list=Option]value[/list]
Example Usage [list=1]
[*]list item 1
[*]list item 2
[/list]

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

Images
The [img] tag allows you to embed images within your posts. You can also combine this tag with the [url] tag to maked images become links.
Usage [img]value[/img]
Example Usage [img]http://www.sexysims.info//static/images/buttons/buttons-rro/images/statusicon/forum_new.gif[/img] (Not linked)

[url=http://www.vbulletin.com] [img]http://www.sexysims.info//static/images/buttons/buttons-rro/images/statusicon/forum_new.gif[/img] [/url] (Linked)
Example Output (Not linked)

(Linked)

Code
The [code] tag switches to a fixed-width (monospace) font and preseves all spacing.
Usage [code]value[/code]
Example Usage [code]
<script type="text/javascript">
<!--
    alert("Hello world!");
//-->
</script>
[/code]
Example Output 
<script type="text/javascript">
<!--
	alert("Hello world!");
//-->
</script>

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.
Usage [php]value[/php]
Example Usage [php]
$myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
    echo $myvar . "\n";
}
[/php]
Example Output $myvar = 'Hello World!';
for ($i = 0; $i < 10; $i++)
{
    echo $myvar . "\n";
}

HTML Code
The [html] tag allows you to perform syntax highlighting for HTML code.
Usage [html]value[/html]
Example Usage [html]
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>
[/html]
Example Output 
<img src="image.gif" alt="image" />
<a href="testing.html" target="_blank">Testing</a>

Quote
The [quote] tag allows you to attribute text to someone else.
Usage [quote]Quote[/quote]
[quote=User Name]value[/quote]
Example Usage [quote]vBulletin[/quote]
[quote=John Percival]vBulletin[/quote]
Example Output
Quote:
vBulletin
Quote:
Originally Posted by John Percival
vBulletin

Anchor
Usage [anchor]value[/anchor]
Example Usage [anchor]AnchorName[/anchor]
Example Output

Anchor Link
Usage [anchorlink=Option]value[/anchorlink]
Example Usage [anchorlink=stuff]AnchorLinkText[/anchor]
Example Output [anchorlink=stuff]AnchorLinkText[/anchor]

autolink
Usage [autolink=Option]value[/autolink]
Example Usage
Example Output

blockquote
Usage [blockquote]value[/blockquote]
Example Usage [blockquote] some quote [/blockquote]
Example Output
Quote:
some quote


Break
This bbcode is used solely for breaking a longer post into a smaller section for the front page.
Usage [break]value[/break]
Example Usage [break]
Example Output [break]

Bootstrap Alert
Usage [bsalert]value[/bsalert]
Example Usage [bs-alert]This is an alert[/bs-alert]
Example Output [bs-alert]This is an alert[/bs-alert]

Bootstrap Alert
Usage [bsalert=Option]value[/bsalert]
Example Usage
Example Output

Code
Usage [code]value[/code]
Example Usage
Example Output

color
This is an MTSStaff-only option
Usage [color=Option]value[/color]
Example Usage color
Example Output color

Contest
Usage [contest]value[/contest]
Example Usage
Example Output

File
Usage [file=Option]value[/file]
Example Usage
Example Output

Header1
Usage [header1]value[/header1]
Example Usage
Example Output

header1green
Usage [header1green]value[/header1green]
Example Usage
Example Output

Header Help
Usage [headerhelp]value[/headerhelp]
Example Usage
Example Output

Header Info
Usage [headerinfo]value[/headerinfo]
Example Usage
Example Output

Header No
Usage [headerno]value[/headerno]
Example Usage [headerno]Don't do this....[/headerno]
Example Output Don't do this....

Plain Header
Usage [headerplain]value[/headerplain]
Example Usage [headerplain]I am a header[/headerplain]
Example Output I am a header

Header Yes
Usage [headeryes]value[/headeryes]
Example Usage [headeryes]Tick[/headeryes]
Example Output Tick

Image
Usage [img]value[/img]
Example Usage
Example Output

Image2 NoOption
Usage [img2]value[/img2]
Example Usage
Example Output

Image2
Usage [img2=Option]value[/img2]
Example Usage
Example Output

Image2 Float
Usage [img2float]value[/img2float]
Example Usage
Example Output

img2float
Usage [img2float=Option]value[/img2float]
Example Usage
Example Output

Image (No lazyload)
Usage [imgnolazy]value[/imgnolazy]
Example Usage
Example Output

Infobutton
Usage [infobutton=Option]value[/infobutton]
Example Usage [infobutton=your text]Some text[/infobutton]
Example Output

Link
Usage [link=Option]value[/link]
Example Usage [link=url]text[/link]
Example Output text

Pre-formatted
Usage [pre]value[/pre]
Example Usage
Example Output

Pre-formatted 2
Usage [pre2]value[/pre2]
Example Usage
Example Output

Strikethrough
The strikethrough tag allows you to strike through text. No, really!
Usage [s]value[/s]
Example Usage [s]Some Text[/s]
Example Output Some Text

Small font
Usage [small]value[/small]
Example Usage
Example Output

Spoiler
If you would like to reveal any information, which could be a spoiler to other users, please use this spoiler-tag.
Usage [spoiler]value[/spoiler]
Example Usage [spoiler]Spoilertext[/spoiler]
Example Output

Spoiler with title
If you would like to reveal any information, which could be a spoiler other users, please use this spoiler-tag. You can use a title, if you wish. Just write spoiler=title or something else.
Usage [spoiler=Option]value[/spoiler]
Example Usage [spoiler=Title]Spoilertext[/spoiler]
Example Output

table
Table CSV style format using || as a seperator. To make a table, do the following: [table] Heading 1 || Heading 2 || Heading 3 Row 1 Cell 1 || Some data || Some, maybe, data Row 2 Cell 1 || "Hello" || etc [/table] Hint: Rows are seperated with line breaks, cells with ||
Usage [table]value[/table]
Example Usage [table]Heading 1 || Heading 2 (line break) Row 1 Cell 1 || Row 1 Cell 2[/table]
Example Output table

Table (With style)
Table CSV style format using || as a seperator. To make a table, do the following: [table=width:auto;] Heading 1 || Heading 2 || Heading 3 Row 1 Cell 1 || Some data || Some, maybe, data Row 2 Cell 1 || "Hello" || etc [/table] Hint: Rows are separated with line breaks, cells with ||
Usage [table=Option]value[/table]
Example Usage See table definition.
Example Output See table definition.

table2
table2 is the same as table but with a custom line splitter (splits on |-|-| instead of \r\n
Usage [table2]value[/table2]
Example Usage
Example Output

Thread Thumbnail
Usage [threadthumb]value[/threadthumb]
Example Usage
Example Output

Thread Thumbnail (Option)
Usage [threadthumb=Option]value[/threadthumb]
Example Usage
Example Output

Updated mod
Usage [updated]value[/updated]
Example Usage
Example Output

URL Dialog
Usage [urldialog]value[/urldialog]
Example Usage
Example Output

URL Dialog (Option)
Usage [urldialog=Option]value[/urldialog]
Example Usage
Example Output

urlpopup
Usage [urlpopup=Option]value[/urlpopup]
Example Usage
Example Output

Wiki
Usage [wiki]value[/wiki]
Example Usage [wiki]text[/wiki]
Example Output textwiki

Youtube Video Embedding
You can embed a youtube video if you know the unique video code. For example, in a URL like: http://www.youtube.com/watch?v=3PjBSicSVqI&feature=g-vrec You would take everything after the v= but before the next &, which in this case is "3PjBSicSVqI". Paste this between [youtube] [/youtube] tags and there you go.
Usage [youtube]value[/youtube]
Example Usage [youtube]3PjBSicSVqI[/youtube]
Example Output