Introduction
What is BBCode?

BBCode is a special implementation of HTML. Whether you can actually use BBCode in your posts on the forum is determined by the administrator. In addition you can disable BBCode on a per post basis via the posting form. BBCode itself is similar in style to HTML, tags are enclosed in square brackets [ and ] rather than < and > and it offers greater control over what and how something is displayed. Depending on the template you are using you may find adding BBCode to your posts is made much easier through a clickable interface above the message area on the posting form. Even with this you may find the following guide useful
Text Formatting

How to create bold, italic and underlined text
To make a piece of text bold enclose it in [b][/b], e.g.
[b]Hello[/b]		 will become Hello
For underlining use [u][/u], for example:
[u]Good Morning[/u]		 becomes Good Morning
To italicise text use [i][/i], e.g.
This is [i]Great![/i]!		 would give   This is Great
How to change the text color or size
Changing the colour of text is achieved by wrapping it in [color=][/color]. You can specify either a recognised colour name (eg. red, blue, yellow, etc.) or the hexadecimal triplet alternative, e.g. #FFFFFF, #000000. For example, to create red text you could use:
[color=red]Hello![/color]
or
[color=#FF0000]Hello![/color]		 Both will output Hello!
Changing the text size

This is achieved in a similar way using [size=][/size]. This tag is dependent on the template the user has selected but the recommended format is a numerical value representing the text size in percent, starting at 20 (very small) through to 200 (very large) by default.
[size=30]SMALL[/size] will generally be  SMALL
[size=200]HUGE![/size] becomes  HUGE!

Can I combine formatting tags?
Yes, of course you can, being creative, you might enter:

[size=200][color=red][b]LOOK AT ME![/b][/color][/size]		 causing this: LOOK AT ME!
 

Quoting
The second method allows you to blindly quote something. To utilize this enclose the text in [quote]Hello [/quote] tags. When you view the message it will simply show the text within a quotation block. The resulting output will automatically show  "Hello"
Creating Links
Linking to another site
use the [url=][/url] tag, whatever you type after the = sign will cause the contents of that tag to act as a URL. For example to link to the Team Site you could use:

[url=http://shop-4-rewards.com/]Visit our Team Site![/url]		 This would generate the following link, Visit our Team Site! Please notice that the link opens in the same window or a new window depending on the users browser preferences.
Linking to another site
[email]ScottandJulia@windstream.net[/email]
 		 which will output
 ScottandJulia@windstream.net
Showing images in posts
To display an image you must surround the URL pointing to the image with [img][/img] tags. For example:

[img]http://www.clubshop.com/banners/banner_button2.gif[/img]

You can wrap an image in a [url][/url] tag if you wish, e.g.

[url=http://www.clubshop.com/cgi-bin/rd/4,,refid=3077498][img]http://www.clubshop.com/banners/banner_button2.gif[/img][/url]		 would generate:     clubshop.com

Generating lists
Creating an Unordered list
BBCode supports two types of lists, unordered and ordered. They are essentially the same as their HTML equivalents. An unordered list outputs each item in your list sequentially one after the other indenting each with a bullet character. To create an unordered list you use [list][/list] and define each item within the list using [*]

 
For example to list your favorite colors you could use:
[list]
[*]Red
[*]Blue
[*]Yellow
[/list]		 This would generate the following list:
  • Red
  • Blue
  • Yellow

 
Creating an Ordered list
The second type of list, an ordered list, gives you control over what is output before each item. To create an ordered list you use [list=1][/list] to create a numbered list or alternatively [list=a][/list] for an alphabetical list. As with the unordered list, items are specified using [*]. For example:

[list=1]
[*]Go to the shops
[*]Buy a new computer
[*]Swear at computer when it crashes
[/list]
 will generate the following:
  1. Go to the shops
  2. Buy a new computer
  3. Swear at computer when it crashes
Whereas for an alphabetical list you would use:

[list=a]
[*]The first possible answer
[*]The second possible answer
[*]The third possible answer
[/list]

will generate the following:

  1. The first possible answer
  2. The second possible answer
  3. The third possible answer