Spoiler MyCode

[darkteller]

Here's a demo.
It's the same vB plugin.

From your ACP add a new mycode.
Choose a Title, like Spoiler, leave blank the description, or put whatever you want. Then go in your regular expression and add:

Code:

\[sp\](.*?)\[/sp\]

And then in the replace text area put

Quote:<div style="margin:20px; margin-top:0px; border:#ddd 1px inset;padding:4px;">
<div ><b>Spoiler</b>: <input type="button" value="Show" style="width:55px;font-size:10px;margin:0px;padding:0px; margin-right: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 style="margin: 0px; padding:0px;">
<div style="display: none;">
$1
</div>
</div>
</div>

[judel]

That's pretty cool... Really neat! Wish the hide hack were as easy to implement!

[darkteller]

You can hide even pictures or wahetever, and put it in the signature ^______^

[arashpour]

Very cool. thx!!

p.s.pretty nice skin you've got there! where can i download that from?

[darkteller]

I won't release it for a while, but I'm making already another dark one, so stay tuned.

[Lemonadez]

Is it possible to put it on toolbar?

[DragonLord]

Can the spoiler box be abit smaller? Like in your forum cause i am having abit spoiler box then yours.... and can the border be all side black.

[darkteller]

Quote:<div style="margin:20px; margin-top:0px; border:#000 1px inset;padding:4px;width:TOT">

Change that TOT with a px value or a percentage, like:

300px
or
80%

[DragonLord]

darkteller i mean this size of the width

[darkteller]

That's the height, not the width. I've the same code, but try with this:

Quote:<div style="margin:20px; margin-top:0px; border:#ddd 1px inset;padding:4px;">
<div style="padding:0px;"><b>Spoiler</b>: <input type="button" value="Show" style="width:55px;font-size:10px;margin:0px;padding:0px;

Can't assure it works.