Nurin Aziz

Hello , lovers :*

Assalamualikum & Good Day! Hi, I'm Nurin Afifah. Welcome to My Paris Town. Please be nice here. Copycats are not allowed here. Have a Nice day. Gomawo!


Entries About Linkies Stuff


Walking Talking

Put your blog url correctly, so I can follow you.
No Harsh words allowed here.
Click 'Go' to send it.



Ask Me Anything !

Big Clap


Template: Intan Aqilah
Basecodes: Nurin
Others:   


Tutorial : Show-Hide Button [Part 2] lebih cantik

Hi, semua! Kali ni Nurin nak ajar Tutor Show-Hide Button yang lebih cantik then before.. Kan dulu Nurin ajar yang simple... Sekarang Nurin nak ajar yang kita boleh tukar warna mengikut citarasa kita..Apa macam?? Berminat.. Kalau masih tak faham, sila rujuk gambar di bawah,ye my friend!

Okay, yang Nurin buat petak warna hitam tu! Dah?? Cantik.. * Tidak semestinya hanya warna pink! Tetapi terserah mengikut citarasa anda! Jom belajar :

Login > DASHBOARD> DESIGN> PAGE ELEMENTS> HTML / JAVASCRIPT

1. Sila pastekan kod di bawah di ruangan HTML / JAVASCRIPT yang anda lakukan tadi... ^_^


<center><div id="spoiler"><div><input value="Read Here" style="width:88px ;font-size:12px;background-image: url(http://2.bp.blogspot.com/-PG8wKmTPAMA/Tadavlw-zBI/AAAAAAAAAiw/v9-WPrl3aiU/s1600/swatch-mr016_15_hotpink.jpg);-moz-border-radius: 10px; border-radius: 10px;margin:13px;padding:0px;border-style: 2px solid #ff9fcc;" type="button" onclick="if (this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;none&#39;; this.innerText = &#39;&#39;; this.value = &#39;Hide Spoiler!&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;show&#39;].style.display = &#39;none&#39;; this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[&#39;hide&#39;].style.display = &#39;&#39;; this.innerText = &#39;&#39;; this.value = &#39;Show Spoiler!&#39;; }" />
<div id="show" style="display: none; background-color:transparent; background-repeat:repeat; margin: 0px;border-width:0px; padding:3px; width:90%">
<center><center>AYAT ANDA!</center></center></div></div></div></center>
So,prekataan yang di bawah, sila tukar dengan citarasa anda!
  •  Read Here tukar dengan citarasa korang..EG: Baca di sini!
  • http://2.bp.blogspot.com/-PG8wKmTPAMA/Tadavlw-zBI/AAAAAAAAAiw/v9-WPrl3aiU/s1600/swatch-mr016_15_hotpink.jpg  
  • sila tukar dengan background anda!
  • #ff9fcc
  • tukar dengan warna anda suka.. Kod warni ni untuk warna border.. Sila dapatkan kod warna anda DI SINI...
  • AYAT ANDA!
  • tukar dengan ayat korang,okay!
Save..Preview kalau jadi tekan save yang berada di tepi preview..Thanks try tuto Nurin! ^_^

Labels: ,


0 COMMENTS FROM YOU. OLDER POST | HOTTER POST