Demo:
CSS
More: http://www.bestcssbuttongenerator.com/Code:.myButton { -moz-box-shadow: 0px 0px 33px 0px #175dbf; -webkit-box-shadow: 0px 0px 33px 0px #175dbf; box-shadow: 0px 0px 33px 0px #175dbf; background-color:#212121; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; border:2px solid #175dbf; display:inline-block; cursor:pointer; color:#2b9cff; font-family:Verdana; font-size:13px; font-weight:bold; padding:4px 7px; text-decoration:none; text-shadow:0px 0px 16px #2c2d30; } .myButton:hover { background-color:#ffffff; } .myButton:active { position:relative; top:1px; } .spoiler_content { border : 1px solid #185177; background : #1a1c1f; line-height:18px display : block; margin-top:10px; text-align:left; padding : 12px 12px 12px 12px; width : auto; -moz-box-shadow: 0px 0px 33px 0px #175dbf; -webkit-box-shadow: 0px 0px 33px 0px #175dbf; box-shadow: 0px 0px 33px 0px #175dbf; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px; display:inline-block; font-family:Verdana; font-size:13px; font-weight:bold; padding:auto auto; text-decoration:none; }
-
-
BBCODE
Title: Spoiler
BB Code Tag Name: Spoiler
Replacement:
Example: [spoiler] text goes here [/spoiler*] without *Code:<div align="left"> <div class="quotetitle"> <input class="myButton" value="Show spoiler" onclick="java: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 spoiler'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Show spoiler'; }" onfocus="this.blur();" type="button"> </div> <div class="quotecontent"> <div style="display: none;"><span class="spoiler_content">{param}</span></div> </div> </div>
Description: Used to hide things, shorten pages, organize posts, ETC.
Image:
Use {option}: No
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: No
Disable Smilies Within This BB Code: No
Disable Word Wrapping Within This BB Code: No
Disable Automatic Link Parsing Within This BB Code: No