Wednesday 5 June 2013

Tutorial : Flying icon dalam Blockquote

Assalamualaikum..
sebelum ni acik buat tutorial tentang  Cara Membuat Kotak Blockquote dan juga
 Kotak Blockquote Ber-Shadow Bila Cursor Menyentuh..untuk tutorial kali ni acik nak buat flying icon dalam Blockqoute..flying icon tuh cenggini..biler cursor kita duduk lepak atas blockQoute hampa semua,icon tuh akan bergerak seolah-olah mengecil..paham tak?ok..klau nak tau acane..jm ikot tutorial ni..

1) Log in > Dashboard > Design > Edit Html

2) Tekan Ctrl + F , dan cari :
.post blockquote {
 3) Dah jumpa kan ? Korang Copy yang ini pulak :
blockquote:hover {background-color: #FFC8F2;-webkit-transition-duration: 3.5s;background-image:url( http://i257.photobucket.com/albums/hh205/xoxojays/smilies/barbiepink/pic001demoji_8517130decoojp.gif );background-position:bottom right;background-repeat:no-repeat; }
4. Paste di bahagian bawah kod yang korang carikan tu

5. Jika sudah siap.Anda boleh buat pilihan dalam kod biru dan kod merah

Warna OREN : Warna Background Selepas Cursor Menyentuh Blockquote CLICK SINI untuk pilihan warna..

Warna BIRU : Icon Yang Akan Muncul Selepas Cursor Menyentuh Blockquote CLICK SINI untuk icon

Warna Hijau : Boleh ubah kelajuan icon anda ..

Selamat Mencube..(^_^)V


No comments:

 photo left.png  photo right.png  photo pink_heart.png