21 July, 2012

Background Cantik Kat Tajuk Posting




Senang je nak letak background pada tajuk entri korang.

Mula-mula pergi ke Template > Edit HTML > Expand Widget dan cari kod ni

 .post h3 {

kalau takde, boleh guna kod kat bawah ni.

h3.post-title, .comments h4 {

contoh kod asal pada template (sesetengah template nungkin berbeza)


.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:150%;
font-weight:normal;
line-height:1.4em;
}

tambahkan kod WARNA MERAH seperti dibawah

.post h3 {
background: url(letak url imej disini);
-moz-border-radius: 10px 10px;
border-radius: 10px 10px;
height:55px;
text-align:center;
margin:.25em 0 0;
padding:0 0 4px;
font-size:150%;
font-weight:normal;
line-height:1.4em;
}
#kod WARNA MERAH jika hendak bahagian hujung background melengkung.Jika hendakkan lengkung hanya pada bahagian tertentu ubah saja nilainya disini.

ketinggian imej boleh diubah pada height:55px,tukarkan  kepada nilai yang bersesuaian

kemudian preview dan akhir sekali save template .

SIAP.

No comments:

Post a Comment

What do you think about this?