Tutorial: Cara comelkan kotak blockquote
Farah Deeb
Selasa, Februari 28, 2012
15 Comments
Ape tuh kotak blockquote? Haaa.. yang macam kat atas tulah. Biase dia takde kotak dan takde gambarkan? So skang ni tutorial untuk kasik ade gambo kat dalamnye ye. Mari lihat ape yang korang kene wat: -
Step #1:
1. Dashboard>Design>Edit HTML
2. Tekan CTRL+F and search ayat bawah ni: -
.post blockquote {
Step #2:
1) Copy code bawah ni dan paste di BAWAH ayat .post blockquote{ tadi: -
background:url(URL BACKGROUND1); padding:5px;
Border:2px dashed #00000;
colour:#FFFFFF}
blockquote:hover {
background: url(URL BACKGROUND2)
) repeat right bottom ;
border:2px dashed #FFFFFF;
moz-border-radius: 35px;
Notes:
- Gantikan URL BACKGROUND1 tu dengan apa-apa image yang korang ndak.
- Ganti URL BACKGROUND2 dengan image icon yang akan berada kat sudut bawah kanan bile cursor disentuhkan ke dalam kotak tu nanti.
- #00000 dan #FFFFFF yelah kaler border. Korang boleh tukar kat sini.
- #FFFFFF ni kaler kotak pun bleh tukar jugak kat sini.
Skang SAVE dan cube wat satu testing post menggunakan quotes. Kalau jadik maknanya BERJAYA! Theee...