Spoiler BBCODE

[Yunas Flame]

This, being a gaming forum, obviously will be full of spoilers so here is a code that could help.
Go to AdminCP > Custom BB Codes > Add New BB Code

Title: Spoiler

Tag: spoiler

Replacement:

 <div style="margin:20px; margin-top:5px"> <div class="smallfont" style="margin-bottom:2px"> <i>{option}</i>: <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> 

Example: [spoiler=Click Me]This is A Spoiler[/spoiler]
Description: This BB Code allows you to hide spoilers from people, it also warns them about it.

Use {option}? No

--------------------------------

For a preview Click Here

[Kain Highwind]

Yeah, as soon as we can impliment this, we should.

[Weed]

How to add custom image for the "Show" "Hide" button?

And here is a fix code with param.

<div style="margin: 5px;"> 
<div class="smallfont" style="margin-bottom: 2px;"> 
<b>Content Hidden!</b> <input value="Show" style="margin: 0px; padding: 0px; width: 45px; font-size: 10px;" onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != 'inline') 
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'inline'; this.innerText = ''; this.value = 'Hide'; } 
else 
{ this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value='Show'; }" type="button">
</div> 
<div class="alt2" style="border: 1px inset; padding: 6px;"> 
<div class="spoiler" style="display: none;">{param}</div> 
</div> 
</div>

[DragoonKain]

I implemented something like this in the KH3 forums.

Test:

Content Hidden!

Don't look at me! For god's sake DON'T LOOK AT ME!!

Good work, Weed. I like yours better than mine.

Usage: [.SPOILER]<text>[/.SPOILER] sans periods.

[Weed]

Originally Posted by DragoonKain

I implemented something like this in the KH3 forums.

Test:

Content Hidden!

Don't look at me! For god's sake DON'T LOOK AT ME!!

Good work, Weed. I like yours better than mine.

Usage: [.SPOILER]<text>[/.SPOILER] sans periods.

Thanks, but im still trying to figure out how to add a custom image for the button.

[DragoonKain]

http://www.ampsoft.net/webdesign-l/image-button.html

[Weed]

Originally Posted by DragoonKain

http://www.ampsoft.net/webdesign-l/image-button.html

Ow but the code is in html, and the site u gave me is CSS?

Is there a way to modify the code

Content Hidden!

<div style="margin: 5px;">
<div class="smallfont" style="margin-bottom: 2px;">
<b>Content Hidden!</b> <input value="Show" style="margin: 0px; padding: 0px; width: 45px; font-size: 10px;" onclick="if(this.parentNode.parentNode.getElements ByTagName('div')[1].getElementsByTagName('div')[0].style.display != 'inline')
{ this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'inline'; this.innerText = ''; this.value = 'Hide'; }
else
{ this.parentNode.parentNode.getElementsByTagName('d iv')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value='Show'; }" type="button">
</div>
<div class="alt2" style="border: 1px inset; padding: 6px;">
<div class="spoiler" style="display: none;">{param}</div>
</div>
</div>

And add a custom image for it?

[DragoonKain]

You would have to use <style type="text/css">.whatever</style> <input class="whatever"> etc etc. Or use <input style="style code here">

[Weed]

i ain't used to CSS, so i dont know any of these.
So if u can help me on it (^ ^,)

[DragoonKain]

Well the image would have to be in the forums' image area anyway, which I can't upload to. If I get some time later, I'll craft up some code that should work and show it to you.

Content Hidden!

test.