blockquote hover new

Wednesday, October 31, 2012


Annyeong...


annyeong haseyo
hari ni lagi julia nak teach tutor blockquote style baru
jenis hover punya,...

1.log in-->dashboard-->edithtml.


2.search kod ni:



.post blockquote {

3.copy kod ni dan pastekan kat BAWAH kod no.2 tadi:



.post blockquote {background:#FFC6C6;-webkit-transition-duration: 3s;padding: 12px;margin: 2px 2px;color: #ffffff;-webkit-border-radius: 10px;-moz-border-radius: 10px;}.post blockquote:hover {background:url(http://3.bp.blogspot.com/-Rf2x6vni5Hk/Tqyl5FkJswI/AAAAAAAAB10/8Up6SEzyGsw/s1600/pinkgrain.png);color: #000000;-webkit-transition: 3s;}

4.yang warna purple tuh,korang masukkan kod warna sebelum dihover
   
  yang warna merah tu,korang masukkan url gambar background setelah dihover


  URL background AMBIL DISINI