Spoiler Tag

This is a (mostly) CSS based spoiler tag for vB 3.5 RC 3 and up (Perhaps lower, but not tested.) Just follow the instructions below or in the .zip file. Have fun!

Step 1.

Copy the following into the additional CSS definitions (Admin CP > Styles & Templates > Style Manager > All Style Options>Additional CSS definitions) and paste it into the lower box.

CSS Code:

.spoiler
{
	background: Black;
	color: Black;
	border-style: dashed;
	border-color: White;
}

Step 2.

Now click save and go to the page to add a new BB Code (Admin CP> Custom BB Codes > Add New BB Code)

Enter the following (Exactly as shown!):

Title: Spoiler

Tag: spoiler

Replacement:
<center><font color="red">Spoiler Below</font></center> <div class="spoiler">{param}</div>

Example: [spoiler]test[/spoiler]

Description: Hides text

Use {option}: No

Button Image: Leave empty

Click save and go try it out!

FAQ:

Q:I want to change the color that the spoiler tag uses! How?

A: If you know CSS it is all controlled in the CSS definitions. If you do not know CSS let me know in the thread at vb.org and I'll see if I can help you.

Q: Why doesn't the example work in the admin cp?

A: I'm not sure, but it will still work in posts.

If there are any problems please report them in this thread. I'll try to help all I can.

EDIT:: .zip and code posted above edited for spelling mistakes.

Screenshots added.

[Darkfire122333]

What hack are u using for the longevity and stuff in yer postbit?

[pbw]

Darkfire - https://vborg.vbsupport.ru/showthread.php?t=93831

[Darkfire122333]

Thank you.

[Aesma Deva]

For the admin CP problem, it must be because the CP doesn't use the CSS the actual forum does. It should work if you change the replacement field code to this:

<center><font color="red">Spoiler Below</font></center> <div style="background: Black;color: Black;border-style: dashed;border-color: White;">{param}</div>

You won't need to add the CSS to the styles, too.
I'm already using a spoiler BB code that I made with javascript though.

[Krose]

nice hack! installed & *clicked install*..thank you..

[Lost_Prophet]

*Installed!*

[NeitherSparky]

I installed it; it works in 3.6 fine in case anyone wanted to ask.

[spandexman]

Thanks for this I modified it to have a 1px solid border though. but very cool

[Chris Beveridge]

Is there a way to tweak it so that it doesn't create a new line for it? i.e. it exists within a line of text like, "This is a SPOILER surrounded by text"? I took out the red text above and changed it to a solid border, but i want it to be part of the sentence structure.

[gamma626]

where is the admin css template to change the code?