Icon: BBCode Help BBCode Help

Contents

  1. Introduction to BBCode
  2. Text formatting
  3. Objects
  4. Lists
  5. Tables
  6. Dialogs
  7. Smilies
  8. Combinations of BBCode

Introduction to BBCode

BBCode is a way of a webmaster providing users of submitting rich content without having to know about any HTML or styles used on the web site.

It is also safer and more limited to help prevent users destroying a site layout as you could with HTML.

Special tags are used and parsed by the web server to build a HTML body with all the common formatting options and objects.

To create some bold text in HTML you would enter <strong>your bold text here like ths</strong>. With BBCode, you can enter it like [b]this[/b].

A webmaster can also adjust the style of the website without having to worry about updating any BBCode content submitted.

If you'd like to know more about BBCode's origin and history, see this wikipedia entry.

All BBCode is case-insensitive.

Go back to the top. Go back to the top...

Text formatting

These tags allow you to change the look of your text.

Option Example Output
Bold Bold
[B]This is some text.[/B]
This is some text.
Italics Italics
[I]This is some text.[/I]
This is some text.
Underline Underline
[U]This is some text.[/U]
This is some text.
Strikethrough Strikethrough
[S]This is some text.[/S]
This is some text.
Emphasise / highlight Emphasise / highlight
[EM]This is some text.[/EM]
This is some text.
Big Big
[big]This is some text.[/big]
This is some text.
Small Small
[small]This is some text.[/small]
This is some text.
Heading: Main Heading: Main
[H1]This is some text.[/H1]

This is some text.

Heading: Sub Heading: Sub
[H2]This is some text.[/H2]

This is some text.

Quote Quote
[quote]This is some text.[/quote]
This is some text.
Pre-formatted / code Pre-formatted / code
[pre]This is some text.[/pre]
This is some text.

Go back to the top. Go back to the top...

Objects

These tags allow you to insert various objects found in most web pages.

Option Example Output
Image Image
[img]http://sc.multiplay.co.uk/images/icons/image_l.gif[/img]
URL Link
[url]http://i32.multiplay.co.uk/[/url]
http://i32.multiplay.co.uk/
URL Link with custom text
[url=http://i32.multiplay.co.uk/]Multiplay i32[/url]
Multiplay i32
URL Email address
[url]mailto:cool@beans.org[/url]
mailto:cool@beans.org
URL Email address with custom text
[url=mailto:cool@beans.org]Cool Beans[/url]
Cool Beans

Go back to the top. Go back to the top...

Lists

These tags allow you to insert ordered or unordered lists.

Option Example Output
Unordered List Unordered List
[list]
[*]Item 1[/*]
[*]Item 2[/*]
[*]Item 3[/*]
[/list]
  • Item 1
  • Item 2
  • Item 3
Ordered List Ordered List
[list1]
[*]Item 1[/*]
[*]Item 2[/*]
[*]Item 3[/*]
[/list1]
  1. Item 1
  2. Item 2
  3. Item 3
List Item List Item This is used within a list above. Not on it's own.

Go back to the top. Go back to the top...

Tables

This will allow you to insert a table.

Tables consist of upto 4 elements.

Option Description
Table Table This is the outer framework starting and ending the table.
Table Row Table Row This defines the start and end of a row.
Table Cell: Heading Table Cell: Heading This creates a heading cell within a row.
Table Cell Table Cell This creates a regular cell within a row.

Example table build:

Example Output
[table]
[tr]
[th]Heading[/th]
[th]Heading[/th]
[/tr]
[tr]
[td]Regular cell[/td]
[td]Regular cell[/td]
[/tr]
[tr]
[td=td1]Cell type 1[/td]
[td=td1h]Cell type 1 highlighted[/td]
[/tr]
[tr]
[td=td2]Cell type 2[/td]
[td=td2h]Cell type 2 highlighted[/td]
[/tr]
[tr]
[td=tf]Footer[/td]
[td=tf]Footer[/td]
[/tr]
[/table]
Heading Heading
Regular cell Regular cell
Cell type 1 Cell type 1 highlighted
Cell type 2 Cell type 2 highlighted
Footer Footer

Go back to the top. Go back to the top...

Dialogs

You may wish to put one of the 4 dialogs you see on this website in your message. They are:

Dialog Example Output
Information Information
[info][big]Information[/big]

This is some text.[/info]
Information

This is some text.
Question Question
[question][big]Question[/big]

This is some text.[/question]
Question

This is some text.
Warning Warning
[warning][big]Warning[/big]

This is some text.[/warning]
Warning

This is some text.
Error Error
[error][big]Error[/big]

This is some text.[/error]
Error

This is some text.

Go back to the top. Go back to the top...

Smilies

We can't have BBCode without smilies, so here is a list. Simply type the code in your post to bring up the smiley.

To assist compatibility with each other, smilies are case sensitive.

Code Image
:yes: :yes:
:angel: :angel:
:arrow: :arrow:
:D :D
:bow: :bow:
:S :S
:? :?
8-) 8-)
:'( :'(
:cry: :cry:
:no: :no:
8| 8|
:eek: :eek:
:evil: :evil:
:!: :!:
:( :(
:frown: :frown:
X( X(
:furious: :furious:
:heart: :heart:
:love: :love:
:idea: :idea:
:lol: :lol:
:mad: :mad:
^^ ^^
:mrgreen: :mrgreen:
:| :|
:paper: :paper:
:-/ :-/
:drunk: :drunk:
:?: :?:
:P :P
:roll: :roll:
:rolleyes: :rolleyes:
:sad: :sad:
:shrug: :shrug:
:) :)
:o :o
:twisted: :twisted:
:] :]
:bash: :bash:
:wallbash: :wallbash:
;) ;)
:nod: :nod:

Go back to the top. Go back to the top...

Combinations of BBCode

...

Go back to the top. Go back to the top...


Page last updated Sunday, 10th January 2010 at 11:48 PM, executed in 0.508 seconds using 143 queries. It has been viewed 498 time(s).
Template and content © copyright Adam Reece 2003-2010. All rights reserved.
Please send any problems you encounter on this website to the manager Adam Reece, thank you.