[BB-Code] Spoiler

[Admin]

This mod is automatically compatible with vB3.6.x, vB3.7.x, vB3.8.x and vB4.x.x​

Demo: http://Uniquecrew.net/Spoiler.php
Demo-Mirror: http://hrkleZ.bplaced.net/Files/Spoiler.html (as you can see in the source, images are base64 encoded in the Demo-Mirror)

Installation Instructions:

1. Open your AdminCP Custom BB Codes => Add New BB Code
2. Title: Spoiler
3. BB Code Tag Name: Spoiler
4. Replacement:
   

   <div style="padding: 0px 5px 0px 5px;  border: 1px solid #DF7401; margin-left: 20px; width: 40%"><div align="center" style="text-transform: none; border-bottom: none; display: block; padding: 3px 0px 3px 0px;">
   <span onClick="var spoiler = this.parentNode.parentNode.getElementsByTagName('div')[2];
     if (spoiler.style.display != ''){
       this.parentNode.parentNode.style.width = '80%'
       this.parentNode.style.borderBottom = '1px solid #CCCCCC';
       spoiler.style.display = '';
       this.getElementsByTagName('a')[0].innerHTML = '->Close Spoiler<-';
     }else{
       this.parentNode.parentNode.style.width = '40%'
       this.parentNode.style.borderBottom = 'none';
       spoiler.style.display = 'none';
       this.getElementsByTagName('a')[0].innerHTML = '->Open Spoiler<-';
     }" />
   <a rel="nofollow" href="#" onClick="return false;" style="text-decoration: none;"><b style="font-size: 0.8em;">->Spoiler öffnen<-</b></a>
   </span>
   </div>
   <div class="quotecontent">
   <div align="center" style="display: none; padding: 5px 0px 5px 0px;"><br> {param}</div>
   </div>
   </div><br />

5. Example:
   Spoiler

   Hidden Text Here
6. Description: The
   Spoiler

   -Tag allows you to hidden or hide your text.
   Spoiler

   [*]Use {option}: No
   [*]Button Image (Optional) => Upload this

   

   Picture on you Server and enter the exact Address of it (/images/ is recommended).
   [*]Remove Tag If Empty: Yes
   [*]Disable BB Code Within This BB Code: No
   [*]Disable Smilies Within This BB Code: No
   [*]Disable Word Wrapping Within This BB Code: No
   [*]Disable Automatic Link Parsing Within This BB Code: No

Spoiler

After you finished, you can compare your Settings with this Screenshot.


I hope you like it!

This mod is automatically compatible with vB3.6.x, vB3.7.x, vB3.8.x and vB4.x.x​

 

[hongoc10]

cám ơn nhe