BBCode Reference Guide





Our Sports League/Club and Sports Team websites both support BBCode as well as a few extra special Teamopolis tag implementations as well.

Wikipeida describes BBCode as a markup language used to format posts in many message boards. The tags are usually indicated by rectangular [] brackets surrounding a keyword, and they are parsed by the message board system before being translated into a markup language the web browsers understands.

BBCode was devised and put to use in order to provide a safer, easier and more limited way of allowing users to format their messages. The primary reason for using BBCode is to prevent Cross-Site Scripting (XSS) abuse.


The following table summarizes the BBCode tags that are available for you to use.

Tags with a indicate these tags have been specially introduced for use with Teamopolis websites.

We also have a Free BBCode Table Generator Tool that allows you to easily create tables for use in our system.

**Note** Not all implementations of BBCode are the same, and results may vary from system to system.

Fonts & Formatting

Font TypeFont ColorBoldItalicUnderlineStrikeSuperscriptSubscriptQuotationTeleType FontCode FontPreformatted Text

Alignment

Left AlignCenter AlignRight Align

Lists

Bulleted ListNumbered ListAlphabetized List

Tables

TableTable RowTable Cell

Links and E-Mail

Url/Web LinkE-Mail AddressWeb ImageThumbnailImage Display/File Download LinkFile Download Link

Add-ons

Macromedia Flash playerYouTube VideoGoogle Video

Special Formatting

MoveShadowGlow

Miscellaneous

SpaceLiteral TextHorizontal LineComment


Font Type

Displays text in the font specified

Tag:[FONT=Arial][/FONT]
Usage:[FONT=Arial]The Arial Font[/FONT]
[FONT=Verdana]The Font Verdana[/FONT]
HTML:<FONT FACE="Arial">The Arial Font<FONT>
<FONT FACE="Verdana">The Verdana Font<FONT>
Sample:The Arial Font
The Verdana Font

Back to Top

Font Color

Displays text in the color specified

Tag:[COLOR][/COLOR]
Usage:[COLOR=Blue]The Color Blue[/COLOR]
[COLOR=#FF0000]The Color Red[/COLOR]
HTML:<FONT COLOR="Blue">The Color Blue<FONT>
<FONT COLOR="#FF0000">The Color Red<FONT>
Sample:The Color Blue
The Color Red

Back to Top

Bold

Markup characters as bold

Tag:[B]
Usage:[B]Text[/B]
HTML:<B>Text</B>
Sample:Text

Back to Top

Italic

Markup characters as italic

Tag:[I]
Usage:[I]Text[/I]
HTML:<I>Text</I>
Sample:Text

Back to Top

Underline

Underline characters

Tag:[U]
Usage:[U]Text[/U]
HTML:<U>Text</U>
Sample:Text

Back to Top

Strike

Markup characters with a line straight though the middle

Tag:[S]
Usage:[S]Text[/S]
HTML:<S>Text</S>
Sample:Text

Back to Top

Superscript

Displays text higher than normal text

Tag:[SUP]
Usage:[SUP]Text[/SUP]
HTML:Normal Text <SUP>Higher</SUP>
Sample:Normal Text Higher

Back to Top

Subscript

Displays text lower than normal text

Tag:[SUB]
Usage:[SUB]Text[/SUB]
HTML:Normal Text <SUB>Lower</SUB>
Sample:Normal Text Lower

Back to Top

Quotation

Displays quoted text

Tag:[QUOTE]
Usage:[QUOTE]Quoted Text[/QUOTE]
HTML:<HR>
<BLOCKQUOTE>Quoted Text</BLOCKQUOTE>
<HR>
Sample:
Quoted Text


Back to Top

TeleType Font

Display characters using a tele-typefont

Tag:[TT]
Usage:[TT]Text[/TT]
HTML:<TT>Text</TT>
Sample:Text

Back to Top

Code Font

Displays text in a code font

Tag:[CODE]
Usage:[CODE]Text[/CODE]
HTML:<CODE>Text</CODE>
Sample:Text

Back to Top

Preformatted Text

Displays text preformatted, and on a new line

Tag:[PRE]
Usage:[PRE]Text[/PRE]
HTML:Normal Text <PRE>Preformatted</PRE>
Sample:Normal Text
Preformatted

Back to Top

Left Align

Align all characters left

Tag:[LEFT]
Usage:[LEFT]Text[/LEFT]
HTML:<P ALIGN="LEFT">Text</P>
Sample:

Text


Back to Top

Center Align

Center all characters

Tag:[CENTER]
Usage:[CENTER]Text[/CENTER]
HTML:<P ALIGN="CENTER">Text</P>
Sample:

Text


Back to Top

Right Align

Align all characters right

Tag:[RIGHT]
Usage:[RIGHT]Text[/RIGHT]
HTML:<P ALIGN="RIGHT">Text</P>
Sample:

Text


Back to Top

Bulleted List

List items in a bulleted list

Tag:[LIST][*][/LIST]
Usage:[LIST]
 [*]List Item 1
 [*]List Item 2
[/LIST]
HTML:<UL>
  <LI>List Item 1</LI>
  <LI>List Item 2</LI>
</UL>
Sample:
  • List Item 1
  • List Item 2

Back to Top

Numbered List

List items in a numbered list

Tag:[LIST=1][*][/LIST]
Usage:[LIST=1]
 [*]List Item 1
 [*]List Item 2
[/LIST]
HTML:<OL TYPE=1>
  <LI>List Item 1</LI>
  <LI>List Item 2</LI>
</OL>
Sample:
  1. List Item 1
  2. List Item 2

Back to Top

Alphabetized List

List all items in an alphabetized list.

Tag:[LIST=A][*][/LIST]
Usage:[LIST=A]
 [*]List Item 1
 [*]List Item 2
[/LIST]
HTML:<OL TYPE=A>
  <LI>List Item 1</LI>
  <LI>List Item 2</LI>
</OL>
Sample:
  1. List Item 1
  2. List Item 2

Back to Top

Table

Display information in a tabular format with columns and rows. See our BBCode Table Generator for an easy way to create tables.


Tag:[TABLE]
Usage:[TABLE]
[TR]
   [TD]Row 1 Col 1[/TD] [TD]Row 1 Col 2[/TD] [TD]Row 1 Col 3[/TD]
[/TR]
[TR]
   [TD]Row 2 Col 1[/TD] [TD]Row 2 Col 2[/TD] [TD]Row 2 Col 3[/TD]
[/TR]
[/TABLE]
HTML:<TABLE>
<TR>
    <TD>Row 1 Col 1</TD><TD>Row 1 Col 2</TD><TD>Row 1 Col 3</TD>
</TR>
<TR>
    <TD>Row 2 Col 1</TD><TD>Row 2 Col 2</TD><TD>Row 2 Col 3</TD>
</TABLE>
Sample:
Row 1 Col 1Row 1 Col 2Row 1 Col 3
Row 2 Col 1Row 2 Col 2Row 2 Col 3

Back to Top

Table Row

A row to be displayed in a table

Tag:[TR]
Usage:[TR][/TR]
HTML:Used in conjunction with tables
Sample:See Table.

Back to Top

Table Cell

A cell (or column) to be displayed within a row/table

Tag:[TD]
Usage:[TD][/TD]
HTML:Used in conjunction with tables
Sample:See Table.

Back to Top

Url/Web Link

Displays a clickable web address (url)

Tag:[URL]
Usage:[URL]http://www.teamopolis.com[/URL]
[URL=http://www.teamopolis.com]Teamopolis Inc.[/URL]
HTML:<A HREF="http://www.teamopolis.com" TARGET="_blank">http://www.teamopolis.com</A>
<A HREF="http://www.teamopolis.com" TARGET="_blank">Teamopolis Inc.</A>
Sample:http://www.teamopolis.com
Teamopolis Inc.

Back to Top

E-Mail Address

Displays a clickable e-mail address

Tag:[EMAIL]
Usage:[EMAIL]sales@teamopolis.com[/EMAIL]
[EMAIL=sales@teamopolis.com]Click here for Teamopolis[/EMAIL]
HTML:<A HREF="mailto:sales@teamopolis.com">sales@teamopolis.com</A>
<A HREF="mailto:sales@teamopolis.com">Click here for Teamopolis</A>
Sample:sales@teamopolis.com
Click here for Teamopolis

Back to Top

Web Image

Displays a image based on a web address (url)

Tag:[IMG]
Usage:[IMG]http://www.teamopolis.com/images/teamopolisleagues_logo_small.gif[/IMG]
[IMG=http://www.teamopolis.com/images/teamopolisleagues_logo_small.gif]Small Logo[/IMG]
HTML:<IMG SRC="http://www.teamopolis.com/images/teamopolisleagues_logo_small.gif">
Sample:

Back to Top

Thumbnail Teamopolis Logo

Displays a thumbnail image based on file uploaded to your site

Tag:[THUMB][/THUMB]
Usage:[THUMB]filename.jpg[/THUMB]
HTML:N/A
Sample:N/A

Back to Top

Image Display/File Download Link Teamopolis Logo

Depending on the file, either displays a full size image or provides a link for files uploaded to your site.

Tag:[FILE][/FILE]
Usage:[FILE]filename.jpg[/FILE]
HTML:N/A
Sample:N/A

Back to Top

File Download Link Teamopolis Logo

Displays a link to download files uploaded to your site.

Tag:[LINK][/LINK]
Usage:[LINK]filename.jpg[/LINK]
HTML:N/A
Sample:N/A

Back to Top

Macromedia Flash player

Displays a flash .swf file

Tag:[FLASH]
Usage:[FLASH]filename.swf[/FLASH]
[FLASH]http://www.yourdomain.com/flash.swf[/FLASH]
[FLASH=width,height,backgroundcolor]filename.swf[/FLASH]
HTML:N/A
Sample:N/A

Back to Top

YouTube Video Teamopolis Logo

Displays video linline from youtube.com. Just paste in the url link that is provided for the video.

Tag:[YOUTUBE]
Usage:[YOUTUBE]http://www.youtube.com/watch?v=DuZHzb6PyQ4[/YOUTUBE]
HTML:N/A
Sample:N/A

Back to Top

Google Video Teamopolis Logo

Displays video linline from Google Videos. Just paste in the url link that is provided for the video.

Tag:[GVIDEO]
Usage:[GVIDEO]http://video.google.com/videoplay?docid=5975682877578068213&q=greatest+sports+moments&hl=en[/GVIDEO]
HTML:N/A
Sample:N/A

Back to Top

Move

Displays the text in a Marquee-like moveable style.

**Note** This feature only works with MS Internet Explorer, and is not a standard feature in any other browser.

Tag:[MOVE]This is moveable text[/MOVE]
[MOVE=direction]This is moveable text[/MOVE]
Usage:[MOVE]This is a shadow[/MOVE]
[MOVE=left]This is moveable text[/MOVE]
HTML:<MARQUEE DIRECTION=LEFT BEHAVIOR=SCROLL SCROLLAMOUNT=10 SCROLLDELAY=200>This is moveable text</MARQUEE>
Sample:This is moveable text

Back to Top

Shadow

Displays the text with a shadow.

**Note**This feature only works with MS Internet Explorer, and is not a standard feature in any other browser.

Tag:[SHADOW]This is a custom shadow[/SHADOW]
[SHADOW=color,shadowcolor]This is a custom shadow[/SHADOW]
Usage:[SHADOW]This is a shadow[/SHADOW]
[SHADOW=red,gray]This is a custom shadow[/SHADOW]
HTML:N/A
Sample:
This is a shadow

Back to Top

Glow

Displays the text with an outer glow.

**Note** This feature only works with MS Internet Explorer, and is not a standard feature in any other browser.

Tag:[GLOW]This is glowing text[/GLOW]
[GLOW=color,glowcolor,strength]This is custom glowing text[/GLOW]
Usage:[GLOW]This is glowing text[/GLOW]
[GLOW=black,red,3]This is custom glowing text[/GLOW]
HTML:N/A
Sample:
This is custom glowing text

Back to Top

Space Teamopolis Logo

Inserts a space

Tag:[SPACE]
Usage:Text[SPACE=5]Text
HTML:Text&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Text
Sample:Text     Text

Back to Top

Literal Text

Displays text exactly as it is entered.

Tag:[LIT]
Usage:[LIT]Text[/LIT]
HTML:Text
Sample:Text

Back to Top

Horizontal Line

Displays line across the screen horizontally

Tag:[HR]
Usage:[HR]
HTML:<HR>
Sample:

Back to Top

Comment

Displays HTML comments

Tag:[COMMENT]
Usage:[COMMENT]Your comment here[/COMMENT]
HTML:<!-- Your comment here -->
Sample:

Back to Top



Free Sports Team Website
Quick Setup. Easy to Use
Schedules, Statistics, Photos

www.teamopolis.com