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

  #61  
Old 17 Nov 2006, 00:31
drdeathuk69 drdeathuk69 is offline
 
Join Date: Apr 2006
This is my code........


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

my pic is attached so how do i add that to the posting part?
Attached Images
File Type: gif spoiler.gif (185 Bytes, 467 views)
Reply With Quote
  #62  
Old 17 Nov 2006, 00:38
drdeathuk69 drdeathuk69 is offline
 
Join Date: Apr 2006
its ok i have sorted it

thanks
Reply With Quote
  #63  
Old 21 Jan 2007, 10:56
PoetJA-1975's Avatar
PoetJA-1975 PoetJA-1975 is offline
 
Join Date: Sep 2006
Real name: Jacquii Cooke
Thanx!

Jacquii.
Reply With Quote
  #64  
Old 23 Feb 2007, 14:19
Tanabe Tanabe is offline
 
Join Date: Feb 2007
Originally Posted by drdeathuk69 View Post
This is my code........


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

my pic is attached so how do i add that to the posting part?

Thanks man I was wondering how to change it just like this.
Reply With Quote
  #65  
Old 26 Feb 2007, 02:01
Spiffware Spiffware is offline
 
Join Date: Dec 2001
i got a conflic with my hide hack they both use {param} it seems that the hide hack doesnt work but the spoiler does its strange
Reply With Quote
  #66  
Old 07 May 2007, 08:44
coolgus coolgus is offline
 
Join Date: May 2004
is there any way to exlude this specific code from using with a signature ?
Reply With Quote
  #67  
Old 07 May 2007, 19:08
faisj faisj is offline
 
Join Date: Oct 2005
Smile

Originally Posted by thisgeek View Post
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.
Thanks it works great example:

http://www.twentyfourforum.com/showthread.php?p=21994

also there was no need to change the colours etc.
Reply With Quote
  #68  
Old 07 May 2007, 20:53
Tralala's Avatar
Tralala Tralala is offline
 
Join Date: Jan 2006
Originally Posted by faisj View Post
Thanks it works great example:

http://www.twentyfourforum.com/showthread.php?p=21994

also there was no need to change the colours etc.
Just FYI, your "show spoiler" button doesn't toggle back properly in Safari (Mac OS X.) Click it once and the text is revealed, but the button doesn't work, to toggle it back.
Reply With Quote
  #69  
Old 02 Sep 2007, 01:27
Mithrus Mithrus is offline
 
Join Date: Aug 2007
I was wondering if someone could help me get a background color added to this code:


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

It was posted earlier in this thread and it works great. I would like it to look like a quote, with the background being a slightly different color and the borders the way a quote is too.
Reply With Quote
  #70  
Old 06 Sep 2007, 03:33
adc-arab's Avatar
adc-arab adc-arab is offline
 
Join Date: Jul 2007
awesome installed i'd like to make the show button in the middle i tried alot but i couldn't when u use align="center" it works but the button is frozen and it didn't work any help ^^
Reply With Quote
  #71  
Old 15 Oct 2007, 15:39
GrendelKhan{TSU's Avatar
GrendelKhan{TSU GrendelKhan{TSU is offline
 
Join Date: Jun 2005
installed thanks!!


Originally Posted by thisgeek View Post
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.
even better! thank you as well.
__________________
Unreal Addicts: The Ultimate UT Fraggin Fix
Unreal Tournament Sniper Clan and UT Gaming Community.
Serving frags and fun to the UT Community Since 1999
www.UnrealAddicts.com
Reply With Quote
  #72  
Old 17 Oct 2007, 19:38
koxito koxito is offline
 
Join Date: Jan 2006
Real name: LuMiS!
Mannn.. this is awasome!! XD
Reply With Quote
  #73  
Old 26 Oct 2007, 02:06
Mr.Danko Jones Mr.Danko Jones is offline
 
Join Date: Jun 2007
Is there a spoiler mod for v3.6.x?

I have the latest v3.6.8. Thanks!
__________________
My board: board.gscentral.org
Reply With Quote
  #74  
Old 03 Nov 2007, 15:14
John3971 John3971 is offline
 
Join Date: Oct 2007
Location: Sweden
Real name: John
how can i changes the show / hide to a text link instead of a button??
Reply With Quote
  #75  
Old 04 Dec 2007, 11:56
GreysAnatomy's Avatar
GreysAnatomy GreysAnatomy is offline
 
Join Date: May 2005
Real name: Martina
Originally Posted by thisgeek View Post
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.
You are a genius! I've just installed it on my 3.6.8 Patch Level 2 and it seems to work perfectly fine! Thank you!
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 09:05.

Layout Options | Width: Wide Color: