So about that spoiler tag - Page 2 | Mabination Discussion

TA wrote on 2011-03-08 03:11

Amagad..... Can't I just give you step by step instructions? I mean it's soooooooo easy! It would literally take like 2 minutes tops.

Osayidan wrote on 2011-03-08 03:22

Already have the plugin for it in a zip file for months now, but I do a full backup before doing any changes at all so it's annoying.

Skye wrote on 2011-03-08 03:24

Quote from Osayidan;364725:
Already have the plugin for it in a zip file for months now, but I do a full backup before doing any changes at all so it's annoying.

So lazy~

Rahannnn wrote on 2011-03-08 05:32

Its just [Spoiler] [/Spoiler] How hard is dat?

TA wrote on 2011-03-08 06:28

Usage:
[code][spoiler]{TEXT}[/spoiler][/code]

HTML Replacement:
[code]<html>
<head>
<title>Spoiler HTML code</title>
<style type="text/css">
body,input
{
color:#333;
}
.spoiler
{
border:1px solid #ddd;
padding:3px;
}
.spoiler .inner
{
border:1px solid #eee;
padding:3px;margin:3px;
}
</style>
<script type="text/javascript">
function showSpoiler(obj)
{
var inner = obj.parentNode.getElementsByTagName("div")[0];
if (inner.style.display == "none")
inner.style.display = "";
else
inner.style.display = "none";
}
</script>
</head>
<body>
<div class="spoiler">
<input type="button" onclick="showSpoiler(this);" value="Show/Hide" />
<div class="inner" style="display:none;">
{TEXT}
</div>
</div>
</body>
</html>[/code]

Help line:
[code]Hides included text. Usage: [spoiler]text to hide goes here[/spoiler][/code]

Change CSS colors to your liking, and {TEXT} may be a different token for vB.

edit: IPB comes with it, but it looks like this...

[code]<div class='bbc_spoiler'>
<span>Spoiler</span> <input type='button' class='bbc_spoiler_show' value='Show' />
<div class='bbc_spoiler_wrapper'><div class='bbc_spoiler_content' style="display:none;">{content}</div></div>
</div>[/code]

Another version... vB I think?

[code]<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px"><b>Spoiler</b> for <i>{option}</i>: <input type="button" value="Show" style="width:60px;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>
[/code]

[code]http://www.your_forum_url.com/forum/images/editor/spoiler.gif[/code]

Use {option}: Yes

Above with no div:
[code]<div style="margin:20px; margin-top:5px">
<div class="smallfont" style="margin-bottom:2px"><b>Spoiler</b> for <i>{option}</i>: <input type="button" value="Show" style="width:60px;font-size:10px;margin:0px;padding:0px;" onClick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = ''; this.innerText = ''; this.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].style.display = 'none'; this.innerText = ''; this.value = 'Show'; }">
</div>
<div class="alt2" style="margin: 0px; padding: 6px; border: 1px inset; display: none;">
<div>
{param}
</div>
</div>
</div> [/code]

otto wrote on 2011-03-08 13:28

Jeez, just remind him over the weekend xD

Sumpfkraut wrote on 2011-03-08 14:00

Quote from Time;326574:
I predict a week of epic spoiler tag abuse when they get implemented.

Whaddayamean?

So looking forward to this.