@frF
All the way I wrote
Tutorial Blockquote Hover
December 21, 2011 @ 7:34 AM | 0 Comment [s]











































Yes! yes! yes!! finally, dpt jugak aku buat blockquote hover setelah sekian lama aku menggodam code2! hahahaha.. aku try google tuto dan dpt la blog pija ni..aku follow step by step tp still fail buat hover! then, aku try kt blog lisa pulak. ikut punya ikut, last nye it still remained the same! haish..pening ak dibuatnye..puas la aku dok godam2 code dorang berdua..kejap paste ats..kejap paste bwh..
ok! tuto ni akn jd mcm blockquote aku.. korang blh follow this tuto kalau korang mahu!
as usual,








dashboard > design > edit HTML > tick expand 
jgn lupa ctrl+F utk memudahkan pencarian ok!
cari code ni:
.post blockquote {

 kemudian, copy code bawah ni dan paste DIBAWAH code td:
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
background:url(URL BACKGROUND ANDA);
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
padding: 6px;
Border: 2px dotted #ff0d62;
margin:1em 20px;
background:url(URL BACKGROUND ANDA);
border-top: 2px dotted #58ACFA;
border-left: 4px solid #58ACFA;
border-right: 4px solid #58ACFA;
border-bottom: 2px dotted #58ACFA;
margin:1em 20px;
colour:}
blockquote:hover {
background-color: #F6CEEC;
-webkit-transition-duration: 2.5s;
background-image:url(URL ICON ANDA);
background-position:bottom right;
background-repeat:no-repeat;
border-top: 2px solid #58ACFA;
border-left: 4px dotted #58ACFA;
border-right: 4px dotted #58ACFA;
border-bottom: 2px solid #58ACFA;
margin:1em 20px;
}
merah : warna border
orange : warna background

hopefully, korang faham tuto ni.. Selamat mencuba kawan2!! :))


Thanks Baca Entry Saya . Jangan lupa baca entry lain pulak !


Older Post | Newer Post

Hye. Leave your footstep at my Shoutbox. Please don't REMOVE CREDITS!. Thanks for visiting my ugly duckling blog. Owh yeah!drop some comments yaw!




Story About Stuff Links