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.

[dirtycrow]

how about if you don't want any border you hint that there is hidden text?

i would prefer if it was just a link that when you click on it the text (or picture via IMG code) is shown below. I've seen this on freephpbb as "reveal hidden content"

[DJ XtAzY]

nice but i have the spoiler hack that requires the member to click a button to view a spoiler.... like "Show Spoiler" and when clicked, the msg shows

[TruthElixirX]

To get rid of the border use this CSS code instead of the other one:

.spoiler
{
	background: Black;
	color: Black;
}

[JsnakeJ]

Nice work, I'll probably install it soon.

[puertoblack2003]

Originally Posted by EasyTarget

awesome, I had this installed as bbcode that I found as vbulletin.com but it only workes cuz I have a board with a black background.. if I use a diff style you can see the spoiler, so I'll give this a shot.

yes you can change the color's plus i used the old spoiler.gif to make it easy to use it also i changed the border styles...like it

[Julie]

Thanks for this!

[TruthElixirX]

Don't forget to click install.

[ZombieAndy]

ive installed this but now im getting this in every post

var cssList = new Array(); getCSS("3053751")
var cssList = new Array(); getCSS("3053751")

the spoiler code i added was

.spoiler
{
	background: #222244;
	color: #222244;
         border-width: 1px; 
         border-style: solid;
	border-color: White;
}

[G_Man]

Very Fun!! Thanks.

*clicks install*

[TruthElixirX]

Originally Posted by YodaTheCoda

ive installed this but now im getting this in every post

var cssList = new Array(); getCSS("3053751")
var cssList = new Array(); getCSS("3053751")

the spoiler code i added was

.spoiler
{
	background: #222244;
	color: #222244;
         border-width: 1px; 
         border-style: solid;
	border-color: White;
}

You have touched something with the PHP, this modification has not touched the PHP. I'm sorry... But I can't help you. Did you recently do something else to the code?

Also don't forget to click install if you installed the hack.