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 berbeza pada sidebar.

Berikut adalah caranya:

Masuk ke dashboard-pilih layout dan klik Edit HTML
cari kod 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 tiada kod seperti diatas cari kod 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 kod diatas
#cuma tambah kod warna merah.Untuk border selain dari dashed boleh juga ditukar dengan solid,dotted,ridge,groove.Begitu juga dengan kod warna bagi border juga boleh ditukar mengikut kesesuaian.

Post a Comment

10 Comments:

ghost said...
Teknik Buat Blog

nice tutor bro yahya...

Bee said...
Teknik Buat Blog

nice bee dah buat!

sibersensasi said...
Teknik Buat Blog

@orang muowaalaikumsalam,terima kasih,terima kasih kembali kerana singgah ,silakan

Nurfazilah Cipa said...
Teknik Buat Blog

cipa jln2 cni~hurm,,cbox rosk ke mlm ni ek??(o_o)

geekz36 said...
Teknik Buat Blog

yeay, dah lama tunggu tutorial ni. tq

Fateen Insyirah said...
Teknik Buat Blog

Ala tak jadik :(

♛ Kerani Sekolah ♛ said...
Teknik Buat Blog

yeay, tutorial yg dicari2 jumpe gak..time kasih :)

redzuan ridz said...
Teknik Buat Blog

salam bro yahaya, sy nk bertanya 1 thing, kalau sy nk ubah warna background pada tab menu blog sy .mcm mne eh? sbb sy da cuba ubah but background tab menu tu still ttap warna kelabu. ada tak script koding yg sy boleh edit melalui edit html.

sibersensasi said...
Teknik Buat Blog

@redzuankalau dah jumpa kod warna tukar saja pada kod menu.cuba tutorial cara buat menu horizontal

illyz said...
Teknik Buat Blog

best tutorial ni :)
thx sebab share