Spoiler with CSS
#1
Regular Expression
\[spoiler\](.*?)\[/spoiler\]

Replacement
<div align="center"><div style="margin: 5px 20px 20px; width: 60%;"><div style="text-align: right; padding: 4px; background: #72B73A; repeat-x scroll 0% 0% transparent; border: 1px solid #2C6302; -moz-border-radius:5px; color:#ffffff; text-shadow:0 -1px #4B7926; font-weight:bold; ">Spoiler: <input type="button" 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'; }" style="width: 45px; font-size: 10px; margin: 0px; padding: 0px;" value="Show"></div><div class="quotecontent"><div style="border-right: 1px solid #000000; border-width: 0px 1px 1px; border-style: none solid solid; border-color: #000000; padding: 4px; -moz-border-radius:5px; display: none;">$1</div></div></div></div>

You can edit the CSS to fit your theme.


How to use
[spoiler]Just testing[/spoiler]

Result
[Image: ijFh8I.JPG]
Reply
#2
cute Smile
Hello, Welcome to MyBB Indonesia to get local support
My 'Simple' Unique Plugin here Smile
Reply
#3
Neat Wink
Reply
#4
I didn't understand it by the title, but I did looking at the image Wink nice job
[Image: 2lazl1z.jpg]
My Portfolio (Not updated)
Reply
#5
I can't get it to work mate :/
Reply
#6
how would we add spoiler="text"]BLAH BLAH[/spoiler]
Reply
#7
Not bad but I prefer the normal :p
Reply
#8
looks nice but didnt work for me
Reply
#9
Added this to my forum!Smile
Thanks for the help!Smile
Bitcoin Donation Address: 1JTKeHGEjFtJ3X2M8TCt1WvT1e2cDkgUHf
Reply
#10
Itss Amazingg ,,, Big Grin
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)