Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
JQuery-animated Spoiler BBCode Details »
JQuery-animated Spoiler BBCode
Mod Version: 1.00, by JacquiiDesigns (Member) JacquiiDesigns is offline
Developer Last Online: Nov 2019 I like it Show Printable Version Email this Page

vB Version: 3.8.x Rating: (8 votes - 5.00 average) Installs: 42
Released: 29 Dec 2010 Last Update: Never Downloads: 433
Not Supported Additional Files Re-usable Code  

I've looked for a spoiler bbcode here at vB.org and did not find any to suit my need. So...

Brought to you by JacquiiDesigns.com - Here is a really nice spoiler bbcode that's animated with jquery. See a live example at BBCode Test: JPiC Forum For Writers

Directions are simple as sugar-free apple pie:
  1. Upload both "spoiler" and "images" folders to your forum root directory
  2. Add Custom BB Code via your AdminCP: AdminCP ==> Custom BB Codes ==> Add New BB Code

Input the following info in your BB Code Manager:
  • Title: Spoiler Tag

  • BB Code Tag Name: spoiler

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

  • Example: [spoiler]See? This is hidden text![/spoiler]

  • Description: This creates a hide/show spoiler tag that is hidden by default. Once the bar is clicked, the hidden contents will be shown.

  • Use {option}: No

  • Button Image: images/editor/spoiler.png

---------------
---------------

See example at http://jpicforum.info/forum/recycle-...html#post35010

PLEASE NOTE:
You'll need to edit in the replacement code your_forum_url/forum/ to be your own forum url.
If your forum url is http://www.mysite.com/forum/ -- then edit your replacement code to www.mysite.com/forum/

Download Now

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

Screenshots

Click image for larger version

Name:	screencap.png
Views:	1287
Size:	157.8 KB
ID:	124950  

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
Add-On Releases Cool Spoiler Tag[jQuery] Xtrigit vBulletin 3.8 Add-ons 6 08 Nov 2013 13:56
BB Code Enhancements [BB Code] Sliding Spoiler with jQuery bpr vBulletin 4.x Add-ons 4 10 Sep 2011 09:04

  #31  
Old 13 Dec 2011, 04:38
lowlight's Avatar
lowlight lowlight is offline
 
Join Date: Mar 2002
Is there a way to add the spoiler tags to the quick edit bar?
Reply With Quote
  #32  
Old 16 Dec 2011, 12:46
BadaTurkiye BadaTurkiye is offline
 
Join Date: Sep 2011
does not work when we add more than one spoiler. spoiler turns on and off.
Reply With Quote
  #33  
Old 28 Mar 2012, 17:41
Deimos Deimos is offline
 
Join Date: Oct 2002
Originally Posted by BadaTurkiye View Post
does not work when we add more than one spoiler. spoiler turns on and off.
Yea I get the same on my forum.
Reply With Quote
  #34  
Old 31 Mar 2012, 18:47
Hall of Famer Hall of Famer is offline
 
Join Date: Apr 2009
Umm the spoiler tag works, but not the css. I am getting this from the forum...


Reply With Quote
  #35  
Old 31 Mar 2012, 19:28
JacquiiDesigns's Avatar
JacquiiDesigns JacquiiDesigns is offline
 
Join Date: Dec 2008
Location: Tennessee
Real name: Jacquii Cooke
Originally Posted by Hall of Famer View Post
Umm the spoiler tag works, but not the css. I am getting this from the forum...


Make sure you upload images to the correct folder.
__________________
Call For Submissions. Come share your poetry & writing at JPiC Forum.
JPiC Forum For Writers | Celebrating Diversity With The Typed Word
Reply With Quote
  #36  
Old 06 Apr 2012, 03:23
Hall of Famer Hall of Famer is offline
 
Join Date: Apr 2009
I made sure the files are upload to the forum root directories, it just doest work.
Reply With Quote
  #37  
Old 06 Apr 2012, 16:51
JacquiiDesigns's Avatar
JacquiiDesigns JacquiiDesigns is offline
 
Join Date: Dec 2008
Location: Tennessee
Real name: Jacquii Cooke
Indeed it does work - what's your forum url and link to a test thread with spoiler?
I'd only tested with one spoiler, so apologies to those of you with multiple spoiler issues.

J.
__________________
Call For Submissions. Come share your poetry & writing at JPiC Forum.
JPiC Forum For Writers | Celebrating Diversity With The Typed Word
Reply With Quote
  #38  
Old 08 Jan 2013, 20:56
bigs15 bigs15 is offline
 
Join Date: Oct 2006
when i click preview it working fine.But after i post thread it shows like this


Uploaded with ImageShack.us

Thanku
Reply With Quote
  #39  
Old 11 Jan 2013, 11:14
dizzynation's Avatar
dizzynation dizzynation is offline
 
Join Date: Jun 2011
how do we use the magic wand in the images folder?
Reply With Quote
  #40  
Old 11 Jan 2013, 20:06
JacquiiDesigns's Avatar
JacquiiDesigns JacquiiDesigns is offline
 
Join Date: Dec 2008
Location: Tennessee
Real name: Jacquii Cooke
Originally Posted by dizzynation View Post
how do we use the magic wand in the images folder?
I have absolutely no idea what you're talking about.

J.
__________________
Call For Submissions. Come share your poetry & writing at JPiC Forum.
JPiC Forum For Writers | Celebrating Diversity With The Typed Word
Reply With Quote
  #41  
Old 12 Jan 2013, 01:33
dizzynation's Avatar
dizzynation dizzynation is offline
 
Join Date: Jun 2011
/images/editor/spoiler.png
Reply With Quote
  #42  
Old 12 Jan 2013, 01:35
dizzynation's Avatar
dizzynation dizzynation is offline
 
Join Date: Jun 2011
Are supposed to only get this text "Click Here To See Hidden Content?
Reply With Quote
  #43  
Old 12 Jan 2013, 20:00
JacquiiDesigns's Avatar
JacquiiDesigns JacquiiDesigns is offline
 
Join Date: Dec 2008
Location: Tennessee
Real name: Jacquii Cooke
Originally Posted by dizzynation View Post
/images/editor/spoiler.png
Input the following info in your BB Code Manager:
  • Button Image: images/editor/spoiler.png

Originally Posted by dizzynation View Post
Are supposed to only get this text "Click Here To See Hidden Content?
You should see the text - but also the background gradient image.
__________________
Call For Submissions. Come share your poetry & writing at JPiC Forum.
JPiC Forum For Writers | Celebrating Diversity With The Typed Word
Reply With Quote
  #44  
Old 27 May 2013, 19:39
egerr10 egerr10 is offline
 
Join Date: May 2013
hi guys. I have a problem with that spoiler. in the admin panel spoiler works fine
the preview is also doing well. but in a thread problem

I did not change the script code, only css. externally spoiler looks different if somebody needs my version below. I'm sorry for my bad english

http://worldofheroes.ru/threads/20-%...82?p=29#post29



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

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 04:15.

Layout Options | Width: Wide Color: