vB code is a set of tags based on the HTML language that you may already be familiar with, it is the same as the one used on SMF but with a little difference in some tags.
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.
Below is a list of the vB Codes you can use to format your messages.
1. Bold / Italic / Underline
The [ b ],[ i ] and [ u ] tags allow you to create text that is bold, italic and underlined.
Usage:
valuevalue[/color]
valueExample Usage:
this text is boldthis text is italicthis text is underlinedExample Output:
this text is bold
this text is italic
this text is underlined
2. Color
The [ color ] tag allows you to change the color of your text.
Usage:
valueExample Usage:
this text is redExample Output:
this text is red
3. Size
The [ size ] tag allows you to change the size of your text.
Usage:
[size=
Option]
value[/size]
Example Usage:
this text is two sizes larger than normalExample Output:
this text is two sizes larger than normal
4. Font
The [ font ] tag allows you to change the font of your text.
Usage:
valueExample Usage:
this text is in the courier fontExample Output:
this text is in the courier font
5. 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
6. Left / Right / Center
The [ left ], [ right ] and [ center ] tags allow you to change the alignment of your text.
Usage:
value
value
value
Example Usage:
this text is left-aligned
this text is center-aligned
this text is right-aligned
Example Output:
this text is left-aligned
this text is center-aligned
this text is right-aligned
7. 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
8. 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:
myname@domain.comClick Here to Email MeExample Output:
myname@domain.comClick Here to Email Me
9. 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:
http://www.pspiso.com/PSPISO CommunityExample Output:
http://www.pspiso.com/PSPISO Community
10. 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
Usage:
[thread]threadid[/thread]
[thread=threadid]value[/thread]Example Usage:
[thread]132318[/thread]
[thread=132318]Forum Rules[/thread]Example Output:
http://www.pspiso.com/showthread.php?t=132318Forum Rules
11. 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
Usage:
[post]postid[/post]
[post=postid]value[/post]Example Usage:
[post]269302[/post]
[post=269302]Click Me![/postExample Output:
http://www.pspiso.com/showthread.php?p=269302Click Me!
12. 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:
Example Usage:
Example Output:
* list item 1
* list item 2
13. 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.
Usage:
[list=Option]value[/list]
Example Usage:
- list item 1
- list item 2
- list item 1
- list item 2
Example Output:
1. list item 1
2. list item 2
1. list item 1
2. list item 2
14. Images
The [ img ] tag allows you to embed images within your posts. You can also combine this tag with the tag to make images become links.
(Not linked)
[url="http://
Usage:
[noparse]
Example Usage:
(Linked) [/noparse]Example Output:
(Not linked)
(Linked)
15. Code
The [ code ] tag switches to a fixed-width (monospace) font and preseves all spacing.
Usage:
- Code:
-
value
Example Usage:
- Code:
-
[color=black]<script type="text/javascript">[/color]
[color=black]<!--[/color]
[color=black]alert("Hello world!");[/color]
[color=black]//-->[/color]
[color=black]</script>[/color]
[color=black]
[/color]
Example Output:
Code:
16. 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:
PHP Code:
$myvar = 'Hello World!';for ($i = 0; $i < 10; $i++){ echo $myvar . "\n";} 17. HTML Code
The [ html ] tag allows you to perform syntax highlighting for HTML code
Usage:
[html]value[/html]
Example Usage:
[html]
[color=black]