BB Code List for Joo!BB

BBCode is a short for Bulletin Board Code. If you wish more information about BBCodes, please visit www.bbcode.org. This BB Code List shows you the codes available in Joo!BB.

With the standard tags you can format your text bold, italic and underlined.

Usage

• [b]text[/b]
• [i]text[/i]
• [u]text[/u]

Example Usage

• [b]this is a bold text[/b]
• [i]this is an italic text[/i]
• [u]this is an underlined text[/u]

Example Output
this is a bold text
this is an italic text
this is an underlined text

HTML Output

• <strong>this is a bold text</strong>
• <i>this is an italic text</i>
• <u>this is an underlined text</u>

With those tags you can format the alignment of your text left, center or right.

Usage

• [left]text[/left]
• [center]text[/center]
• [right]text[/right]
• [justify]text[/justify]

Example Usage

• [left]this is a left aligned text[/left]
• [center]this is a centered text[/center]
• [right]this is a right aligned text[/right]
• [justify]this is a justified text[/justify]

Example Output

HTML Output

• <div align=“left”>this text is left-aligned</div>
• <div align=“center”>this text is center-aligned</div>
• <div align=“right”>this text is right-aligned</div>
• <div align=“justify”>this is a justified text, this is a justified text, this is a justified text, this is a justified text, this is a justified text, this is a justified text,this is a justified text, this is a justified text</div>

This tag allows you to change the color of the text.

Usage

• [color={color}]text[/color]

Example Usage

• [color=blue]this is a blue text[/color]
• [color=#ff0000]this is a red text[/color]

Example Output
this is a blue text
this is a red text

HTML Output

• <font color=“blue”>this is a blue text</font>
• <font color=”#ff0000”>this is a red text</font>

This tag allows you to change the size of the text.

Usage

• [size={size}]text[/size]

Example Usage

• [size=3]this is a text of size three[/size]
• [size=+2]this is a text two sizes larger than normal[/size]
• [size=32px]this is a thirty two pixels large text[/size]

Example Output
this is a text of size three

this is a text two sizes larger than normal

this is a thirty two pixels large text

HTML Output

• <font size=“3”>this is a text of size three</font>
• <font size=”+2”>this is a text two sizes larger than normal</font>
• <span style=“font-size: 32px;”>this is a thirty two pixels large text</span>

This tag allows you to change the font of the text.

Usage

• [font={fontname}]text[/font]

Example Usage

• [font=courier]this is a courier text[/font]

Example Output
this is a courier text

HTML Output

• <font face=“courier”>this is a courier text</font>

This tag allows you to create a link to an email address.

Usage

• [email={email address}]email address or link text[/email]

Example Usage

• [email]joobb@example.com[/email]
• [email=joobb@example.com]email to Joo!BB[/email]

Example Output
joobb@example.com
email to Joo!BB

HTML Output

• <a href=“mailto:joobb@example.com”>joobb@example.com</a>
• <a href=“mailto:joobb@example.com”>email to Joo!BB</a>

This tag allows you to create a link to an other ressource.

Usage

• [url={url address}]url address or link text[/url]

Example Usage

• [url]www.example.com[/url]
• [url=www.example.com]link to example[/url]
• [url=http://www.example.com]example.com via http[/url]
• [url=ftp://www.example.com]example.com via ftp[/url]
• [url=gopher://www.example.com]example.com via gopher[/url]
• [url=telnet://www.example.com]example.com via telnet[/url]

Example Output
www.example.com
link to example
example.com via http
example.com via ftp
example.com via gopher
example.com via telnet

HTML Output

• <a href=“http://www.example.com” target=“_blank”>www.example.com</a>
• <a href=“http://www.example.com” target=“_blank”>link to example</a>
• <a href=“http://www.example.com” target=“_blank”>example.com via http</a>
• <a href=“ftp://www.example.com” target=“_blank”>example.com via ftp</a>
• <a href=“gopher://www.example.com” target=“_blank”>example.com via gopher</a>
• <a href=“telnet://www.example.com” target=“_blank”>example.com via telnet</a>

This tag allows you to highlight code snippets. The Joo!BB Parse Engine is using the fabulous GeSHi (Generic Syntax Highlighter) to highlight the syntax of the code. Following languages are supported by Joo!BB as standard. Of course you can add more languages by yourself.

• c
• cpp
• csharp
• css
• delphi
• html
• ini
• java
• javascript
• mysql
• php
• sql
• vb
• xml

Usage

• [code={language}]code[/code]

Example Usage

[code=php]
<?php
echo “Hello PHP World”;
?>
[/code]

Example Output

<?php
echo "Hello PHP World";
?>

HTML Output

The HTML Output can varying due to the possibility to customize it in GeSHi.

This tag allows you to embed an image.

Usage

• [img={width x height}]image source[/img]

Example Usage

• [img=120×94]http://www.joobb.org/images/stories/joobb/logo_joobb_short_web.png[/img]

Example Output

HTML Output

• <img src=“http://www.joobb.org/images/stories/joobb/logo_joobb_short_web.png” width=“120” height=“94” border=“0”/>

This tag allows you to avoid the parsing of BB Code within the tag.

Usage

• [noparse][b]text[/b][/noparse]

Example Usage

• [noparse][b]the tags within the no parse tag will be not parsed[/b][/noparse]

Example Output
[b]the tags within the no parse tag will be not parsed[/b]

HTML Output

• [b]the tags within the no parse tag will be not parsed[/b]