Monday, August 6, 2012

how to make a spoiler?

mungkin buat para kaskusers udah ga asing lagi dengan yang namanya spoiler.
jadi spoiler itu semacam box untuk gambar ataupun teks yang berfungsi ngurangin beban loading page. mempermudah banget buat yg koneksinya agak lamban. nah ini contohnya:

Judul Spoiler:




Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2




nah buat kode htmlnya sendiri, bisa copas kode dibawah ini:


<div style="margin: 5px 20px 20px;">
<div class="smallfont" style="margin-bottom: 2px;">
<Judul Spoiler: <input 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'; }" style="font-size: 11px; margin: 0px; padding: 0px; width: 55px;" type="button" value="Open" />
<div class="alt2" style="border: 1px inset; margin: 0px; padding: 6px;">
<div style="Masukkan isi spoiler disini, dapat diisi gambar, kode html, paragraf dan lain2">
</div>

0 comments:

Post a Comment