Documenting Un-Documented BBCode

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
[*]

    [*]Fruit
    [*][list]
    [*]Oranges
    [*][list]
    [*]Necterenes
    [*]Blood Oranges

[*]Apples
[*]

    [*]Granny Smith
    [*]Red Delicious

[/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:
This text is spoiled!

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 on July 20th, 2007

Comments

( Posted)
For the best viewing experience please update your browser to Chrome, Firefox, or Opera