Thursday, December 20, 2012

Tutorial letak border pada tajuk sidebar

Assalamualaikum..
Jawab jangan tak jawab, WAJIB!!

Hari ni saya nak ajar macam mana nak letak border pada tajuk sidebar. Macam saya punya ni..

BORDER DI TAJUK SIDEBAR

1- First, pergi ke Template ---->  Edit HTML ----> Tick Expand Widget Templates

2- Tekan CTRL+F, cari kod ni 
h2 {

3- Ok, dah jumpa?? Then, copy kod bawah ni
 background: #E0FFFF ! important;
border: 2px hidden ;
-moz-border-radius-topright: 50px;
-moz-border-radius-topleft: 0px;
border-top-right-radius: 50px;
border-top-left-radius: 0px;
background : #E0FFFF;
border : 3px solid #000000;
text-align:center;
*Merah = Kod warna untuk background border
*Hijau = Kod warna untuk warna border
Cari kod warna di SINI.


4- Paste kod tu dekat bawah kod h2 { yang korang cari tadi.

5- Cuba korang preview, jadi tak? Kalau jadi, save. Tapi kadang-kadang ada masalah which is tajuk sidebar tu berjarak dengan sidebar content tu.. Kalau korang nak rapatkan tajuk sidebar dengan sidebar content tu, ikut tutorial INI.

6- Dan kalau ada sesiapa yang nak letak border juga pada sidebar content, ikut tutorial INI.

3 comments:

 
Blog 100% edited and touched by CIK LIMEGREEN