Jan 11, 2011

Menu di dalam spoiler yang memukau

,
Masukkan script di bawah ke dalam Html/javaScript, di bagian rancangan

<div><div style="margin-bottom: 2px;"><input style="margin: 0px; padding: 0px; width: 150px; font-size: 10px;" value="ALL CONTENT" 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;ALL CONTENT&#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;ALL CONTENT&#39;; }" type="button" /></div>
<div style="border: 0px inset ; margin: 0px; padding: 6px;"><div style="display: none;">
&nbsp;&nbsp;&nbsp;<a href="http://y-bro.blogspot.com/search/label/Hot%20News">Hot News</a><br />
&nbsp;&nbsp;&nbsp;<a href="http://y-bro.blogspot.com/search/label/Hot-Hots">Hot-Hots</a><br />
&nbsp;&nbsp;&nbsp;<a href="http://y-bro.blogspot.com/search/label/Software">Free Software</a><br />


</div></div></div>
-Ganti yang berwarna biru sesuai dengan selera, dari ke tiga tulisan itu tidaklah sama, pertama akan muncul jika tidak di klick ( tertutup ), ke dua muncul ketika di klick ( terbuka ), ke tiga saat menutup lagi ( seperti spoiler lah, lha memang prinsipnya seperti spoiler )

-Ganti yang berwarna hijau dengan link tujuan, dan yang berwarna merah dengan judul

Hasilnya akan menjadi seperti berikut :

   Hot News

   Hot-Hots

   Free Software







1 komentar :

  • January 11, 2011 at 3:23 PM
    ... says:

    coba

    delete

Post a Comment