Modified spoiler tag for the lazy

[Mijae]

Not sure if this should be here, if not the mods should feel free to move it wherever it should be :)

What this does: its a BB code that will make all text between the hidden until you hover your mouse over it.

Step #1:

Go to Styles & Templates >> your style >> All Style Options, click Go, scroll down until Additional CSS Definitions, and there add:

.spoiler
{
color: #000000;
text-decoration: none;
background-color: #000000;
}


Step #2:
Now go to Custom BB Codes and select Add New BB Code. There, add the following information:

Title: Spoiler
Tag: spoiler
Replacement: <span class="spoiler" onmouseover="this.style.color='#FFFFFF';" onmouseout="this.style.color=this.style.backgroundColor='#0000 00'">{param}</span>
Example: Stuff goes here
Description: The spoiler tag will hide the text between the tags, and will appear only when you put your mouse over the hidden text.
Use {option}: set to No


And that's it! Now you have a fully functional spoiler code!

Demo: Check out this thread (http://www.anotherforum.net/showthread.php?t=46)

Additional info: this codes is valid XHTML 1.0 Transitional.

Enjoy :)

[Mijae]

Thanks for moving it, and sorry about it :P

[HeloHi]

Thanks, I have been looking for something just like this :)

works like a charm, nice and simple :cool:

[Borgs8472]

Can this hide images too?

[playboy]

Is There A Way To Make It 'on click' Rather Then 'on mouse-over' ?

[playboy]

Anyone? I Could Probably Figure It Out If I Knew HTML... But I Dont :(

[fly]

Anyone? I Could Probably Figure It Out If I Knew HTML... But I Dont :(
Replacement: <span class="spoiler" onclick="this.style.color='#FFFFFF';">{param}</span>