Spoiler vBulletin Style On MyBB Forums

Nah berikut cara membuat Spoiler mirip vBulletin di Forum MyBB yang pastinya mudah dan gampang.

spoiler dengan =

title & description

Quote:terserah

Regular Expression

Quote:\[spoiler=(.*?)\](.*?)\[/spoiler\]

Replacement

Quote:

Code: (Select All)

<div style="margin:20px; margin-top:0px;">
<div ><b>spoiler</b> for <i>$1</i>: <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.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Show'; }">
</div>
<div style="margin: 0px; padding:0px;">
<div style="display: none;  border:#ddd 1px inset;padding:4px;">
$2
</div>
</div>
</div>

tanpa =

title & description

Quote:terserah

Regular Expression

Quote:\[spoiler\](.*?)\[/spoiler\]

Replacement

Quote:

Code: (Select All)

<div style="margin:20px; margin-top:0px;">
<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.value = 'Hide'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Show'; }">
</div>
<div style="margin: 0px; padding:0px;">
<div style="display: none;  border:#ddd 1px inset;padding:4px;">
$1
</div>
</div>
</div>

penampakan