![]() |
|
|
Mod Options |
Spoiler Tag : Show/Hide Details »»
|
|||||||||||||||||
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.
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:
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 Show Your Support
No members have liked this post.
|
|||||||||||||||||
Similar Mod
|
||||
| Mod | Developer | Type | Replies | Last Post |
| Spoiler BB Code with Show/Hide Button | Deadly Stream | Modification Graveyard | 22 | 22 Mar 2010 00:06 |
|
#16
|
||||
|
||||
|
Installed, love it
![]() No members have liked this post.
|
|
#17
|
|||
|
|||
|
Installed, thanks.
Was there ever a way to make it not show in thread preview? No members have liked this post.
|
|
#18
|
|||
|
|||
|
GSX-Racing... I really don't know... But if someone does please help here so we can make this a better spoiler tag =)
No members have liked this post.
Last edited by ElForro : 27 Mar 2006 at 01:50. |
|
#19
|
|||
|
|||
|
Yeah, that would be sweet.
I tried just putting a period on the first three lines but that didn't work. I guess you have to put the 150 characters (or whatever thread preview is set to) in order to hid the spoiler info. No members have liked this post.
|
|
#20
|
||||
|
||||
|
The problem with previous versions of this is it didn't work if Firefox, does this work with all browsers?
No members have liked this post.
|
|
#21
|
|||
|
|||
|
This is my first mod, no previous versions...
This works with (tested)... MAC: - Safari - Firefox - Opera - Camino Windows: - Firefox - Internet Explorer - Opera No members have liked this post.
|
|
#22
|
||||
|
||||
|
looking good. thanks.
__________________
No members have liked this post.
|
|
#23
|
|||
|
|||
|
As I run a board that centers around anime and games, this was essential to not spoil major details.
Great mod. *clicks install* No members have liked this post.
|
|
#24
|
|||
|
|||
|
For anyone..
For those of us too lazy to make a button, here is one. It's nothing pretty, just something for you to use, maybe I will make a better one later :-)
__________________
SwiftModders | Professional xHTML & CSS Design | Software Integration & Skins My Forums: FPSDev | GSPTruth | Bor3d Gaming No members have liked this post.
|
|
#25
|
||||||||
|
||||||||
|
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.
I've modified this one so that you can use it inline in a paragraph:
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. No members have liked this post.
Last edited by thisgeek : 25 Apr 2006 at 07:59. Reason: Cleaned up the html a bit. |
||||||||
|
#26
|
||||||||
|
||||||||
|
Originally Posted by thisgeek
Where do these codes get put? In the BBCode? No members have liked this post.
|
||||||||
|
#27
|
|||
|
|||
|
Yeah, it goes in the 'replacement' field.
No members have liked this post.
|
|
#28
|
||||
|
||||
|
Originally Posted by thisgeek
Wow, this is really nice! I appreciate you sharing. I especially like the one that can be used "inline." However, the dashed lines make it a bit hard to read. Previously I was using this:
Is there any way to combine the look of both? That is, use your inline version one, but with the recessed/line look (instead of the dashed-border?) That would be great. No members have liked this post.
|
||||
|
#29
|
|||
|
|||
|
Thanks for this, it looks great!
No members have liked this post.
|
|
#30
|
|||
|
|||
|
Originally Posted by Tralala
Yes, easily. Just change the style="border: 1px dashed info in the tags to style="border: 1px inset.
No members have liked this post.
|
![]() |
«
Previous Mod
|
Next Mod
»
| Currently Active Users Viewing This Thread: 1 (0 members and 1 guests) |
| Mod Options | |
|
|
| New To Site? | Need Help? |
All times are GMT. The time now is 04:39.





