Tutorial - Sidebar Title Background (Bergambar)

Ary nie rajin nk wt tutorial...korg tw kn ape 2 sidebar title background??? Lw gune denim template mmg akn automatik ader background 4 every sidebar title p just background color je...so now nk tunjuk cmne nk letak background bergambar lak...utk template designer x sure jd ke x...korg try la dlu er...

Step 1:
Pergi ke Dashboard > Design > Edit Html

Step 2:
Korg cr code nie: .sidebar h2 { (gne Ctrl + F untuk cepatkn pencarian anda)

Step 3:
Da jmpe code kn ats kn? Then korg delete semua code y ade kt bawah code seperti di Step 2 tw...P jgn korg delete suma...just delete b4 code nie .sidebar ul { (phm kn?)...

Step 3:
Dah delete pas 2 korg copy semua code kt bawah nie then paste kt bwh code y aq mentioned kt Step 2 td

text-align:center;
background: url(URL BACKGROUND ANDA) repeat;
 margin: 0.2em 0 .5em;
 padding: 6px 6px;
 background-color: $sidebarTitleBgColor;
 font-size: 145%;
 border-bottom: 3px dashed #B93B8F;
 border-top: 3px dashed #B93B8F;
 border-left: 3px dashed #B93B8F;
 border-right: 3px dashed #B93B8F;
 color: $sidebarTitleTextColor;
}
                         
Merah : utk adjust kedudukan title kt dlm sidebar title 2. Korg blh pilih whether center/left/right. Aq pilih center sbb nmpk kemas
Hijau: utk adjust ketebalan border di kotak sidebar title korg. Nk tebal ke nipis ke is based on ur choice. Lw korg xnk border, korg just delete je code border2 y ader kt ats 2
Biru: utk adjust jenis border y korg nk. Cth solid/dashed/dotted/double/groove/ridge/inset/outset
Purple: ini untk color border korg. Korg blh ambil code kt sini Html Color
URL BACKGROUND ANDA: korg letak la url background y korg ase comel kt sini er...

Done? Then korg preview dlu b4 save tw! Lw x jadi g tw la k? Selamat mencuba!!!

p/s: Aq xngat aq amik tutorial ni kt spe. So aq credit to those y ase2 tutor ni adalah hak milik dy ok? 

No comments

Back to Top