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.

URL Hyperlinking

If vB Code is enabled in a forum, you can simply type in the full address of the page you are linking to, and the hyperlink will be created automatically. Here are some example links:

http://www.vbulletin.com/forum/
www.vbulletin.com
Notice that if the address begins with www. you do not need to add the http:// part of the address. If the address does not begin with www. you will need to add the http:// section. You may also use https:// and ftp:// links, and these will be converted into links.

If you want to include the vB Code, you may simply surround the address with tags as shown below. (The vB Code ...etin.com/forum/

You can also include true hyperlinks using the [url] tag. Just use the following format:

Click here to visit the vBulletin forums

This will produce a hyperlink like this: Click here to visit the vBulletin forums.

Note that once again, you need not include the http:// if the address begins www.

Email Links

To add a link to an email address, you can simply include the email address in your message like this:

myname@domain.com

Note that there must be a blank space, such as a space or a carriage return before the beginning of the address.

You can also use vB Code tags to specify an email address, like this:

myname@domain.com

You can also add a true email hyperlink using the following format:

Click here to email me

This will produce a hyperlink like this: Click here to email me.

Bold, Underlined and Italic Text

You can make text bold, underlined or italicized by simply surrounding your text with tags as shown below:

some text produces some text
some text produces some text
some text produces some text
Using Different Colors, Sizes and Fonts

You can alter the size, color and font of text using the following tags:

some text produces some text (colored blue)
some text produces some text (size 4 text)
some text produces some text (using courier font)
You can also combine all the various text formatting tags. This example uses bold, underlined, purple text:

Wow there's lots of formatting here!

This example produces this:

Wow there's lots of formatting here!

Bullets and Lists

You can create bulleted or ordered lists in the following way:

Unordered, bulleted list:





first bulleted item

second bulleted item



This produces:

first bulleted item
second bulleted item
Note that you must remember to close the list with the[/list]tag.

If you would like to create a list ordered numerically or alphabetically, this is just as easy. You simply need to add a little extra code to your
and
tags. The extra code looks like =1 (for a numbered list) or =A (for a list from A to Z). Here are some examples:




this is the first numbered item

this is the second numbered item



This produces:

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



This produces:

this is the first alphabetically ordered item
this is the second alphabetically ordered item


Adding Images

To include a picture or graphic within the body of your message, you can simply surround the address of the image as shown here:



Note that the http:// part of the image URL is required for the [img] code.

You can even create a thumbnail-type hyperlink by surrounding your [img] code with a [url] code like this:



This produces a link like this: .

Quoting Other Messages

To quote something that has already been posted, simply cut-and-paste the text you want to quote, and enclose it as follows:


quote:
--------------------------------------------------------------------------------
No. Try not.
Do or do not, there is no try.
--------------------------------------------------------------------------------



The [quote] tags will automatically indent the enclosed text.


If you want to post some programming source code, or perhaps some ASCII art, which would require a non-proportional font, you can use the
code:-------------------------------------------------------------------------------- tag to achieve this. For example:

[code]

--------------------------------------------------------------------------------


In the example above, the text enclosed in the [code] tags would be automatically indented, and the spacing would be preserved like this:


A special case is for code written in the PHP language. If you are posting PHP code, you can enclose the source code in
PHP:--------------------------------------------------------------------------------
tags, and the script will automatically have syntax highlighting applied:

[php]
$myvar = "Hello World!";
for ($i=0; $i<10; $i++) {
echo $myvar."\n";
}

--------------------------------------------------------------------------------


This would produce:

$myvar = "Hello World!";
for ($i=0; $i<10; $i++) {
echo $myvar."\n";
}
Incorrect vB Code Usage:

www.vbulletin.com - don't put spaces between the bracketed code and the text you are applying the code to.
myname@domain.com[email] - the end brackets must include a forward slash ()

Similar Threads: