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: 17 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 01:06

  #16  
Old 23 Mar 2006, 01:48
TPOCJames's Avatar
TPOCJames TPOCJames is offline
 
Join Date: Dec 2005
Real name: James
Installed, love it
Reply With Quote
  #17  
Old 27 Mar 2006, 02:18
GSX-Racing GSX-Racing is offline
 
Join Date: May 2005
Installed, thanks.

Was there ever a way to make it not show in thread preview?
Reply With Quote
  #18  
Old 27 Mar 2006, 02:23
ElForro ElForro is offline
 
Join Date: Mar 2006
GSX-Racing... I really don't know... But if someone does please help here so we can make this a better spoiler tag =)

Last edited by ElForro; 27 Mar 2006 at 02:50.
Reply With Quote
  #19  
Old 27 Mar 2006, 02:27
GSX-Racing GSX-Racing is offline
 
Join Date: May 2005
Yeah, that would be sweet.

I tried just putting a period on the first three lines but that didn't work. I guess you have to put the 150 characters (or whatever thread preview is set to) in order to hid the spoiler info.
Reply With Quote
  #20  
Old 27 Mar 2006, 02:53
o0Hubba0o's Avatar
o0Hubba0o o0Hubba0o is offline
 
Join Date: Mar 2005
Real name: Kevin
The problem with previous versions of this is it didn't work if Firefox, does this work with all browsers?
Reply With Quote
  #21  
Old 27 Mar 2006, 03:16
ElForro ElForro is offline
 
Join Date: Mar 2006
This is my first mod, no previous versions...

This works with (tested)...

MAC:
- Safari
- Firefox
- Opera
- Camino

Windows:
- Firefox
- Internet Explorer
- Opera
Reply With Quote
  #22  
Old 09 Apr 2006, 20:35
G_Man's Avatar
G_Man G_Man is offline
 
Join Date: Feb 2006
Real name: Wade
looking good. thanks.
__________________
www.afterseppuku.com
Feel free to check it out and tell me what I can do better.
Make Money.
Reply With Quote
  #23  
Old 15 Apr 2006, 23:16
Station Station is offline
 
Join Date: Jan 2005
As I run a board that centers around anime and games, this was essential to not spoil major details.

Great mod. *clicks install*
Reply With Quote
  #24  
Old 18 Apr 2006, 17:18
DaPro DaPro is offline
 
Join Date: Jan 2003
Real name: John
For anyone..

For those of us too lazy to make a button, here is one. It's nothing pretty, just something for you to use, maybe I will make a better one later :-)
Attached Images
File Type: gif spoiler.gif (185 Bytes, 628 views)
__________________
SwiftModders | Professional xHTML & CSS Design | Software Integration & Skins

My Forums: FPSDev | GSPTruth | Bor3d Gaming
Reply With Quote
  #25  
Old 22 Apr 2006, 16:17
thisgeek thisgeek is offline
 
Join Date: Dec 2005
I've spent quite a bit of time mucking around, and I've come up with the following changes.

I've embedded the CSS within the replacement, so you don't need to go muck around with your styles.

I've also modified the CSS to be a bit more generic - and I've fixed it so that the spoiler doesn't stretch across the entire post. It is as big as the text between the tags.


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

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.

See this post if you want to see a sample of how it looks.

EDIT: I've cleaned up the code a bit - the toggle should now work in Safari.

Last edited by thisgeek; 25 Apr 2006 at 08:59. Reason: Cleaned up the html a bit.
Reply With Quote
  #26  
Old 24 Apr 2006, 05:38
GSX-Racing GSX-Racing is offline
 
Join Date: May 2005
Originally Posted by thisgeek
I've spent quite a bit of time mucking around, and I've come up with the following changes.

I've embedded the CSS within the replacement, so you don't need to go muck around with your styles.

I've also modified the CSS to be a bit more generic - and I've fixed it so that the spoiler doesn't stretch across the entire post. It is as big as the text between the tags.


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

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.

See this post if you want to see a sample of how it looks.

Where do these codes get put? In the BBCode?
Reply With Quote
  #27  
Old 24 Apr 2006, 17:53
thisgeek thisgeek is offline
 
Join Date: Dec 2005
Yeah, it goes in the 'replacement' field.
Reply With Quote
  #28  
Old 24 Apr 2006, 19:55
Tralala's Avatar
Tralala Tralala is offline
 
Join Date: Jan 2006
Originally Posted by thisgeek
I've spent quite a bit of time mucking around, and I've come up with the following changes.
...

See this post if you want to see a sample of how it looks.

Wow, this is really nice! I appreciate you sharing. I especially like the one that can be used "inline." However, the dashed lines make it a bit hard to read.

Previously I was using this:


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

Is there any way to combine the look of both? That is, use your inline version one, but with the recessed/line look (instead of the dashed-border?)

That would be great.
Reply With Quote
  #29  
Old 24 Apr 2006, 21:33
sandra_nz sandra_nz is offline
 
Join Date: Apr 2006
Thanks for this, it looks great!
Reply With Quote
  #30  
Old 25 Apr 2006, 06:41
thisgeek thisgeek is offline
 
Join Date: Dec 2005
Originally Posted by Tralala
Wow, this is really nice! I appreciate you sharing. I especially like the one that can be used "inline." However, the dashed lines make it a bit hard to read.

Previously I was using this:

<snip>

Is there any way to combine the look of both? That is, use your inline version one, but with the recessed/line look (instead of the dashed-border?)

That would be great.
Yes, easily. Just change the style="border: 1px dashed info in the tags to style="border: 1px inset.
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 16:46.

Layout Options | Width: Wide Color: