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.
Standard
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>
Alignment
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>
Color
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>
Size
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>
Font
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>
URL
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>
Code
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
HTML Output
The HTML Output can varying due to the possibility to customize it in GeSHi.
Image
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”/>
No Parse
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]
