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 :)

No comments:

 
Malaysian Lifestyle Blogger| Copyright 2016-2017 ©All Right Reserved by Intan Saffyna