BB Code Enhancements - Spoiler BB code [Animation version]

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 !

can see demos :

Demo 1 : http://forum.golzarion.com/showthread.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 :

<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>

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 for the spoiler with golden border ( if you like )

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

[Golzarion]

Reserved.

[bahman]

Cool !
Nice Idea!

[jim6763nva]

Dude! Why is your site backwards??

[RedeemedWarrior]

^Hebrew writing?

[Arved Yagami]

I think is persian.

Nice mod.

[Golzarion]

Originally Posted by jim6763nva

Dude! Why is your site backwards??

My forum is in Persian language... It is Right_to_left language ! because of this I used second attached file ( Spoiler_ persian language.zip ) .

But you can use the first Attached file ( SPOILER.zip) ... this file creates for English language forums. (all Left_to_right languages can use it ) .

[Golzarion]

Originally Posted by RedeemedWarrior

^Hebrew writing?

Unfortunately I don't know Hebrew Language. But any body could translate it then I will add the translation on the mode's files. :up:

[Golzarion]

Originally Posted by Arved Yagami

I think is persian.

Nice mod.

Yes. Thank you .

Please click Installed if you like the modification or installed it.

Thanks all. :up:

[Shahed]

nice ! ^.^