vb.org Archive - Spoiler Tag

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vBulletin 3.5 Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=155)

- - Spoiler Tag (https://vborg.vbsupport.ru/showthread.php?t=105176)

TruthElixirX

01-11-2006 10:00 PM

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!

Code:

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.

Dan	01-12-2006 09:20 PM

Awsome thanks :)

croportal

01-12-2006 10:00 PM

can u provide some screenshots

thanks

TruthElixirX

01-12-2006 10:11 PM

Screenshots added.

croportal

01-12-2006 10:13 PM

what this exactly doing

TruthElixirX

01-12-2006 10:23 PM

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

EasyTarget

01-12-2006 10:46 PM

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

01-12-2006 10:49 PM

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

01-13-2006 12:36 AM

Good job!

The Chief

01-13-2006 12:37 AM

great addition chris, good job!! :)

dirtycrow

01-13-2006 12:50 AM

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

01-13-2006 01:52 AM

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

01-13-2006 02:01 AM

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

Code:

.spoiler

{

        background: Black;

        color: Black;

}

JsnakeJ

01-13-2006 04:31 AM

Nice work, I'll probably install it soon.

puertoblack2003

01-13-2006 10:40 PM

Quote:

Originally Posted by EasyTarget

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

01-13-2006 11:15 PM

Thanks for this!

TruthElixirX

01-14-2006 01:46 AM

Don't forget to click install. :)

ZombieAndy

03-10-2006 06:33 PM

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

Code:

.spoiler

{

        background: #222244;

        color: #222244;

         border-width: 1px; 

         border-style: solid;

        border-color: White;

}

G_Man

03-11-2006 01:32 AM

Very Fun!! Thanks.

*clicks install*

TruthElixirX

03-11-2006 01:34 AM

Quote:

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

Code:

.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

03-11-2006 03:26 AM

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

pbw	03-11-2006 07:13 AM

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

Darkfire122333

03-11-2006 03:32 PM

Thank you.

Aesma Deva

03-13-2006 01:20 PM

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:

Code:

<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

03-14-2006 07:42 AM

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

Lost_Prophet

03-16-2006 12:09 PM

*Installed!*

NeitherSparky

09-06-2006 09:06 PM

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

spandexman

04-14-2007 10:33 PM

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

Chris Beveridge

04-05-2008 10:30 PM

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

06-10-2008 10:17 AM

where is the admin css template to change the code?

NeitherSparky

06-11-2008 02:06 PM

Quote:

Originally Posted by gamma626 (Post 1545749)

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

06-12-2008 11:20 AM

Thanks for the reply NeitherSparky. That helps.

detik

11-06-2008 12:27 PM

[spoiler]test vb.org spoiler[/spoiler]

HamidFULL

11-15-2008 06:10 PM

its working for 3.7.x?

NeitherSparky

11-16-2008 03:43 PM

Quote:

Originally Posted by HamidFULL (Post 1666339)

its working for 3.7.x?

Yes.

HamidFULL

11-17-2008 01:33 PM

tnx!

CanK6

02-14-2009 09:17 PM

oky....

putergirl

02-15-2009 12:11 AM

downloaded

All times are GMT. The time now is 04:57 PM.

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01278 seconds Memory Usage 1,784KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (5)bbcode_code_printable (4)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (38)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: