Spoiler Tag

[TruthElixirX]

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: test

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.

[Dan]

Awsome thanks :)

[croportal]

can u provide some screenshots

thanks

[TruthElixirX]

Screenshots added.

[croportal]

what this exactly doing

[TruthElixirX]

The user puts texthere and it hides the text that is in the spoiler tags until it is high lighted.

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

[EasyTarget]

if people are wondering what's the point, its so you can have a thread and talk about movie plots/spoilers of recently released movies, or jokes that make them read the joke part first.

I'm sure there's plenty of other uses too, but that's what I use it for.

*edit*
since we're talking bbcode, does anyone have a link to some good bbcode lists?

[Corriewf]

Good job!

[The Chief]

great addition chris, good job!! :)

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

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]

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.

[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 :D I modified it to have a 1px solid border though. but very cool :D

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

[NeitherSparky]

where is the admin css template to change the code?

Do you mean where do you paste it? It's in the instructions:

Admin CP > Styles & Templates > Style Manager > All Style Options>Additional CSS definitions

Scroll down near the bottom (it's the third entry from the bottom of All Style Options, at least for me) to get to Additional CSS Definitions. Remember to do it in EVERY skin you have installed.

If you meant something else then I apologise. :o

[gamma626]

Thanks for the reply NeitherSparky. That helps.

[detik]

test vb.org spoiler

[HamidFULL]

its working for 3.7.x?

[NeitherSparky]

its working for 3.7.x?

Yes.

[HamidFULL]

tnx!

[CanK6]

oky....

[putergirl]

downloaded