rotate blockquote

Wednesday, October 31, 2012


Annyeong....



Ayeee!
julia x nak banyak kata dan bicara
korang dah tahukan apa julia nak teach hari ni?
pasal blockquote rotate apabila kita halakan cursor
berkaitan dengan hover jugak!

1.log in-->dashboard-->design-->editHTML-->tick expand widget

2.search kod ni:cam biase:

.post blockquote {

3.korang copy kod dibawah ni dan pastekan kat BAWAH kod tadi dinombor 2

background: #FFFFFF;
border: 3px dotted #000000;
padding: 7px;
}

4.ok,dah pastekan,korang cari kod ni pulak,TAPI kalau x jumpa ,korang pastekan je kod kat bawah ni kat BAWAH kod dinombor 3:

.post blockquote.hover {


5.ok,sekarang,korang copy kod ni pulak dan pastekanya kat BAWAH kod tadi


background: url(URL BACKGROUND);
-webkit-border-radius: 36px 12px;-moz-border-radius: 36px / 12px;-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
}

jom study:
warna pink:masukkan kod warna korang
warna hijau:ketebalan border
warna kuning:jenis border:boleh tukar ikut citarasa korang

solid

dashed

dotted

warna merah:masukkan url image
warna purple:border die:boleh tukar
warna biru:kesengetan blockquote apabila dihover>>boleh adjust darjah die!!

**kalau x de masalah,atau error,boleh terus <<<SAVE>>>