BBcode refers to Bulletin Board code. Like HTML, it is a markup language used to format text for view on the World Wide Web. Specifically, it is designed to be used by forum posters to format their posts.

Here's an example:

[b]This text is bold[/b]
[u]This text is underlined[/u]
[i]This text is italic[/i]
[b][i]This text[/i] is [u]mixed[/u][/b]

The above will display as:

This text is bold
This text is italic
This text is underlined
This text is mixed

You can review the available BBCode tags on the right-hand side of this page.

Smileys can be used like so:

[:D] [:)] [;)] [:(] [:O] [8)] [:?] [:'(] [:X] [:P]

biggrin smile wink sad surprised cool confused cry mad razz

[:shock:] [:evil:] [:lol:] [:oops:] [:rolleyes:] [:twisted:]

eek evil lol redface rolleyes twisted

BBcode refers to Bulletin Board code. Like HTML, it is a markup language used to format text for view on the World Wide Web. Specifically, it is designed to be used by forum posters to format their posts. This documentation page will identify which BBcode tags can be used on this forum.

Bold text: [b]...[/b]
Underlined text: [u]...[/u]
Italic text: [i]...[/i]

By using the above tags, you can apply simple styles to any text.

For example:

[b]This text is bold[/b]
[u]This text is underlined[/u]
[i]This text is italic[/i]
[b][i]This text[/i] is [u]mixed[/u][/b]

The above will display as:

This text is bold
This text is italic
This text is underlined
This text is mixed

Font color: [color=...]...[/color]

The [color=...] tag can be used to apply a color to some text. The color must be a valid HTML color code (e.g. "blue", "red", "#ff0000", "#888", etc.). Refer to this page for other, valid HTML color codes.

Examples:

The following text is colored [color=red]red[/color], [color=#eeaa00]yellow[/color] and [color=#30f]blue[/color]!

This will be displayed as:

The following text is colored red, yellow and blue!

Font size: [size=...]...[/size]

The [size=...] tag is used to resize the font of a piece of text. The size must be a valid CSS size indication (e.g. "12px", "small", "larger", etc.). Refer to this page to read about valid CSS size properties.

Examples:

[size=x-small]It[/size][size=small]looks[/size][size=medium]like[/size][size=large]I'm[/size][size=x-large]growing![/size]

This will be displayed as:

It looks like I'm growing!

Link an image from the web: [img]...[/img]
Link to a website: [url]...[/url] or [url=...]...[/url]
Link to an email address: [email]...[/email] or [email=...]...[/url]

These tags are all used to link to web resources.

Examples:

[img]http://wlodb.com/files/logo.PNG[/img]
[url]http://www.example.com[/url]
[url=http://www.example.com]Visit Example.com![/url]
[email]example-user@example.com[/email]
[email=example-user@example.com]example-user's email[/email]

These will be displayed as:


www.example.com
Visit Example.com!
example-user@example.com
Link to example-users's email

Monospaced, formatted code: [code]...[/code]

Frequently you will have programming code, ASCII art, etc. which you want to display in your post. For those situations, you can use the [code] tags.

For example:

[code]
                                      __          
  ____ ___  ________    _____ ______ |  |   ____  
_/ __ \\  \/  /\__  \  /     \\____ \|  | _/ __ \ 
\  ___/ \    /  / __ \|  Y Y  \  |_\ \  |_\  ___/ 
 \___  /__/\_ \(____  /__|_|  /   __/|____/\___ \
     \/      \/     \/      \/|__|             \/ 
[/code]

Without the [code] tags around it, this would look totally scrambled, like:

__
____ ___ ________ _____ ______ | | ____
_/ __ \\ \/ /\__ \ / \\____ \| | _/ __ \
\ ___/ \ / / __ \| Y Y \ |_\ \ |_\ ___/
\___ /__/\_ \(____ /__|_| / __/|____/\___ \
\/ \/ \/ \/|__| \/

But with the [code] tags around it, it looks like:

                                      __          
  ____ ___  ________    _____ ______ |  |   ____  
_/ __ \\  \/  /\__  \  /     \\____ \|  | _/ __ \ 
\  ___/ \    /  / __ \|  Y Y  \  |_\ \  |_\  ___/ 
 \___  /__/\_ \(____  /__|_|  /   __/|____/\___ \
     \/      \/     \/      \/|__|             \/

Quoted text: [quote]...[/quote] or [quote=...]...[/quote]

When you need to quote something or someone in your post, you can use the [quote] tags. If you want to include the name of the person you are quoting, you can use the [quote=...] tag.

Examples:

[quote]El Dorado is the best![/quote]

[quote=William Shakespeare]
To be or not to be, --that is the question:--
Whether 'tis nobler in the mind to suffer
The slings and arrows of outrageous fortune
Or to take arms against a sea of troubles,
And by opposing end them?
[/quote]

These will be displayed as:

El Dorado is the best!

William Shakespeare wrote:

To be or not to be, --that is the question:--
Whether 'tis nobler in the mind to suffer
The slings and arrows of outrageous fortune
Or to take arms against a sea of troubles,
And by opposing end them?

NSFW (Not Safe For Work) Content: [nsfw]...[/nsfw]
Spoiler Content: [spoiler]...[/spoiler]
Content to be Hidden: [hide=...]...[/hide]

These tags are used when you want your post to initially hide specific content, be it text or other embedded media. Sometimes this is due to the graphic nature of this content, or sometimes you just don't want the reader to see it initially.

Examples:

[nsfw]This could be deemed unsafe for co-workers to oversee![/nsfw]
[spoiler]The spoiler tag works great as a way to give away the end of movies[/spoiler]
[hide=The answer]...or, you can make your own "hide-it" link[/hide]

This will be displayed as:

NSFW

This could be deemed unsafe for co-workers to oversee!

SPOILER

The spoiler tag works great as a way to give away the end of movies

The answer

...or, you can make your own "hide-it" link

In general, the media tags work like this: [example]...[/example]. The details for what replaces the "..." in each tag can be found below as examples. Usually, the "..." will be replaced by a URI pointing to the media in question.

Due to the vastly differing nature of those URIs and the inherent unstable availabilty of the resources they point to on the Web, the rest of this document will display example URIs and how they should appear in their tags, but will not display the resulting embedded media.

Music

MP3 files: [mp3]...[/mp3]

Example:

[mp3]http://www.example.com/files/example.mp3[/mp3]

Videos

Atom Films Videos: [atomfilms]...[/atomfilms]

Example:

[atomfilms]http://www.atomfilms.com/film/example-video.jsp?channelKeyword=channel_example_videos[/atomfilms]

Notes:

You can simply cut-n-paste the URL for the video (on Atom Films' website) that you want to embed directly from your browser's address bar into the [atomfilms] tags.

 

College Humor Videos: [collegehumor]...[/collegehumor]

Example:

[collegehumor]http://www.collegehumor.com/video:XXXXXXX[/collegehumor]

Notes:

You can simply cut-n-paste the URL for the video (on College Humor's website) that you want to embed directly from your browser's address bar into the [collegehumor] tags. In the example, the 'X's would be replaced with numbers.

 

Comedy Central Videos: [commedycentral]...[/commedycentral]

Example:

[commedycentral]http://www.comedycentral.com/motherload/index.jhtml?ml_video=XXXXX&title=example[/commedycentral]

Notes:

A small modification needs to be made to the URL you cut-n-paste from the Comedy Central website to make this tag work. As an example, here is a (contrived) URL that might be found on the site:

http://www.comedycentral.com/videos/index.jhtml?videoId=XXXXX&title=example

That URL would need to be changed to read:

http://www.comedycentral.com/motherload/index.jhtml?ml_video=XXXXX&title=example

The URL can be found in the address bar of your browser while you are viewing the video you want to embed. Also, the 'X's in the example above would be replaced with numbers.

 

Flash Videos: [flash]...[/flash]

Example:

[flash]http://www.example.com/flash/example.swf[/flash]
 

Flickr Videos: [flickr]...[/flickr]

Example:

[flickr]http://www.flickr.com/photos/example/XXXXXXXXXX/[/flickr]

Notes:

The URL can be found in the address bar of your browser while you are viewing the video you want to embed. Also, the 'X's in the example above would be replaced with numbers.

 

Funny or Die Videos: [funnyordie]...[/funnyordie]

Example:

[funnyordie]http://www.funnyordie.com/videos/AXAXXXXAXA[/funnyordie]

Notes:

The URL can be found in the address bar of your browser while you are viewing the video you want to embed. Also, the 'X's in the example above would be replaced with numbers. Similarly, the 'A's would be replaced with letters.

 

Gametrailers Videos: [gametrailers]...[/gametrailers]

Example:

[gametrailers]http://www.gametrailers.com/player/XXXXX.html[/gametrailers]

Notes:

The URL can be found in the address bar of your browser while you are viewing the video you want to embed. Also, the 'X's in the example above would be replaced with numbers.

 

Google Video Videos: [googlevid]...[/googlevid]

Example:

[googlevid]http://video.google.com/videoplay?docid=-XXXXXXXXXXXXXXXXXXX[/googlevid]

Notes:

The URL can be found in the address bar of your browser while you are viewing the video you want to embed. Also, the 'X's in the example above would be replaced with numbers.

 

MetaCafe Videos: [metacafe]...[/metacafe]

Example:

[metacafe]http://www.metacafe.com/watch/XXXXXXX/example/[/metacafe]

Notes:

The URL can be found in the address bar of your browser while you are viewing the video you want to embed. Also, the 'X's in the example above would be replaced with numbers.

 

MySpace TV Videos: [myspacetv]...[/myspacetv]

Example:

[myspacetv]http://vids.myspace.com/index.cfm?fuseaction=vids.individual&VideoID=XXXXXXX[/myspacetv]

Notes:

The URL can be found in the address bar of your browser while you are viewing the video you want to embed. Also, the 'X's in the example above would be replaced with numbers.

 

Revver Videos: [revver]...[/revver]

Example:

[revver]http://www.revver.com/watch/XXXXX/example/[/revver]

Notes:

The URL can be found in the address bar of your browser while you are viewing the video you want to embed. Also, the 'X's in the example above would be replaced with numbers.

 

Slideshare Slideshows: [slideshare]...[/slideshare]

Example:

[slideshare id=XXXXXX&doc=example-XXXXXXXXXXXXXXXX-X&w=XXX]

Notes:

The [slideshare] tag is different than most of the other tags in that no closing tag is used. When you are viewing the slideshow you want to embed in your browser, to the far right of the slideshow you will find a text box labeled: "Embed (Wordpress)". Cut-n-paste the details in that text box directly and exactly into your post.

 

Super Deluxe Videos: [superdeluxe]...[/superdeluxe]

Example:

[superdeluxe]http://www.superdeluxe.com/sd/contentDetail.do?id=XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX[/superdeluxe]

Notes:

The URL can be found in the address bar of your browser while you are viewing the video you want to embed. Also, the 'X's in the example above would be replaced with numbers and/or letters.

 

Vimeo Videos: [vimeo]...[/vimeo]

Example:

[vimeo]http://www.vimeo.com/XXXXX[/vimeo]

Notes:

The URL can be found in the address bar of your browser while you are viewing the video you want to embed. Also, the 'X's in the example above would be replaced with numbers.

 

Yahoo Video Videos: [yahoovid]...[/yahoovid]

Example:

[yahoovid]http://video.yahoo.com/watch/XXXXXXX/XXXXXXX[/yahoovid]

Notes:

The URL can be found in the address bar of your browser while you are viewing the video you want to embed. Also, the 'X's in the example above would be replaced with numbers.

 

YouTube Videos: [youtube]...[/youtube]

Example:

[youtube]http://www.youtube.com/watch?v=XXXXXXXXXXX&feature=XXXXX[/youtube]

Notes:

The URL can be found in the address bar of your browser while you are viewing the video you want to embed. Also, the 'X's in the example above would be replaced with numbers and/or letters.