Documenting Un-Documented BBCode · Blog

Well, I know this says it's documenting undocumented bbcode, but I figure I'll just do a basic "what is" on each one and some basic syntax.

Be sure that you "nest" your bbcode properly; an example:
GOOD:

Code

This will have multiple elements.

BAD:

Code

This will have multiple elements.

You need to terminate the tag as it is called, in the closest order.

Lists - Allows you to create a list, each level of a list will have a bullet which you can change on each list by defining the list tag as [list=bullet_type]; valid types are number (1), CAPITAL letter (A), lowercase letter (a), UPPERCASE Roman Numeral (i), lowercase Roman Numeral (I). By not defining a bullet type, it will simply use a square.

A list like this:
[list=a]
[*]Items to Bring
[*][list=A]
[*]Drinks
[*][list=i]
[*]Coffee
[*]Soda
[*]Water
[*]Tea
[*][list=I]
[*]Orange
[*]Oolong
[/list]
[*]Orange Juice
[/list]
[*]Food
[*]

[*]Apples
[*]

[/list]
[/list]
[/list]
[/list]

Can be created as:

Code

[list=a]

[*]Items to Bring

[*][list=A]

[*]Drinks

[*][list=i]

[*]Coffee

[*]Soda

[*]Water

[*]Tea

[*][list=I]

[*]Orange

[*]Oolong

[/list]

[*]Orange Juice

[/list]

[*]Food

[*]

[*]Fruit

[*][list]

[*]Oranges

[*][list]

[*]Necterenes

[*]Blood Oranges



[*]Apples

[*]

[*]Granny Smith

[*]Red Delicious



[/list]

Text Formatting - You can format your text in a variety of ways...
Bold: This text is BOLD

Code

This text is BOLD

Underline: This text is UNDERLINED

Code

This text is UNDERLINED

Italics: This text is ITALICIZED

Code

This text is ITALICIZED

Strike Through: ~~This text is STRIKED THROUGH~~

Code

This text is STRIKED THROUGH

Color: This text has pretty colors
Color: This text has pretty colors

Code

This text has pretty colors

This text has pretty colors

Highlight: [highlight]This text is highlighted[/highlight]

Code

[highlight]This text is highlighted[/highlight]

Text Size: [size:20pt]This text is BIG![/size]

Code

[size:20pt]This text is BIG![/size]

Font Face: [font:Comic Sans MS]This font is "Comic Sans"![/font]

Code

[font:Comic Sans MS]This font is "Comic Sans"![/font]

Markup - Will allow you to create links off-site.
URL: This is a URL to my homepage.

Code

This is a URL to my homepage.

EMail: This is an [[email protected]]EMail Address[/email]
This is my email address: [email protected]

Code

This is an [[email protected]]EMail Address[/email]

This is my email address: [email protected]

Quotes - You can also quote people...

Gizmo

Watch as I quote myself!

Code

Gizmo
Watch as I quote myself!

Quote

Watch as I quote no one in particular!!

Code

Quote
Watch as I quote no one in particular!!

QB:

Quote

This is the Quote Bold bbcode tag

Code

Quote
This is the Quote Bold bbcode tag

Images - Some undocumented googies within... Will allow you to embed an image in your post. Valid image types end in gif png jpg or jpeg; you can use either

see?

Code

This is my image see?

This is my image

see that my text is aligned to the right.
.
.
.
.
.
This is my image

see how the text is wrapped around the left of my image.
.
.
.
.
This is my image

see how the text is wrapped around my image.
.
.
.
.
.

Code

This is my image  see that my text is aligned to the right.

This is my image  see how the text is wrapped around the left of my image.

This is my image  see how the text is wrapped around my image.

Code Tags - You can post code in several differant ways.

PHP Code - The PHP Tag runs items through the PHP Syntax Highlighter: [php]<?php phpinfo(); ?>[/php]

Code

[php]<?php phpinfo(); ?>[/php]

Code Tag - The CODE tag will not allow any code to be parsed within:

Code

[code][php]<?php phpinfo(); ?>[/php]

[/code]

Alignment:

This is aligned Center
[align:left]This is aligned left

This is aligned Center

This is aligned right

This is aligned Center[/align]

Code

This is aligned Center

[align:left]This is aligned left


This is aligned Center

This is aligned right


This is aligned Center[/align]

Spoiler Tags - These tags are useful for hiding a series of text, items, lists, etc; users have to click the "view" link to see the hidden text. Often useful for contests, reviews, etc.

Warning, Spoiler:

Code

Warning, Spoiler: 
This text is spoiled!

Theres an addon at UBBDev which allows you to change the spoiler warning and referance it in the tag as:
[spoiler:This is the warning]This text is spoiled[/spoiler]

Code

[spoiler:This is the warning]This text is spoiled[/spoiler]

Posted By Gremelin Posted on July 20, 2007

Comments

( Posted)

Navigation

Return to the Blog Index

Request a Quote

Please feel free to Request a Quote at any time.

By requesting a quote you allow us to adjust pricing for your product on a per-project basis. Note that most of the prices on our pricing page are just our "common" pricing and can vary on a per project basis. It will also allow us to add any per project discounts where we see fit (non-profit organizations, affiliations, etc).

If your "type" of project isn't listed in our menu's to the left, please Request a Quote; we can do much more than what is listed however building pages for it all would take a great while.

Hosting

We utilize BlueHost and StableHost for the hosting of our all of our Virtual Private Servers, the go to hosts that we recommend to every one of our clients, friends, and family. For more Web Hosting recommendations, please see our Recommended Hosts page!