Here are some cool ones I put on my board:
Background Image
Code:
Tag: bgimg
Replacement:
<table border="0" style="background-image:url({option}); background-position:top; background-repeat:no-repeat;"><tr><td>{param}</td></tr></table>
Example: [bgimg=urltoimage]Message[/bgimg]
Puts an image in the background of the text.
Border
Code:
Tag: border
Replacement:
<table border="0" style="border-color:#7282A9; border-width:thick; border-style:{option}; padding:0;"><tr><td valign="middle">{param}</td></tr></table>
Example: [border=outset]Message[/border]
Puts a border around the message. Options: dotted, dashed, solid, double, groove, ridge, inset, outset
Hover
Code:
Tag: hover
Replacement:
<span onmouseover="this.innerHTML='{option}'" onmouseout="this.innerHTML='{param}'">{param}</span>
Example: [hover=Hovering]Hover[/hover]
Changes the text when you hover the mouse over it.
Click
Code:
Tag: click
Replacement:
<span onclick="this.innerHTML='{option}'" onmouseout="this.innerHTML='{param}'">{param}</span>
Example: [click=Clicked]Click[/click]
Changes the text when you click it.
Hold
Code:
Tag: hold
Replacement:
<span onmousedown="this.innerHTML='{option}'" onmouseup="this.innerHTML='{param}'">{param}</span>
Example: [hold=Holding]Hold[/hold]
Changes the text when you click and hold down on it.
Hide
Code:
Tag: hide
Replacement:
<!--{param}-->
Example: [hide]Hide[/hide]
Hides the text so it can only be seen when editing the post. (Good for leaving comments in posts that various admins/mods will be editing.)
Also, for Blink, you can just use
Code:
<blink>{param}</blink>
. It doesn't work on IE, but neither does your method.