Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Inline Hover Spoiler BB Code (like Something Awful and Reddit) Details »
Inline Hover Spoiler BB Code (like Something Awful and Reddit)
Mod Version: 1.1, by Fangs404 (Coder/Designer) Fangs404 is offline
Developer Last Online: Sep 2019 I like it Show Printable Version Email this Page

vB Version: 4.x.x Rating: (2 votes - 5.00 average) Installs: 17
Released: 01 Mar 2012 Last Update: Never Downloads: 0
Not Supported Re-usable Code Translations  

I posted this version of the spoiler BB code for vB 3.7 and 3.8, and it was well received, so I figured I'd bring it to vB 4, too.

Having been a member of Something Awful for a while, I've grown to really like their spoiler BB code. Reddit has the same spoiler code. I searched around, but I couldn't find a similar spoiler for vB. Every single spoiler tag I saw requires that you either click a button (which doesn't allow inline spoilers) or highlight text (which requires unnecessary work). I wanted to mimic SA's and Reddit's simple spoiler code on my forum, so this is what you see here. This mod is completely theme-independent (it's just a BB code, nothing else!), and it'll keep your site W3C compliant.

Without hovering, you see nothing but black:


However, when you hover the mouse over the black section of text, it magically appears:


Title: Spoiler
BB Code Tag Name: spoiler
Replacement:
Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Example: [spoiler]THIS TEXT IS SPOILERED LOL[/spoiler]
Description: This tag changes the text into a black box which is unreadable. If you hover the mouse over the black box, the text will magically appear.
Use Option: No
Image:

Note: Depending on your template, you may need to change the colors in the HTML replacement code. Just make sure that color, background, and onmouseout match and that onmouseover is different. The colors in the above code should work just fine for styles with a light background and dark text.

Download Now

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

Screenshots

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • 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 Inline Hover Spoiler BBCode Fangs404 vBulletin 3.7 Template Modifications 13 12 Apr 2012 04:10
BB Code Enhancements Inline Hover Spoiler BB Code Fangs404 vBulletin 3.8 Template Modifications 9 26 Feb 2009 15:02

Comments
  #2  
Old 02 Mar 2012, 19:48
Fangs404 Fangs404 is offline
 
Join Date: Oct 2008
Just updated the image to be vB4 compatible. vB3 wanted 21x20 images, and vB4 wants 16x16 images.
Reply With Quote
  #3  
Old 16 Mar 2012, 13:50
EvilArcana EvilArcana is offline
 
Join Date: Jul 2007
Real name: Robbie
Is there any way to get the spoilered text to not show up in any Most Recent Posts widgets?
Reply With Quote
  #4  
Old 19 Mar 2012, 04:31
Fangs404 Fangs404 is offline
 
Join Date: Oct 2008
Originally Posted by EvilArcana View Post
Is there any way to get the spoilered text to not show up in any Most Recent Posts widgets?
Can you give me an example? It sounds like that's a bug with the widget not properly rendering BB code.
Reply With Quote
  #5  
Old 01 Apr 2012, 02:39
Alan_SP's Avatar
Alan_SP Alan_SP is offline
 
Join Date: Nov 2009
I really like it.
Reply With Quote
  #6  
Old 04 Apr 2012, 02:29
ptceuro ptceuro is offline
 
Join Date: Jan 2012
Location: U.S.A
Thank's
I really like it.
__________________
Make 5000$ Per Month with PTCeuro.com
The PTCeuro’s prizes program allowed you to have so many awards every month, Some of those prize could be some cash (Up to 5000$ per month) and with only a 100$ minimum payout.
Reply With Quote
  #7  
Old 30 May 2012, 17:41
midnightpariah midnightpariah is offline
 
Join Date: May 2012
A fantastic solution for a spoiler BB code! You've even provided an elegant button. Thank you so much!

One issue I encountered is in vB's Mobile skin on an iPhone (Safari). For some reason, the text receives a white dropshadow, making it legible while "hidden" and thus somewhat defeating its purpose. This problem does not exist in the normal fullsite vB skin on an iPhone, nor is it present in the Mobile skin when viewed from a computer with IE9.
Reply With Quote
  #8  
Old 18 Jun 2012, 06:21
Fangs404 Fangs404 is offline
 
Join Date: Oct 2008
Originally Posted by midnightpariah View Post
A fantastic solution for a spoiler BB code! You've even provided an elegant button. Thank you so much!

One issue I encountered is in vB's Mobile skin on an iPhone (Safari). For some reason, the text receives a white dropshadow, making it legible while "hidden" and thus somewhat defeating its purpose. This problem does not exist in the normal fullsite vB skin on an iPhone, nor is it present in the Mobile skin when viewed from a computer with IE9.
Hm, would you mind providing a screenshot? If this only happens in mobile Safari, it might just be an iPhone problem. Perhaps the iPhone isn't capable of rendering the text the way a browser with a mouse can.
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 21:10.

Layout Options | Width: Wide Color: