|
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 Type, Font Color, Bold, Italic, Underline, Strike, Superscript, Subscript, Quotation, TeleType Font, Code Font, Preformatted Text
Alignment
Left Align, Center Align, Right Align
Lists
Bulleted List, Numbered List, Alphabetized List
Tables
Table, Table Row, Table Cell
Links and E-Mail
Url/Web Link, E-Mail Address, Web Image, Thumbnail, Image Display/File Download Link, File Download Link
Add-ons
Macromedia Flash player, YouTube Video, Google Video
Special Formatting
Move, Shadow, Glow
Miscellaneous
Space, Literal Text, Horizontal Line, Comment
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: | |
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: | - List Item 1
- 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: | - List Item 1
- 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 1 | Row 1 Col 2 | Row 1 Col 3 | | Row 2 Col 1 | Row 2 Col 2 | Row 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]https://www.teamopolis.com[/URL]
[URL=https://www.teamopolis.com]Teamopolis Inc.[/URL]
|
| HTML: | <A HREF="https://www.teamopolis.com" TARGET="_blank">https://www.teamopolis.com</A>
<A HREF="https://www.teamopolis.com" TARGET="_blank">Teamopolis Inc.</A> |
| Sample: | https://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]https://www.teamopolis.com/images/teamopolisleagues_logo_small.gif[/IMG]
[IMG=https://www.teamopolis.com/images/teamopolisleagues_logo_small.gif]Small Logo[/IMG]
|
| HTML: | <IMG SRC="https://www.teamopolis.com/images/teamopolisleagues_logo_small.gif"> |
| Sample: | 
|
Back to Top
Thumbnail
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
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
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]https://www.yourdomain.com/flash.swf[/FLASH]
[FLASH=width,height,backgroundcolor]filename.swf[/FLASH]
|
| HTML: | N/A |
| Sample: | N/A |
Back to Top
YouTube Video
Displays video linline from youtube.com. Just paste in the url link that is provided for the video.
| Tag: | [YOUTUBE] |
| Usage: | [YOUTUBE]https://www.youtube.com/watch?v=DuZHzb6PyQ4[/YOUTUBE]
|
| HTML: | N/A |
| Sample: | N/A |
Back to Top
Google Video
Displays video linline from Google Videos. Just paste in the url link that is provided for the video.
| Tag: | [GVIDEO] |
| Usage: | [GVIDEO]https://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: | |
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
Inserts a space
| Tag: | [SPACE] |
| Usage: | Text[SPACE=5]Text |
| HTML: | Text 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
|