Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Spoiler Tag : Show/Hide Details »
Spoiler Tag : Show/Hide
Mod Version: 1.00, by ElForro (Member) ElForro is offline
Developer Last Online: Sep 2013 I like it Show Printable Version Email this Page

This modification is in the archives.
vB Version: 3.5.4 Rating: (19 votes - 4.79 average) Installs: 206
Released: 16 Mar 2006 Last Update: 17 Mar 2006 Downloads: 424
Not Supported Template Edits  

A CSS/Javascript based spoiler tag for vB 3.5.x (but I think it must work with earlier versions)
Just follow the instructions below or in the .zip file.

I hope you like my first modification!

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


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

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) and enter the following:

Title: Spoiler
Tag: spoiler
Replacement:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [spoiler]test[/spoiler]
Description: Hides text
Use {option}: No
Button Image: Leave empty

Click save and you are done!

Known bugs: You can read the spoiler in the "Thread Preview".


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.

Download Now

Only licensed members can download files, Click Here for more information.

Screenshots

Click image for larger version

Name:	Screenshot01.png
Views:	3250
Size:	2.4 KB
ID:	44414   Click image for larger version

Name:	Screenshot02.png
Views:	3138
Size:	4.1 KB
ID:	44415  

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
BB Code Enhancements Spoiler BB Code with Show/Hide Button Deadly Stream Modification Graveyard 22 22 Mar 2010 00:06

  #31  
Old 25 Apr 2006, 05:51
Tralala's Avatar
Tralala Tralala is offline
 
Join Date: Jan 2006
Originally Posted by thisgeek
Yes, easily. Just change the style="border: 1px dashed info in the tags to style="border: 1px inset.
Thanks! That gives me a solid line, looking better already.

What I was looking to do however was gain this more subtle "recessed" look... this is what my current spoiler code (pasted above) gives me, but the text can't go inline:



Is something like that possible? The looks of that, but the inline capabilities of yours?
Reply With Quote
  #32  
Old 25 Apr 2006, 07:00
thisgeek thisgeek is offline
 
Join Date: Dec 2005
I created the following at Tralala's request (I'm not sure if it's quite what he's looking for), but if anyone else is interested, here it is:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

The idea is that the text area is still there - ie, hitting the 'show' button won't push the text out the way. If you highlight the spoiler, or push the button, you'll see the text - this is sort of a 'best of both worlds' type spoiler tag. You probably will need to fiddle with the #COLOR values to get it to fit into your theme.

Last edited by thisgeek; 25 Apr 2006 at 07:08.
Reply With Quote
  #33  
Old 27 Apr 2006, 11:59
Zelda-King's Avatar
Zelda-King Zelda-King is offline
 
Join Date: Nov 2002
It would be better if this was made to use the stylevar commands so people wouldn't need to customise the colours. Some of us have multiple styles.
__________________
Sig

Last edited by Zelda-King; 27 Apr 2006 at 12:01.
Reply With Quote
  #34  
Old 27 Apr 2006, 13:45
Tralala's Avatar
Tralala Tralala is offline
 
Join Date: Jan 2006
Originally Posted by Zelda-King
It would be better if this was made to use the stylevar commands so people wouldn't need to customise the colours. Some of us have multiple styles.
Yah, I noticed that on one of my themes you could still see the spoilerized text a bit... the background is a different shade of white.
Reply With Quote
  #35  
Old 27 Apr 2006, 14:46
hambil's Avatar
hambil hambil is offline
 
Join Date: Jun 2004
Real name: Hambil
Originally Posted by ElForro
GSX-Racing... I really don't know... But if someone does please help here so we can make this a better spoiler tag =)
Check the code for the spoiler in my sig. It works for thread preview. Feel free to learn from it and add to your spoiler, I'm not selfish
__________________
Reply With Quote
  #36  
Old 27 Apr 2006, 15:51
Tralala's Avatar
Tralala Tralala is offline
 
Join Date: Jan 2006
Originally Posted by thisgeek
I've modified this one so that you can use it inline in a paragraph:

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.
This is my favorite one. How can we make it so that the spoilerized text is a different color? Like blue, or gray? That'd be wonderful.
Reply With Quote
  #37  
Old 05 May 2006, 05:10
thisgeek thisgeek is offline
 
Join Date: Dec 2005
Originally Posted by Tralala
This is my favorite one. How can we make it so that the spoilerized text is a different color? Like blue, or gray? That'd be wonderful.
Just adding a "Color" statement to the bottom span tag should do it, as demonstrated below:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #38  
Old 05 May 2006, 05:23
Tralala's Avatar
Tralala Tralala is offline
 
Join Date: Jan 2006
Excellent, just what the doctor ordered. So simple, yet so elusive (to me.) Thanks again, thisgeek.
Reply With Quote
  #39  
Old 05 May 2006, 05:29
ElForro ElForro is offline
 
Join Date: Mar 2006
Thank you all! And sorry about the little problems like the CSS and "Preview"... I'm just an amateur... =)
Reply With Quote
  #40  
Old 05 May 2006, 05:35
thisgeek thisgeek is offline
 
Join Date: Dec 2005
Thanks to you for it initially

You can't really do anything about the preview (IMO) since it's controlled by the board. The way around it is to change the amount of characters displayed in the vb option: "Length of Thread Preview Text" located under the "Forum Display Options" group.

Or: The person posting could put their spoiler a bit further in to the post so that it's not snagged into the preview text.
Reply With Quote
  #41  
Old 29 May 2006, 10:22
Wayne2k1.com's Avatar
Wayne2k1.com Wayne2k1.com is offline
 
Join Date: Nov 2001
This is great

Installed & thanks
Reply With Quote
  #42  
Old 29 May 2006, 16:57
Annapurna's Avatar
Annapurna Annapurna is offline
 
Join Date: May 2005
Location: Austria
pre install question:

Is it possible to phrase the replacement-texts, 'Spoiler' and 'Show' and 'Hide' to use it bilingual?

Andreas
__________________
Trekkingforum.com
Reply With Quote
  #43  
Old 02 Jun 2006, 19:21
utw-Mephisto utw-Mephisto is offline
 
Join Date: Feb 2005
Edit: never mind

/me installs

Last edited by utw-Mephisto; 02 Jun 2006 at 19:29.
Reply With Quote
  #44  
Old 02 Jun 2006, 20:08
utw-Mephisto utw-Mephisto is offline
 
Join Date: Feb 2005
This one is nice too :


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Looks a bit like fieldset ...
Attached Images
File Type: jpg 1.jpg (14.6 KB, 92 views)
File Type: jpg 2.jpg (13.1 KB, 97 views)
Reply With Quote
  #45  
Old 06 Jul 2006, 13:27
Doctor Who's Avatar
Doctor Who Doctor Who is offline
 
Join Date: Jun 2005
Originally Posted by thisgeek
Just adding a "Color" statement to the bottom span tag should do it, as demonstrated below:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.
Is there any way to modify this so that the "Show/Hide" button appears in the top or bottom right hand corner of the post and highlights any instances of spoilers in that post? So:


The next thing I am going to say is a spoiler . . . . . . . blank space . . . . . . and so you know that . . . . . . . blank space . . . . . . is the one that is going to . . . . . . . blank space . . . . . . .

Instead of a button for each of those, can there be one to highlight them all at the same time?

Last edited by Doctor Who; 06 Jul 2006 at 13:33.
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 23:05.

Layout Options | Width: Wide Color: