MODIFIKASI MENU SPOILER / SHOW HIDE

COPY PASTE KODE DI BAWAH INI

SPOILER 1

<div><div style="margin: 5px;"><div class="smallfont" style="margin-bottom: 2px;"><input value="Tampilkan" style="margin: 0px; padding: 5px; width: auto; font-size: 10px; background:yellow; color:blue; border:1px dashed red;" 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 = 'Tutup'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Tampilkan'; }" type="button"/></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashed red; color:blue; background-color:yellow; text-align: justify; padding:10px;">isi teks atau kode gambar dll disini</div></div></div></div></div>

HASILNYA SEPERTI INI

isi teks atau kode gambar dll disini

SPOILER 2

<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="OPEN" style="margin: 0px; padding: 5px; width: 30%; font-size: 11px; background:BLUE; color:white; border:1px dashes yellow;" 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 = 'TUTUP'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'OPEN'; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; ">ISIKAN IMAGE ATAU APA SAJA </div>

HASILNYA SEPERTI INI

SPOILER 3

<div style="margin: 5px;"> <div style="margin-bottom: 2px;" class="bigfont"><input style="margin: 0px; padding: 0px; width: 100%;" value="OPEN" 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 = 'Close'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'OPEN'; }" type="button"> </div> <div style="border: 1px inset ; margin: 0px; padding: 6px; background: #FF0000; none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous;" class="alt2"><div style="display: none;">
ISIKAN DISINI IMAGE ATAU APA SAJA </a>
</div></div></div>

HASILNYA SEPERTI INI

ISIKAN DISINI IMAGE ATAU APA SAJA

SPOILER 4

<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="OPEN" style="margin: 0px; padding: 5px; width: 30%; font-size: 11px; background:BLUE; color:white; border:1px dashes yellow; -moz-border-radius-topright: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px; " onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;OPEN&#39;; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; ">ISIKAN IMAGE ATAU APA SAJA </div></div></div></div></div>

HASILNYA SEPERTI INI

ISIKAN IMAGE ATAU APA SAJA

SPOILER 5

<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="OPEN" style="margin: 0px; padding: 5px; width: 30%; font-size: 11px; background:RED; color:white; border:1px dashes yellow;-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-webkit-border-bottom-left
-webkit-border-bottom-right
" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;OPEN&#39;; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; ">ISIKAN IMAGE ATAU APA SAJA </div></div></div></div></div>

HASINYA SEPERTI INI

ISIKAN IMAGE ATAU APA SAJA

SPOILER 6

<div><div style="margin: 5px;"><div class="normalfont" style="margin-bottom: 2px;"><input value="OPEN" style="margin: 0px; padding: 5px; width: 30%; font-size: 11px; background:darkgreen; color:white; border:1px dashes yellow;-moz-border-radius-topleft:15px;
-moz-border-radius-bottomright:15px;
-webkit-border-bottom-left
-webkit-border-bottom-right
" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;TUTUP&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;OPEN&#39;; }" type="button" /></div><div class="alt2"><div style="display: none;"><div style="border: 2px dashes white; color:blue;background-color:NONE; text-align: justify; padding:10px; ">ISIKAN IMAGE ATAU APA SAJA </div></div></div></div></div>

HASILNYA SEPERTI INI

ISIKAN IMAGE ATAU APA SAJA

UNTUK KODE WARNA KILK DISINI

Artikel Lainnya Dibawah ini