I have a small test forum here with all this BBCode added except the IE only ones.
Click here to see some of them in action.
Unless specified these are XHTML Compliant.
Newly added code will have a green title.
Recently updated code will have a blue title.
There is currently 22 BBCode additions here.
AdminCP>Posting>BBCodes
Input into correct text areas.
Use following for horizontal lines:
BB Usage:
Code: Select all
[hr]
Code: Select all
<hr />
Use following for center alignment:
BB Usage:
Code: Select all
[center]{TEXT}[/center]
Code: Select all
<div align="center">{TEXT}</div>
Use following for right alignment:
BB Usage:
Code: Select all
[right]{TEXT}[/right]
Code: Select all
<div align="right">{TEXT}</div>
Use following for justify alignment:
BB Usage:
Code: Select all
[justify]{TEXT}[/justify]
Code: Select all
<div align="justify">{TEXT}</div>
Use following for text background color:
BB Usage:
Code: Select all
[bgcolor={COLOR}]{TEXT}[/bgcolor]
Code: Select all
<span style="background:{COLOR}">{TEXT}</span>
Use following for strike through text:
BB Usage:
Code: Select all
[s]{TEXT}[/s]
Code: Select all
<strike>{TEXT}</strike>
Use following for subscript text:
BB Usage:
Code: Select all
[sub]{TEXT}[/sub]
Code: Select all
<sub>{TEXT}</sub>
Use following for superscript text:
BB Usage:
Code: Select all
[sup]{TEXT}[/sup]
Code: Select all
<sup>{TEXT}</sup>
Use following for reverse text:
BB Usage:
Code: Select all
[reverse]{TEXT}[/reverse]
Code: Select all
<bdo dir="rtl">{TEXT}</bdo>
Use following to change the font of text:
contributed by cooleo100d
BB Usage:
Code: Select all
[font={TEXT1}]{TEXT2}[/font]
Code: Select all
<font face="{TEXT1}">{TEXT2}</font>
Use following for spoiler text:
BB Usage:
Code: Select all
[spoiler]{TEXT}[/spoiler]
Code: Select all
<h6><span onclick="if (this.innerHTML != 'show spoiler»') { this.innerHTML = 'show spoiler»' } else { this.innerHTML = '«hide spoiler<br />{TEXT}'}">show spoiler»</span></h6>
Use following for hidden spoiler text:
BB Usage:
Code: Select all
[hiddenspoiler={TEXT1}]{TEXT2}[/hiddenspoiler]
Code: Select all
<span onclick="if (this.innerHTML != '{TEXT1}') { this.innerHTML = '{TEXT1}' } else { this.innerHTML = '{TEXT2}'}">{TEXT1}</span>
Use following for bordered text:
BB Usage:
Code: Select all
[border]{TEXT}[/border]
Code: Select all
<fieldset>{TEXT}</fieldset>
Use following for text in an area with a title:
BB Usage:
Code: Select all
[area={TEXT1}]{TEXT2}[/area]
Code: Select all
<fieldset><legend>{TEXT1}</legend>{TEXT2}</fieldset>
Use following for hidden links:
BB Usage:
Code: Select all
[hiddenlink={TEXT1}]{TEXT2}[/hiddenlink]
Code: Select all
<span onclick="window.open('{TEXT1}')">{TEXT2}</span>
Use following for keeping notes about post only seen when editing:
BB Usage:
Code: Select all
[note]{TEXT}[/note]
Code: Select all
<!-- {TEXT} -->
Use following to google text:
BB Usage:
Code: Select all
[google]{TEXT}[/google]
Code: Select all
<a href="http://www.google.com/search?q={TEXT}" target="_blank">{TEXT}</a>
Use following to yahoo text:
BB Usage:
Code: Select all
[yahoo]{TEXT}[/yahoo]
Code: Select all
<a href="http://search.yahoo.com/search?p={TEXT}" target="_blank">{TEXT}</a>
Use following for offtopic text:
BB Usage:
Code: Select all
[offtopic]{TEXT}[/offtopic]
Code: Select all
<i><b><font color="#114499">Offtopic:</font></b> <font color="#2277DD">{TEXT}</font></i>
Internet Explorer ONLY BBCodes
Use following for glowing text:
BB Usage:
Code: Select all
[glow={COLOR}]{TEXT}[/glow]
Code: Select all
<table width="100%" style="filter:glow(color={COLOR}, strength=3)"><tr><td>{TEXT}</td></tr></table>
Use following for blur text:
BB Usage:
Code: Select all
[blur={NUMBER}]{TEXT}[/blur]
Code: Select all
<table width="100%" style="filter:blur(strength={NUMBER},add=0)"><tr><td>{TEXT}</td></tr></table>
Use following for wavy text:
BB Usage:
Code: Select all
[wave={NUMBER}]{TEXT}[/wave]
Code: Select all
<table width="100%" style="filter:wave(add=0,phase={NUMBER},freq={NUMBER},strength={NUMBER})"><tr><td>{TEXT}</td></tr></table>