• Welcome to the new COTI server. We've moved the Citizens to a new server. Please let us know in the COTI Website issue forum if you find any problems.
  • We, the systems administration staff, apologize for this unexpected outage of the boards. We have resolved the root cause of the problem and there should be no further disruptions.

Using BBCodes

vB code is a set of tags based on the HTML language that you may already be familiar with. They allow you to add formatting to your messages in the same way as HTML does, but have a simpler syntax and will never break the layout of the pages you are viewing. The ability to use BBCode is set on a forum-by-forum basis by the administrator, so you should check the forum rules when you post a new message.

Below is a list of the BBCodes you can use to format your messages.

[b], [i], [u] Bold / Italic / Underline
[color] Color
[size] Size
[font] Font
[highlight] Highlight
[g=glosstext] Gloss Text. hover to get popup, click to get inline
[left], [right], [center] Left / Right / Center
[indent] Indent
[email] Email Linking
[url] URL Hyperlinking
[thread] Thread Linking
[post] Post Linking
[list] Bulleted Lists / Advanced Lists
[img] Images
[imgw=x] Images with specified width in pixels
[code] Code
[php] PHP Code
[html] HTML Code
[pre] unboxed code, preformatted text
[quote] Quote
[noparse] Stop BBCode Parsing
[attach] Attachment
[table]
[tr]
[td]
[tc]		 table
Table Row
Table Cell
Table Cell spanning Collumns
[sblock]
[spoiler]		 spoiler block
alternate tag for spoilerblock
[sup] superscript text
[sub] subscript text
[o] overstrike text
Incorrect BBCode Usage:
  • [url] www.vbulletin.com [/url] - don't put spaces between the bracketed code and the text you are applying the code to.
  • [email]myname@domain.com[email] - the end brackets must include a forward slash ([/email])

Bold / Italic / Underline
The [b], [i] and [u] tags allow you to create text that is bold, italic and underlined.
Usage [b]value[/b]
[i]value[/i]
[u]value[/u]
Example Usage [b]this text is bold[/b]
[i]this text is italic[/i]
[u]this text is underlined[/u]
Example Output this text is bold
this text is italic
this text is underlined

Superscript, Subscript, and Overstrike
The [sup], [sub] and [o] tags allow you to create text that is superscripted, subscripted and overstruck.
Usage [sup]value[/sup]
[sub]value[/sub]
[o]value[/o]
Example Usage [sup]this[/sup] text is [sup]superscript[/sup]
[sub]this[/sub] text is subscript[/sub]
[o]this text is overstruck[/o]
Example Output this[/sup] text is superscript
this text is subscript
this text is overstruck

Color
The [color] tag allows you to change the color of your text.
Usage [color=Option]value[/color]
Example Usage [color=blue]this text is blue[/color]
Example Output this text is blue

Size
The [size] tag allows you to change the size of your text.
Usage [size=Option]value[/size]
Example Usage [size=+2]this text is two sizes larger than normal[/size]
Example Output this text is two sizes larger than normal

Font
The [font] tag allows you to change the font of your text.
Usage [font=Option]value[/font]
Example Usage [font=courier]this text is in the courier font[/font]
Example Output this text is in the courier font

Highlight
The [highlight] tag allows you to emphasize your text.
Usage [highlight]value[/highlight]
Example Usage [highlight]this text is highlighted[/highlight]
Example Output this text is highlighted

Gloss
The [g=glosstext] tag allows you to provide in-text popup glossing of your text.
Usage [g=glosstext]value[/highlight]
Example Usage [g="Far Future Enterprises"]FFG[/g]
Example Output FFE
Notes Hover over the gloss to have the glosstext pop up as a floating definition.
Click on the closstext to have it appear inline; click on the glosstext to make it hide again. Relies upon inline javascript to get the inline mode.
Example output is functional.

Left / Right / Center
The [left], [right] and [center] tags allow you to change the alignment of your text.
Usage [left]value[/left]
[center]value[/center]
[right]value[/right]
Example Usage [left]this text is left-aligned[/left]
[center]this text is center-aligned[/center]
[right]this text is right-aligned[/right]
Example Output
this text is left-aligned
this text is center-aligned
this text is right-aligned

Indent
The [indent] tag allows you to indent your text.
Usage [indent]value[/indent]
Example Usage [indent]this text is indented[/indent]
Example Output
this text is indented

Email Linking
The [email] tag allows you to link to an email address. You can include an optional parameter to 'name' your link.
Usage [email]value[/email]
[email=Option]value[/email]
Example Usage [email]myname@domain.com[/email]
[email=myname@domain.com]Click Here to Email Me[/email]
Example Output myname@domain.com
Click Here to Email Me

URL Hyperlinking
The [url] tag allows you to link to other websites and files. You can include an optional parameter to 'name' your link.
Usage [url]value[/url]
[url=Option]value[/url]
Example Usage [url]http://www.TravellerRPG.com[/url]
[url=http://www.TravellerRPG.com]TravellerRPG.com[/url]
Example Output http://www.TravellerRPG.com
TravellerRPG.com

Thread Linking
The [thread] tag allows you to link to threads by specifying the thread id. You can include an optional parameter to 'name' your link.
Usage [thread]threadid[/thread]
[thread=threadid]value[/thread]
Example Usage [thread]12345[/thread]
[thread=12345]Click Me![/thread]
(Note: The threadid/postid is just an example and may not link to a valid thread/post.)
Example Output http://www.TravellerRPG.com/CotI/Discuss/showthread.php?t=12345
Click Me!

Post Linking
The [post] tag allows you to link to posts by specifying the post id. You can include an optional parameter to 'name' your link.
Usage [post]postid[/post]
[post=postid]value[/post]
Example Usage [post]654321[/post]
[post=654321]Click Me![/post]
(Note: The threadid/postid is just an example and may not link to a valid thread/post.)
Example Output http://www.TravellerRPG.com/CotI/Discuss/showthread.php?p=654321#post654321
Click Me!

Bulleted Lists
The [list] tag allows you to create simple, bulleted lists without specifying an option. Within the value portion, each bullet is denoted by the [*] tag.
Usage [list]value[/list]
Example Usage [list]
[*]list item 1
[*]list item 2
[/list]
Example Output
  • list item 1
  • list item 2

Advanced Lists
The [list] tag allows you to create advanced lists by specifying an option. The option should have a value of 1 (for a numbered list) or A (for an alphabetic with capital letters list) or a (for an alphabetic with lowercase letters list) or I (for a numbered with capital Roman numeral list) or i (for a numbered with small Roman numeral list).
Usage [list=Option]value[/list]
Example Usage [list=1]
[*]list item 1
[*]list item 2
[/list]

[list=a]
[*]list item 1
[*]list item 2
[/list]
Example Output
  1. list item 1
  2. list item 2
  1. list item 1
  2. list item 2

Images
The [img] tag allows you to embed images within your posts. You can also combine this tag with the [url] tag to make images become links.
Usage [img]value[/img]
Example Usage [img]http://www.TravellerRPG.com/CotI/Discuss/images/statusicon/forum_new.gif[/img] (Not linked)

[url=http://www.vbulletin.com] [img]http://www.TravellerRPG.com/CotI/Discuss/images/statusicon/forum_new.gif[/img] [/url] (Linked)
Example Output (Not linked)

(Linked)
Images
The [imgw] tag allows you to embed images at specified widths within your posts. You can also combine this tag with the [url] tag to make images become links.
Example Usage [imgw=15]http://www.TravellerRPG.com/CotI/Discuss/images/statusicon/forum_new.gif[/img] (Not linked)

[url=http://www.vbulletin.com] [img]http://www.TravellerRPG.com/CotI/Discuss/images/statusicon/forum_new.gif[/img] [/url] (Linked)
Example Output (Not linked)

(Linked)

Code
The [code] tag switches to a fixed-width (monospace) font and preseves all spacing.
Usage [code]value[/code]
Example Usage [code]
<script type="text/javascript">
<!--
    alert("Hello world!");
//-->
</script>
[/code]
Example Output
Code:
<script type="text/javascript">
<!--
	alert("Hello world!");
//-->
</script>

Quote
The [quote] tag allows you to attribute text to someone else.
Usage [quote]Quote[/quote]
[quote=User Name]value[/quote]
Example Usage [quote]vBulletin[/quote]
[quote=John Doe]vBulletin[/quote]
[quote=John Doe;32]vBulletin[/quote]
Example Output
Quote:
vBulletin
Quote:
Originally Posted by John Doe
vBulletin
Quote:
Originally Posted by John Doe View Post
vBulletin

Stop BBCode Parsing
The [noparse] tag allows you to stop the parsing of BBCode.
Usage [noparse][b]value[/b][/noparse]
Example Usage [noparse][b]vBulletin[/b][/noparse]
Example Output [b]vBulletin[/b]

Build Tables
The [table][/table], [tr][/tr], [td][/td], and [tc][/tc] tags allow building HTML tables
Usage [table]Rows[/noparse]
Usage [tr]cells[/tr]
Usage [td]cell content[/td]
[tc=ColumnsWide]cell content[/tc]
Example Usage [table][tr][td]Col1 Cell 1[/td][td]Col 2 Cell 1[/td][/tr][tr][td]Col 1 cell 2[/td][td]Col2 cell 2[/td][/tr][tr][tc=2]col 1-2 cell 3[/tc][/tr][/table]
Example Output
Col1 Cell 1Col 2 Cell 1
Col 1 cell 2Col2 cell 2
col 1-2 cell 3
Caution Any text outside the [td][/td] tags will show outside the table. This includes (unfortunately) returns. Rowspan has not been implemented.

Spoilers
The [sblock][/sblock] or [spoiler][/spoiler] hiding text so it requires a button press to show the concealed text.
Example Usage [spoiler]Text to be hidden[/spoiler]
Example Output
Spoiler:
Text to be hidden

DiceThere is a dice system installed in the COTI boards.
Usage
[roll]xdy[/roll]
[roll]xdy+z[/roll]
[roll]xdy-z[/roll]
[/roll] 		Generates a die-roll using fairly standard dice notations. Note that there is cheating checking on display - once posted, the no rolls can be added or deleted in edit. Deleting generates a BIG cheater notice.
Roll notations are altered into a different format.
[rolln] this is a result tag. It pulls roll n from the result list for that post from the database and displays it. If you add dice rolls to a post where you have quoted someone else's [roll1], their first roll will show up as matching your first roll, rather than actually showing their roll.
 
You do not enter this tag. It replaces the tag you enter.
x number of dice, and is optional (presumed to be 1 if not included)
y sides per die, and can be any positive number above 1; it is required.
+z add z to the total; optional.
-z subtract z from the total; optional.
[roll]xdybd+z[/roll] keeps the best d dice
Variations
[roll][/roll] generates just a total.
[rollv][/rollv] generates a string showing each die.
[rollo][/rollo] is like rollv, but each die open ends on it's maximum roll.
[roll][/roll] generates just a total.
[rollv][/rollv] generates a string showing each die.
[rollo][/rollo] is like rollv, but each die open ends on it's maximum roll.
Example
Code Sample Output
[roll]4d6[/roll] (4d6)[20]
[roll]d%[/roll] (d%)[61]
[roll]7d6b3[/roll] (7d6b1)[0]
[rollo]4d6[/roll] (4d6)[2][5][1][2](10)
[rollo]3d%[/roll] (3d%)[11][44][82](137)
[rollo]7d6b3[/roll] (7d6b1)[5][1][2][14][1][4][2](21)
Back
Top