Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Custom Title Spoiler Button Details »
Custom Title Spoiler Button
Mod Version: 1.0.1, by GamBun (Member) GamBun is offline
Developer Last Online: Jul 2014 I like it Show Printable Version Email this Page

vB Version: 3.8.x Rating: (9 votes - 4.89 average) Installs: 84
Released: 05 Mar 2009 Last Update: Never Downloads: 11
Not Supported Auto-Template Re-usable Code Translations  

I have a Spoiler Tag Feature at my site that allows for a spoiler with a custom button title to be initially seen (great if you want to hint what is hidden inside).

I don't see anything exactly the same here...although some are similar... & have seen many requests for other spoiler ideas, so.... I thought I might share. Please be kind as this is my first shared hack.

Update: Spoilers still work in version 4.x.x (including suites). Spoilers may be used as intended, in all Blog posts, forum posts, & published article content (CMS) to hide hints/cheats. I will not support it anywhere else outside of posting areas.

It's real easy. Just log into the AdminCP=>Custom BBCodes=>Add New BB Code

Then do this:

Title: Spoiler
BB Code Tag Name: Spoiler

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

Example: [spoiler=Title Text]Hidden Text Here[/spoiler]

description: Creates a button that hides/shows spoiler messages.

use {option}: Click "Yes" (Note: some have found they need to set this option to "No" due to personal styling, but in most cases it should be "Yes").

add the path to your "spoiler" icon The image would go in your forums images/editor directory. (Feel free to use the icon I added at the bottom of this post.. just right click on it to download it to your computer)

Remove tag if empty: Click Yes

...leave the rest at "No"

click "save" button & that's it!

>>LIVE EXAMPLE<< (You can test there without signing up, if you want to see how it works, but also not this is the newer "Smooth Version" the "Box Version" can be seen in the screen shots below).

The code will then be: [spoiler="Button Title Here"]Hidden Content Here...[/spoiler]

This also works to nested spoilers as well!

Below there is an icon to use as well. Just add your image of choice to your path... /images/editor directory.

ENJOY!

Please Note: if for any reason this spoiler system breaks when converting to 4.0 upgrade. Just to BB Code manager & delete it, go through the process of adding it again, as given above. Doing this will not make you lose any forum content as long as you use the the same code (i.e. if you modified the code I gave you, then you will have to do the same again for it to work as you want). Doing this will force the new version to read the bbcode properly. It also works in CMS, but I personally am not using it right now, as it's not relevant to my site. So let me know if you have any problems, & I'll test.

We have a smooth, "NO BOX" version HERE that also works for all 3X versions.

Download Now

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

Screenshots

Click image for larger version

Name:	scrnshot1.gif
Views:	1771
Size:	21.1 KB
ID:	95914   Click image for larger version

Name:	scrnshot2.gif
Views:	2188
Size:	19.4 KB
ID:	95915   Click image for larger version

Name:	scrnshot.gif
Views:	1547
Size:	21.2 KB
ID:	96079  

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 Button spoiler godkillah vBulletin 3.7 Add-ons 11 30 Nov 2012 18:01
BB Code Enhancements Spoiler BB Code with Show/Hide Button Deadly Stream Modification Graveyard 22 22 Mar 2010 01:06

  #31  
Old 29 Apr 2010, 12:51
gendruw gendruw is offline
 
Join Date: Apr 2010
hi there,
if i put picture in the spoiler, is it only load if i click the button or it loads whether i click the button or not.
thanks.
Reply With Quote
  #32  
Old 11 May 2010, 16:13
GamBun's Avatar
GamBun GamBun is offline
 
Join Date: Jun 2006
Originally Posted by gendruw View Post
hi there,
if i put picture in the spoiler, is it only load if i click the button or it loads whether i click the button or not.
thanks.

If you are referring to picture attachments, Spoilers can hide them. Upon the button click, it reveal any hidden content.
Reply With Quote
  #33  
Old 11 May 2010, 16:16
GamBun's Avatar
GamBun GamBun is offline
 
Join Date: Jun 2006
Originally Posted by The Realist View Post
Ok, installed but a slight problem with the look. I've edited the code from border: 1px inset to border: 0px and that works (see pic Unhidden) but the hidden pic still shows the long grey bar.

How can I remove this?
The bar is the content area of what you are hiding. Unfortunately, that is default to vBulletin as part of the edit area of a post (kind of similar to that coloring of a "quote."

Last edited by GamBun; 08 Jun 2010 at 01:35.
Reply With Quote
  #34  
Old 07 Dec 2010, 17:58
sumampouw sumampouw is offline
 
Join Date: Jan 2010
Installed

How to get Button like in the Screenshoots ?

Seems like nice for dark themes

Thank You !
Reply With Quote
  #35  
Old 11 Dec 2010, 23:45
Alan_SP's Avatar
Alan_SP Alan_SP is offline
 
Join Date: Nov 2009
Use skin that looks like this one.
Reply With Quote
  #36  
Old 23 Jul 2012, 15:59
GamBun's Avatar
GamBun GamBun is offline
 
Join Date: Jun 2006
Originally Posted by sumampouw View Post
Installed

How to get Button like in the Screenshoots ?
Just right click on the icon with your mouse and save the image to your computer.
Reply With Quote
  #37  
Old 01 Sep 2012, 11:58
tommydamic68's Avatar
tommydamic68 tommydamic68 is offline
 
Join Date: Jan 2009
Is it possible to replace the "button" with an image that would be clickable to show hidden content?
Reply With Quote
  #38  
Old 21 Oct 2012, 15:27
GamBun's Avatar
GamBun GamBun is offline
 
Join Date: Jun 2006
Originally Posted by tommydamic68 View Post
Is it possible to replace the "button" with an image that would be clickable to show hidden content?
The button feature is default to your chosen vBulletin custom settings. you can change the color of the button though. if you know a bit about CSS. If not post again what color you want and I will give you the code to add it to the button.
Reply With Quote
  #39  
Old 14 Dec 2012, 15:48
fxdigi-cash fxdigi-cash is offline
 
Join Date: Jul 2012
I installed on vb4.2 but the function *show/hide* doesn't work at all......

any idea how to get over that?

Thanks
Reply With Quote
  #40  
Old 26 Dec 2012, 07:37
GamBun's Avatar
GamBun GamBun is offline
 
Join Date: Jun 2006
Originally Posted by fxdigi-cash View Post
I installed on vb4.2 but the function *show/hide* doesn't work at all......

any idea how to get over that?

Thanks
Try using our updated code >> HERE <<

Be sure to follow all steps as listed. Does this help?

PM me if you want me to take a closer look at it.
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 07:13.

Layout Options | Width: Wide Color: