Deputy of Self-Esteem
Gender: Male
Location: Connecticut
Rank: Admin
Joined: Thu Feb 22, 2007 8:36 pm
Posts: 3449
It's fine with me.
This is the HTML Code. {TEXT1} and {TEXT2} represent the spoiler title and the actual spoiler itself.
Code:
<div style="margin:20px; margin-top:5px"><div class="quotetitle"><b>Spoiler: {TEXT1}</b> <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="quotecontent"><div style="display: none;">{TEXT2}</div></div></div>
You may need to change 'quotetitle' and 'quotecontent' to whatever your bulletin board supports for a style.
And here's' the BBCode as I installed it in our admin panel.
Code:
[spoiler={TEXT1}]{TEXT2}[/spoiler]
Bump - bump - bump - bump - bump - bump - bump