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:
BAD:
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:
Text Formatting - You can format your text in a variety of ways...
Bold: This text is BOLD
Underline: This text is UNDERLINED
Italics: This text is ITALICIZED
Strike Through:This text is STRIKED THROUGH
Color: This text has pretty colors
Color: This text has pretty colors
Highlight: [highlight]This text is highlighted[/highlight]
Text Size: [size:20pt]This text is BIG![/size]
Font Face: [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.
EMail: This is an [[email protected]]EMail Address[/email]
This is my email address: [email protected]
Quotes - You can also quote people...
QB:
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?
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 Tag - The CODE tag will not allow any code to be parsed within:
[/code]
Alignment:
This is aligned Center
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.
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]
Posted on July 20, 2007
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:
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
GizmoWatch as I quote myself!
Quote
Watch as I quote no one in particular!!
Code
QuoteWatch as I quote no one in particular!!
QB:
Quote
This is the Quote Bold bbcode tag
Code
QuoteThis 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

Code
This is my image
see?
This is my image

.
.
.
.
.
This is my image

.
.
.
.
This is 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]
Alignment:
This is aligned Center
[align:left]This is aligned left
[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:
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 20, 2007