|
What is 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.
vB Code List
| Bold |
| Description: |
The [b] tag allows you to create text that is bold. |
| Usage: |
[b](value)[/b] |
| Example Usage: |
[b]this text is bold[/b] |
| Example Output: |
this text is bold |
|
| Italics |
| Description: |
The [i] tag allows you to create text in italics. |
| Usage: |
[i](value)[/i] |
| Example Usage: |
[i]this text is in italics[/i] |
| Example Output: |
this text is italicized |
|
| Underline |
| Description: |
The [u] tag allows you to create text that is underlined. Underlining text can cause confusion since underlined text normally indicates that the text links to something on the internet. People may attempt to click on your underlined text in confusion. |
| Usage: |
[u](value)[/u] |
| Example Usage: |
[u]this text is underlined.[/u] |
| Example Output: |
this text is underlined. |
|
| Color |
| Description: |
The [color] tag allows you to change the color of your text. |
| Usage: |
[color=red](value)[/color] |
| Example Usage: |
[color=red]this text is red[/color] |
| Example Output: |
this text is red |
|
| Size |
| Description: |
The [size] tag allows you to change the size of your text. |
| Usage: |
[size=+2](value)[/size] |
| Example Usage: |
[size=+2]this text is two sizes larger[/size] |
| Example Output: |
this text is two sizes larger |
|
| Font |
| Description: |
The [font] tag allows you to change the font of your text. |
| Usage: |
[font=courier](value)[/font] |
| Example Usage: |
[font=courier]this text is in the courier font[/font] |
| Example Output: |
this text is in the courier font |
|
| Left |
| Description: |
The [left] tag allows you to align your text to the left. |
| Usage: |
[left](value)[/left] |
| Example Usage: |
[left]text to the left[/left] |
| Example Output: |
text to the left |
|
| Center |
| Description: |
The [center] tag allows you you to align your text to the center. |
| Usage: |
[center](value)[/center] |
| Example Usage: |
[center]text to the center[/center] |
| Example Output: |
text to the center |
|
| Right |
| Description: |
The [right] tag allows you to align your text to the right. |
| Usage: |
[right](value)[/right] |
| Example Usage: |
[right]text to the right[/right] |
| Example Output: |
text to the right |
|
| Indent |
| Description: |
The [indent] tag allows you to indent your text. |
| Usage: |
[indent](value)[/indent] |
| Example Usage: |
[indent]indented text[/indent] |
| Example Output: |
indented text |
|
| Simple URL Hyperlinking |
| Description: |
The [url] tag allows you to link to other websites and files. |
| Usage: |
[url](value)[/url] |
| Example Usage: |
[url]www.vbulletin.com/forum/[/url] |
| Example Output: |
http://www.vbulletin.com/forum/ |
|
| Advanced URL Hyperlinking |
| Description: |
The [url] tag allows you to link to other websites and files. |
| Usage: |
[url=(option)](value)[/url] |
| Example Usage: |
[url=www.vbulletin.com/forum/]The vBulletin Community Forums[/url] |
| Example Output: |
The vBulletin Community Forums |
|
| Advanced Thread Linking |
| Description: |
The [thread] tag allows you to link to threads by specifying the threadid. |
| Usage: |
[thread=(thread ID)](link text)[/thread] |
| Example Usage: |
[thread=42918]Click Me![/thread] |
| Example Output: |
Click Me! |
|
| Advanced Post Linking |
| Description: |
The [post] tag allows you to link to a post by specifying the postid. |
| Usage: |
[post=(post ID)](link text)[/post] |
| Example Usage: |
[post=269302]Click Me![/post] |
| Example Output: |
Click Me! |
|
| Simple/Bulleted Lists |
| Description: |
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]
[*]first bulleted item
[*]second bulleted item
[/list] |
| Example Output: |
- first bulleted item
- second bulleted item
|
|
| Advanced/Numbered Lists |
| Description: |
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).
Within the value portion, each bullet is denoted by the [*] tag. |
| Usage: |
[list=(option)](value)[/list] |
| Example Usage: |
[list=1]
[*]this is the first numbered item
[*]this is the second numbered item
[/list]
[list=A]
[*]this is the first alphabetically ordered item
[*]this is the second alphabetically ordered item
[/list] |
| Example Output: |
- this is the first numbered item
- this is the second numbered item
- this is the first alphabetically ordered item
- this is the second alphabetically ordered item
|
|
| Images |
| Description: |
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: |
This is unlinked: [img]http://www.forumsx.net/images/misc/vb_bullet.gif[/img]
This is linked: [url=http://www.forumsx.net/index.php][img]http://www.forumsx.net/images/misc/vb_bullet.gif[/img][/url] |
| Example Output: |
This is unlinked: 
This is linked:  |
|
| Code (Monospaced Text) |
| Description: |
The [code] tag switches to a fixed-width (monospace) font and preseves all spacing. |
| Usage: |
[code](value)[/code] |
| Example Usage: |
[code]
<script language="Javascript">
<!--
alert("Hello world!");
//-->
</script>
[/code] |
| Example Output: |
code: <script language="Javascript">
<!--
alert("Hello world!");
//-->
</script>
|
|
| PHP Code |
| Description: |
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 do correct highlighting on other languages. |
| Usage: |
[php](value)[/php] |
| Example Usage: |
[php]
$myvar = "Hello World!";
for ($i=0; $i<10; $i++) {
echo $myvar."\n";
}
[/php] |
| Example Output: |
PHP: $myvar = "Hello World!";
for ($i=0; $i<10; $i++) {
echo $myvar."\n";
}
|
|
| Center |
| Description: |
This will center the text on the screen. |
| Usage: |
[Center](value)[/Center] |
| Example Usage: |
[center]This will be centered.[/center] |
| Example Output: |
This will be centered. |
|
| Edit |
| Description: |
This is to show edited posts. |
| Usage: |
[edit](value)[/edit] |
| Example Usage: |
[edit]added blahblahblah[/edit] |
| Example Output: |
edit: added blahblahblah |
|
| horizontal line |
| Description: |
This will put a horizontal line on the screen |
| Usage: |
[hr](value)[/hr] |
| Example Usage: |
[hr][/hr] |
| Example Output: |
|
|
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]myname@domain.com[email] - the end brackets must include a forward slash ([/email])
|