Freebies: code mencantikkan blockquote!! | ☆ Built for Sins™☆
nak pergi mane tu?
Dashboard | Follow

01 April 2012

Freebies: code mencantikkan blockquote!!

Jari jemari cOmel Cik adinda Obey-bie yang menari atas key-bOard tepat jam 1:37 AM | 3 Comment

Freebies lagi freebies lagi !!! pin pin pin pin pin!!!
tu dia lahh :D punye lame jie tak muncul dengan freebies! kan kan?? 
hehe. .  kalinie jie nak bagi korang free blockquotes. . korang nak yang mana boleh pilih k!
tapi cakap kat jie bila korang ambil k! jom!

 1. blockquote Lip lap lip lap. .
.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://i1218.photobucket.com/albums/dd417/cheesweet/pinkgrain.png);
color: #000000;
-webkit-transition: 3s;
}

 2. blockquote solid border turns into dashed. .
.post blockquote {
background:#FFC6C6;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
border:2px solid #FF9696;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}
.post blockquote:hover {
color: #000000;
-webkit-transition: 3s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
background-color: transperant;
-webkit-transition-duration: 2s;
border:2px dashed  #FF9696;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}

 3. blockquote senget bila cursor sentuh. .
.post blockquote {
background:#FFC6C6;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
border:2px solid #FF9696;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}
.post blockquote:hover {
color: #000000;
-webkit-transition: 3s;
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
background-color: transperant;
-webkit-transition-duration: 2s;
border:2px dashed  #FF9696;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}

 4. blockquote ada icon comel muncul. .
.post blockquote {
background:#FFC6C6;
-webkit-transition-duration: 3s;
padding: 12px;
margin: 2px 2px;
color: #ffffff;
border-left: 6px solid #DAB0B0;
border-right: 2px dashed #FFFFFF;
border-bottom: 2px dashed #FFFFFF;
border-top: 2px dashed #FFFFFF;
-moz-border-radius-bottomright: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
.post blockquote:hover {
color: #000000;
-webkit-transition: 3s;
background-image:url(http://i257.photobucket.com/albums/hh205/xoxojays/smilies/minidocomo/pic009demoji_11848475decoojp.gif);
background-position:bottom right;
background-repeat:
no-repeat;
}

*okay itu sahaja!! kalau korang ambil sila bagitahu jie ye!! hehe. . 
jie mengfreebieskan balik je. .  kalau nak credit tu, credit untuk kak una k!
tinkiu tinkiu!

3 budak comel :'):

Husna Humairah said...

terima kasih. jadi lah. tapi saya ubah code sikit ;D

❤ Cik adinda Obey-bie ❤ said...

@Husna Humairah
takpe:) samasama. .

❤ Cik adinda Obey-bie ❤ said...
This comment has been removed by the author.

Instagram