===========================================================================================================================

Senin, 05 September 2011

Cara Letak Background dan Border Pada Sidebar

Kebiasaanya warna ruangan posting dan sidebar pada template adalah sama.Mungkin ada yang inginkan kelainan dengan meletakkan border dan background yang berbeda pada sidebar.




Berikut adalah caranya:

Masuk ke design-pilih Edit HTML-expand template widgets
cari kode di bawah ini:

#sidebar {
width:150px;
float:left;
padding:8px 0;
margin:0;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */

background-image: url(letakkan url imej disini);

border:12 px dashed #0000FF;

}


jika tidak ada kode seperti diatas cari kode di bawah ini:

.fauxcolumn-right-outer .fauxcolumn-inner {
border-left: 1px solid $(body.rule.color);

background:url(letakkan url imej disini)repeat;

border:12 px dashed #0000FF;


}
background imej perlu diupload dan dapatkan url utk dimasukkan pada kode diatas
#cuma tambah kode warna merah.Untuk border selain dari dashed boleh juga ditukar dengan solid,dotted,ridge,groove.Begitu juga dengan kode warna bagi border juga boleh ditukar mengikut kesesuaian.
Semoga Bisa lebih mempercantik blog anda..

Tidak ada komentar:

Posting Komentar