Basic BBcode documentation

If you're lookin for advanced BBcode tags, try here.

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://http://www.w3schools.com/tags/angry.gif[/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

Continue to the advanced BBcode tags here.