Sunday 13 May 2012

Tutorial : Cara Buat Border Sidebar (Cara 1)

Sini ada step2 yg cik ayu sendiri guna untuk buat border sidebar...


CARA PERTAMA

Step 1 : Dashboard > Design > Edit HTML > Tick kotak Expand Widget Templates (tekan ctrl+f utk cari kod)

Step 2 : Cari code kat bwh ni -  
.sidebar .widget{

Step 3 : Copy code dibawah ini dan letak di BAWAH .sidebar .widget{ 
text-align: center;background:#fff;border:4px solid #FCDFFF;margin:0 -5px 1.5em -5px;padding:0px 7px 10px 7px}
(tekan ctrl+c dgn serentak utk copy code)

Step 4 : Ubah border kat sini...  border:4px solid #FCDFFF;

      senarai border utk dipilih:- 

  • solid
  • double
  • groove
  • dotted
  • dashed
  • inset
  • outset
  • ridge
  • hidden
  
    click sini pilih color utk dipilih :-
    "HTML color code"








Selamat Mencuba!

No comments: