Friday, April 13, 2012

Tutorial background untuk title sidebar

Assalamualaikum dan selamat sejahtera.

Untuk tutorial kali ini saya akan ajar macam mana nak ade header macam ini. Sebenarnya saya hanya guna gambar untuk buat dia jadi macam itu.


1. Dashboard =>Design=>Edit HTML=>Tick Expand Widget Template .
2. Then press ctrl+f cari kod nie.. 

h2 {
  font: $(widget.title.font);
  text-transform: $(widget.title.text.transform);
  color: $(widget.title.text.color);
 padding: .9em 6em;
  margin: .6em 0; 

3. Kalau dah jumpa, korang paste kod bawah ini selepas kod atas tadi.

text-align:center;
background:url(letak url gambar pilihan korang itu);

4. Seterusnya korang preview dulu sebelum save.

P/s: Saya nak bagi tips, untuk saiz yang sesuai adalah 235(lebar)x44(tinggi). Dan formatnya adalah png.

SELAMAT MENCUBA




0 comments:

Post a Comment