00:30 whitegrey
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:
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 [url] tags as shown below. (The vB Code tags are shown in red).
[url]www.overclockers.at[/url]
You can also include true hyperlinks using the [url] tag. Just use the following format:
[url=http://www.overclockers.at]Click here to visit the overclockers.at forums[/url]
This will produce a hyperlink like this: Click here to visit the overclockers.at 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:
[email]myname@domain.com[/email]
You can also add a true email hyperlink using the following format:
[email=myname@domain.com]Click here to email me[/email]
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:
Using Different Colors, Sizes and Fonts
You can alter the size, color and font of text using the following tags:
You can also combine all the various text formatting tags. This example uses bold, underlined, purple text:
[color=purple][u][b]Wow there's lots of formatting here![/b][/u][/color]
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:
[list]
[*]first bulleted item
[*]second bulleted item
[/list]
This produces:
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 [list] and [/list] tags. The extra code looks like =1 (for a numbered list) or =A (for a list from A to Z). Here are some examples:
[list=1] This produces:
|
[list=A] This produces:
|
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:
[img]https://www.overclockers.at//images/vbulletin_logo.gif[/img]
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:
[url=https://www.overclockers.at//images/vbulletin_logo.gif][img]https://www.overclockers.at//images/vb_bullet.gif[/img][/url]
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.[/quote]
The [quote] tags will automatically indent the enclosed text.
The Code and PHP Tags
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]
<script language="Javascript">
<!--
alert("Hello world!");
//-->
</script>
[/code]
In the example above, the text enclosed in the [code] tags would be automatically indented, and the spacing would be preserved like this:
<script language="Javascript"> <!-- alert("Hello world!"); //--> </script>
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";
}
[/php]
This would produce:
$myvar = "Hello World!"; for ($i=0; $i<10; $i++) { echo $myvar."\n"; }
Incorrect vB Code Usage: