VibrantVictoria.caVibrantVictoria: 2012 Winners of West Coast Social Media Awards' Community Builder Award


Welcome to VibrantVictoria.ca Construction Projects List Articles VibrantVictoria on Facebook VibrantVictoria on Twitter Register on VibrantVictoria's forum

Go Back   VibrantVictoria.ca Discussion Forum > FAQ
Reload this Page BB Code List
Register FAQ Members List Calendar Mark Forums Read

BB Code
BB 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 BB 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 BB code tags you can use to format your messages.
BB Code List
[b], [i], [u] Bold / Italic / Underline
[color] Color
[size] Size
[font] Font
[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
[noparse] Stop BB Code Parsing
[attach] Attachment
[hr] Horizontal rule
[img] Image (with border)
[mono] Monospace
[pre] Preserve spacing
[s] Strikethrough text
[spoiler] Spoiler / Hidden Content
[user] User profile
[youtube] YouTube
Incorrect BB Code Usage:
  • [url] www.example.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])

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

Font
The [font] tag allows you to change the font of your text.
Usage [font=Option]value[/font]
Example Usage [font=courier]this text is in the courier font[/font]
Example Output this text is in the courier font

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]j.doe@example.com[/email]
[email=j.doe@example.com]Click Here to Email Me[/email]
Example Output j.doe@example.com
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.vibrantvictoria.ca/forum[/url]
[url=http://www.vibrantvictoria.ca/forum]VibrantVictoria.ca Discussion Forum[/url]
Example Output http://www.vibrantvictoria.ca/forum
VibrantVictoria.ca Discussion Forum

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]
(Note: The threadid/postid is just an example and may not link to a valid thread/post.)
Example Output http://www.vibrantvictoria.ca/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]
(Note: The threadid/postid is just an example and may not link to a valid thread/post.)
Example Output http://www.vibrantvictoria.ca/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 make images become links.
Usage [img]value[/img]
Example Usage [img]http://www.vibrantvictoria.ca/forum/images/statusicon/forum_new.gif[/img] (Not linked)

[url=http://www.example.com] [img]http://www.vibrantvictoria.ca/forum/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 preserves all spacing.
Usage [code]value[/code]
Example Usage [code]
<script type="text/javascript">
<!--
    alert("Hello world!");
//-->
</script>
[/code]
Example Output
Code:
<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
PHP Code:
$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
HTML Code:
<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]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe]Lorem ipsum dolor sit amet[/quote]
[quote=John Doe;218831]Lorem ipsum dolor sit amet[/quote]
Example Output
Quote:
Lorem ipsum dolor sit amet
Quote:
Originally Posted by John Doe
Lorem ipsum dolor sit amet
Quote:
Originally Posted by John Doe View Post
Lorem ipsum dolor sit amet

Stop BB Code Parsing
The [noparse] tag allows you to stop the parsing of BB code.
Usage [noparse][b]value[/b][/noparse]
Example Usage [noparse][b]Lorem ipsum dolor sit amet[/b][/noparse]
Example Output [b]Lorem ipsum dolor sit amet[/b]

Attachment
The [attach] tag allows you to display an attachment in your post rather than at the bottom. It will only display attachments that belong to the post in which it is utilized.
Usage [attach]attachmentid[/attach]
Example Usage [attach]12345[/attach]
Example Output

Horizontal rule
Give the width as a percentage.
Usage [hr]value[/hr]
Example Usage [hr]100[/hr]
Example Output

Image (with border)
Give your image a black border by specifying a number as a parameter. ex. [img=4]
You are not permitted to use this code in your signature.
Usage [img=Option]value[/img]
Example Usage [img=4]http://www.vibrantvictoria.ca/forum/page/images/butchartgardens.jpg[/img]
Example Output

Monospace
Created monospaced text
Usage [mono]value[/mono]
Example Usage [mono]monospace text 1234[/mono]
Example Output monospace text 1234

Preserve spacing
Preserves the spacing of text as written. This is very usefull if posting lists with columns of data.
Usage [pre]value[/pre]
Example Usage [pre]preserve spacing[/pre]
Example Output 
preserve    spacing

Strikethrough text
The [s] tag allows you to use strikethrough text.
Usage [s]value[/s]
Example Usage [s]nevermind this text[/s]
Example Output nevermind this text

Spoiler / Hidden Content
Use this to create hidden content which can only be seen when the user clicks the button.

Note: This is not suitable for preventing a large image from loading until the user selects to see it because even though the content is hidden it is still loaded by a web browser. Just post a link to the large image.
Usage [spoiler]value[/spoiler]
Example Usage Why did the chicken cross the road? [spoiler]To get to the other side![/spoiler]
Example Output Why did the chicken cross the road?

User profile
Use this tag to create a link to a users profile. Link will open in a new window.
Usage [user]value[/user]
Example Usage [user]Username[/user]
Example Output Username

YouTube
Use the video code from the YouTube URL in your browser. For example, http://youtube.com/watch?v=qszNnvVAg2A

The video code is a combination of characters to uniquely identify the video you want to post. It is part of the page URL of the video on YouTube. It may have the characters v= before it and the character & after it but these are not part of the video code and are not to be used. If there is a - at the beginning of the video code it must be included when posting.

You can set a video to start at a specific time by appending #t= and the number of minutes m and seconds s. For example, [youtube]qszNnvVAg2A#t=1m28s[/youtube]
Usage [youtube]value[/youtube]
Example Usage [youtube]qszNnvVAg2A[/youtube]
Example Output
• Video Link


All times are GMT -8. The time now is 01:31 AM.

Contact Us - VibrantVictoria.ca - Archive - Top

Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.
SEO by vBSEO ©2011, Crawlability, Inc.
© Copyright 2006 - 2012, Skyscraper Source Media Inc.