Tutorial Blockquote Hover Tanpa Shadow

Tumblr_mkf21e3riz1s9ir6ao1_r292_500_large
hye
arie nie iema nax tunjuk cara blockquote tanpa shadow
kalau korang nax ade shadow, pergi kat tutorial nie
 Tutorial Blockquote Hover

lihat gambar di atas
sebelum dan selepas hover bentuk border nye berubah kan
nax macam toe, jom follow tutorial nie
 P/S : nax copy, highlight dan guna ctrl + c
 Dashboard -> Template -> Edit HTML
 ctrl + f, cari kod nie
.post blockquote {
 kalau tax jumpa kod toe korang kena tambah la
 macam mane nax tambah, cari kod nie, Ctrl + f (untuk memudahkan pencarian)
.post-body {
  copy dan paste kod di bawah nie betul2 di atas kod yang dicari tadi...
kalau ade kod di no   tadi, just copypaste kod yang lain yang ade di bawah nie
.post blockquote {
-moz-border-radius: 35px;
border-radius: 35px;
background:url(URL BACKGROUND SEBELUM HOVER) center;
border-top: 2px solid #FF3399;
border-left: 2px solid #FF3399;
border-right: 2px solid #FF3399;
border-bottom: 2px solid #FF3399;
margin:1em 20px;
padding: 5px;
}

.post blockquote:hover {
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
background:url(URL BACKGROUND SELEPAS HOVER) center;
background-position:center;
background-repeat:repeat;
}
color oren dan color biru korang pilih bentuk border korang di sini
 Tutorial Bentuk-Bentuk Border
color hijau dan color kuning tukar background yang korang inginkan

 kalau nax letax background color je... 
 tukar kod nie
background:url(URL BACKGROUND SELEPAS HOVER) center;
ke kod nie
background:#ffffff;
 dah siap edit, preview dulu
tax ade pape error, terus save
selamat mencuba 

No comments: