Tuesday, April 12, 2011

Tutorial: New Style Blockquote #2

Hari ni aku nak kasi tuto kat korang macam mana nak buat blockquote style cam gini . Follow step kat bawah ni okay :)


1 Dashboard > Design > Edit HTML > Tick Expand Widget Template

2 Search this code :
.post blockquote { or blockquote {
3 Copy these code and pastekan kat bawah code korang cari tadi
background:url(URL BACKGROUND);
border-left: 4px solid #000000;
border-right: 4px solid #000000;
-webkit-transition-duration: 0.5s;
}
.post blockquote:hover {
background: url(URL BACKGROUND);
border-left: 4px solid #000000;
border-right: 4px solid #000000;
-webkit-border-radius: 36px 12px;
-moz-border-radius: 36px / 12px;
-webkit-transform: skew(-1.deg,-1.5deg);
-webkit-transition: 0.5s;
} 
4 Preview dahulu kemudian baru save

No comments: