TUTORIAL >> LETAK BORDER & BACKGROUND SERTA CENTERKAN SIDEBAR TITLE

Friday, October 28, 2011

TUTORIAL >> LETAK BORDER & BACKGROUND SERTA CENTERKAN SIDEBAR TITLE

Assalamualaikum ^*
Hari ni lily buatkan cara simple untuk Border dan Background for Sidebar Title.
dan lily sertakan dengar cara nak centerkan title sidebar..
ikut langkag-langkah dibawah :)

1. Dashboard > Design > Edit Html > Tick Expand Widgets
2.Tick Expand Widget dulu.

3. Tekan Ctrl + F dan korang cair kod di bawah ini :

h2 {

4. Dah jumpa. Copy code ni dibawah dan paste dibawah code h2 { ok.

border:2px solid #000000;
background:url("url gambar")

Untuk centerkan pulak ikut cara dibawah.

5. Copy code dibawah dan pastekan disebelah code h2 { tadi ok.

text-align: center;

6.keseluruhannya akan menjadi seperti dibawah ni:

h2 {text-align: center;
border:2px solid #000000;
background:url("url gambar");
font: $(widget.title.font);
text-transform: $(widget.title.text.transform);
color: $(widget.title.text.color);
margin: .5em 0;
}

7. Siap, SAVE .
** OREN text-align: center;
** PINK boleh ubah saiz border mengikut kesukaan anda.
** BIRU tukan dengan warna kesukaan anda. Ambil Sini.
** MERAH letak url gambar. Cari sini.

p/s : senangkan.. Ok dah jadi cakap trimass kat lily :)