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 [spoiler][/spoiler] 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='#000000'">{param}</span>
Example: [spoiler]Stuff goes here[/spoiler]
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

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

[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]

Originally Posted by playboy

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>