Register Members List Search Today's Posts Mark Forums Read

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

vB Version: 4.2.x Rating: (4 votes - 5.00 average) Installs: 56
Released: 07 Aug 2010 Last Update: Never Downloads: 0
Not Supported Uses Plugins Re-usable Code  

This Mod supports all 3X Versions - 4.2.x Versions!
Due to the demands, I have created a new version of spoilers. The greatest complaint I received HERE, was the framing of the actual spoiler. So gone is the "ugly" box! It is really quite easy to remove, but I understand that coding can be confusing/foreign to some people, this is why, I am releasing a clean, "NO BOX" version. I will still support those who want the box, for the 3X version, until the migration of everyone to the 4.X.x is made completely mandatory.

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 really 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="Custom Button Title"]Hidden Content 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 (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) The image would go in your forums images/editor directory.

Remove tag if empty: Click "Yes"

...leave the rest at "No"

Click "Save" button & that is it!

The code will then be:

[SPOILER="Custom Button Title"]Hidden Content Here...[/SPOILER]

This also works to nested spoilers as well!

Nested Code Example:

[SPOILER="Button Title Here"]Hidden Content Here...[SPOILER="2nd Nested Button Title Here"]2nd Hidden Nested content Here...[/SPOILER][/SPOILER]


>>LIVE EXAMPLE<< (You can test there without signing up, if you want to see how it works).

It also works for the CMS suites! >>LIVE EXAMPLE<< (Please feel free to post comments & give it a try!)

ENJOY!

Please Note: if for any reason this spoiler system breaks when converting from 3X to 4.0 upgrade. Just go 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 BB code properly.

Download Now

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

Screenshots

Click image for larger version

Name:	spoiler.jpeg
Views:	1979
Size:	58.7 KB
ID:	120539  

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 Custom Title Spoiler Button GamBun vBulletin 3.8 Add-ons 39 26 Dec 2012 06:37
BB Code Enhancements Spoiler BB Code - jQuery Smooth Scrolling 1Unreal Modification Graveyard 8 27 May 2009 14:34
BB Code Enhancements jQuery Spoiler BB Code - Smooth Scrolling 1Unreal Modification Graveyard 5 10 May 2009 14:24

  #16  
Old 11 Mar 2013, 08:26
GamBun's Avatar
GamBun GamBun is offline
 
Join Date: Jun 2006
Originally Posted by hamdanikcung View Post
doesnot work in mobile ?
Not all mobile devices are set up to accept code such as this. I hope it changes down the road though. Sorry.
Reply With Quote
  #17  
Old 11 Mar 2013, 08:45
GamBun's Avatar
GamBun GamBun is offline
 
Join Date: Jun 2006
Originally Posted by hamdanikcung View Post
doesnot work in mobile ?
Not all mobile devices are set up to accept code such as this, or perhaps not right away. For example: You may have to check things like if your javavscripting to see if it's up-to-date for whatever browser you are using. Try this to see if it helps. I hope things become more uniform/consistent down the road with devices, but that will likely be a long time from now. So it might really be more the device might not support the code. When I shared this code, I was really meant for full website forums/suites, so that even large things like even videos can be hidden.

Last edited by GamBun; 11 Mar 2013 at 09:07. Reason: more on the topic...
Reply With Quote
  #18  
Old 12 Mar 2013, 02:03
WorldCraft WorldCraft is offline
 
Join Date: Jun 2010
It doesn't work on the mobile theme because the buttons there get an extra div, thus rendering the javascript unable to select the right elements. This would be a relatively easy fix, if only <vb:if>'s were allowed in custom bbcode...
__________________
vBulletin.com Profile
Reply With Quote
  #19  
Old 13 Mar 2013, 21:04
zaimbat zaimbat is offline
 
Join Date: Aug 2007
This works great, thank you. Is there a way to make the button appear also in the Quick Reply box? I only see it if I go to the Advanced mode.
Reply With Quote
  #20  
Old 07 Aug 2013, 03:25
GamBun's Avatar
GamBun GamBun is offline
 
Join Date: Jun 2006
Originally Posted by hamdanikcung View Post
doesnot work in mobile ?
No. This was originally created for forums and CMS. Some moble devices do not support this spoiler code. Sorry!

@ zaimbat ~ Your answer is HERE! or... >>This<< may also help

Last edited by GamBun; 24 Aug 2013 at 21:16. Reason: addded another link...
Reply With Quote
  #21  
Old 10 Aug 2013, 18:34
smirkley smirkley is offline
 
Join Date: Apr 2008
I like !

Just noticed the spoiler text shows up in the What's New page though.

And search results alt txt.
Reply With Quote
  #22  
Old 10 Aug 2013, 21:44
GamBun's Avatar
GamBun GamBun is offline
 
Join Date: Jun 2006
Are you meaning not parsing? or... Usually BB code doesn't show in news feeds at all (i.e. Hidden content might show with missing BB Code). Is that what you mean?
I did a test at my site to show you what I get...
Original Posts Followed by News Feeds:
Attached Images
File Type: jpeg original_spoil.jpeg (77.8 KB, 14 views)
File Type: jpeg original_spoil2.jpeg (73.9 KB, 15 views)
File Type: jpg new_feeds.jpg (34.2 KB, 8 views)
Reply With Quote
  #23  
Old 11 Aug 2013, 00:10
smirkley smirkley is offline
 
Join Date: Apr 2008
Yes, bbcode doesnt show in feeds. But the hidden content does.

In whats new
In alt text in search results, if in first post.

I realize this is how it works, and I dont think it is really fixable since it is a bbcode hide feature.
Reply With Quote
  #24  
Old 11 Aug 2013, 04:40
smirkley smirkley is offline
 
Join Date: Apr 2008
I think a poster using spoiler tag will just need to make sure they type enough txt above the spoiler so the txt fills the alt txt and whats new txt area, with the bbcode well below.

Like I said, I like this. But if you figure out a solution, I will just like it even more.
Reply With Quote
  #25  
Old 17 Aug 2013, 19:44
smirkley smirkley is offline
 
Join Date: Apr 2008
I like this,... is it supposed to popup a javascript prompt when you click an icon?

How can I make it just drop the code and a user can fill in the text areas?
Reply With Quote
  #26  
Old 24 Aug 2013, 20:26
GamBun's Avatar
GamBun GamBun is offline
 
Join Date: Jun 2006
Originally Posted by smirkley View Post
I like this,... is it supposed to popup a javascript prompt when you click an icon?

How can I make it just drop the code and a user can fill in the text areas?
You should have a pop up for a title to name your spoiler... i.e. to tell what the spoiler is for (attached screen shot about this). Once that is posted, then you can place inside what you want to hide. Is this what you mean? Also, are you seeing the spoiler button icon? If you click on that, it posts the code for you, you just need to add in the details to make that post personal to the needs of the moment. If you still have problems, send me the details or PM me the details to look at your site to see what is going on.
Attached Images
File Type: gif spoiler_popup.gif (24.0 KB, 13 views)

Last edited by GamBun; 24 Aug 2013 at 20:33. Reason: screen shot added
Reply With Quote
  #27  
Old 13 Feb 2014, 23:04
IggyP IggyP is offline
 
Join Date: May 2012
i assume this works for vb5? being simple and all...anyone tried it?

im wondering how hard it would be to put usergroup permissions on a tag like this? like for the button to work and show the txt...
Reply With Quote
  #28  
Old 10 Mar 2014, 05:02
Xen Chaotik Xen Chaotik is offline
 
Join Date: Feb 2012
I am not very good with the coding. How could I widen the tag? Any help is appreciated.
Reply With Quote
  #29  
Old 27 Mar 2014, 16:31
GamBun's Avatar
GamBun GamBun is offline
 
Join Date: Jun 2006
Originally Posted by Xen Chaotik View Post
I am not very good with the coding. How could I widen the tag? Any help is appreciated.
I'm not sure what you are talking about changing. Could you give me a screen shot? I'll do my best to help.
Reply With Quote
  #30  
Old 27 Mar 2014, 16:33
GamBun's Avatar
GamBun GamBun is offline
 
Join Date: Jun 2006
Originally Posted by IggyP View Post
i assume this works for vb5? being simple and all...anyone tried it?

im wondering how hard it would be to put usergroup permissions on a tag like this? like for the button to work and show the txt...
Yes, I do not personally use Version 5, but it is light code so should work fine for your needs. Just please note again that spoilers are not supported for mobile.
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 19:37.

Layout Options | Width: Wide Color: