profile tutorial freebies refresh follow
regards.
Assalamualaikum and hi. If you want to contact me, feel free to email me your number at sesucikejora@yahoo.com and I'll hit you up ;)

bigthanks.
Template was made by Miichiko. Re-edit by me. Thanks a lot to Google, also :
1 2 3 4 5 6
Tutorial : Slow Hover Blockquote
Oct 18, 2011 | 1 comments
In the name of Allah, The Most Beneficent and Merciful
Zaty : Akak, camne nak buat blockquote cam akak? Cantik ah.

Serious lama kan Amirah tak post something? Nevermind, tak ada orang pun nak baca T^T Okay, back to the topic. Amirah bagi code dalam dua jenis tau. Satu yang untuk background berwarna, macam Amirah punya. Satu lagi untuk background bergambar. Just choose one of them :)

Coloured Background Blockquote
.post blockquote {
background: #000000;
border-radius:10px;
color: #FFFFFF;
padding: 5px;
-webkit-transition:1s;
}
.post blockquote:hover {
background: #FFFFFF;
border-radius:15px;
color: #000000;
padding: 5px;
-webkit-transition:1s;
}

Small notes : Change the bold words using your creativity. Color represent the font colour. -webkit-transition:1s; is the slowness of blockquote hover.

Picture Background Blockquote
.post blockquote {
background: url(URL BG) repeat;
border-radius:10px;
color: #FFFFFF;
padding: 5px;
-webkit-transition:1s;
}
.post blockquote:hover {
background: url(URL BG) repeat;
border-radius:15px;
color: #000000;
padding: 5px;
-webkit-transition:1s;
}

Small notes : Change the bold words using your creativity. Color represent the font colour. -webkit-transition:1s; is the slowness of blockquote hover.

Labels:


NEW
OLD