Unique blockquote hover
Saturday, 29 October 2011 | 8:27 pm | 0 p0tpEt(s)
Assalamualaikum ^-^
Hey !
Korang ade blockquote tak ? Kalau ade, boleh la gune uniqe blockquote hover nie.
Bukan pe, nak kasi blockquote korang tue nampak cantek sket. he4.
Macam dalam gambar kat bawah nie.
..:: Sebelum ::..
..:: Selepas ::..
Korang tengok kotak merah dalam gambar. Beza kan gambar sebelum dan selepas.
Gambar sebelum tue, tak de rama2 lagi. Tapi, bila mouse diletakkan pada kotak blockquote, automatik rama-rama tue turun. Comel ! Saya suka taw.
Follow step bawah kalau korang nak buat macam tue jugak.
1. Dashboard > Design > Edit HTML > Tick Expand Widget > Tekan F3.
2. Cari kod di bawah nie.
blockquote:hover {
Ataupun kod yang kat bawah nie.
.post blockquote:hover {
3. Then copy kod kat bawah nie, letakkan di bawah kod yang korang cari kat atas tue.
background: url(URL ICON) no-repeat right bottom ;
-webkit-transition: 1s;}}
4. PREVIEW dulu. Then SAVE.
p/s : URL ICON : boleh tengok sini -> Klik !
Selamat mencuba =.=
