vBulletin LTS

Spoiler BB code [Animation version]
Mod Version: 1.00, by Golzarion

I was always looking for something interesting or funny about spoiler tag !
One day I found a fantastic animation gif File for this BBcode !
And create my own codes and the idea of Animation Spoiler tag came true !

As I see this Re_usable code ... I think I can share it easily ! Although I creat and used different code and pictures !


Demo 1 : http://forum.golzarion.com/index.php?t=183

*************
Install :

1. In admin control panel : Custom BB Codes => Add New BB Code
2.Title : Spoiler
3.BB Code Tag Name : spoiler
4.Replacement :
5.Example : [spoiler]This text is Animation Spoiler[/spoiler]
6.Description : The [spoiler] tag allows you to hidden or hide your text.
7.Use {option} : NO
8. Button Image (Optional) ==>> upload this picture on you sever and enter the exact address of it .
9. Remove Tag If Empty : Yes
10. Disable BB Code Within This BB Code : No
11.Disable Smilies Within This BB Code : No
12.Disable Word Wrapping Within This BB Code : No
***

I recommend that download the attached file . and read the full instruction and upload the Pictures ( gif files ) on your server!

** Please not to forget to click INSTALL . Thanks. **

http://forum.golzarion.com
.
************
see also this post

Spoiler (click to open)

Quote by AuroraStorm

It didn't work. If I was doing a thread preview it worked but when the thread was posted, the "show" wouldn't work...

Did you add css codes from attached file ?

And please check again if you added the code correctly and completely.

May be some characters was missed! check it with the codes below :

HTML Code:

<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px; width:852; height:26"><right><font color="red"><b>&nbsp;</b></font></right>  
  <span lang="fa">
  <img border="0" src="http://forum.golzarion.com/u%20Pictures/spoiler2.gif" width="21" height="20">
  <b>Spoiler </b>{option} :&nbsp;</span><input type="button" value="Show" style="width:45px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';        this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset;">
<div style="display: none;">
{param}
</div>
</div>
</div>

if you use above code the border of spoiler view will be golden color

Close

for the spoiler with golden border ( if you like )

* update : missed </div> was added and it works properly on all browsers version.