TUTORIAL : SIDEBAR GADGET BORDER (designer template only)

whoaa!publish 2 tutorial sekali ari nie.hehe..takpa kn?kn?hehe..okei.tadi dah buat tutorial border kotak entri kan. sekarang nak buat tutorial border untuk setiap gadget kat sidebar tu ha.. :) *mcm nie..gmbr yg sama jugak di gunakan..haha..

fokus kn mata anda ke sidebar okeh.hehe..jom buat sama sama.. :)

LANGKAH 1

• mula mula..pegi DASHBOARD > DESIGN > EDIT HTML .

LANGKAH 2

• cari koding nie okeh.ctrl + f lagi senang..hehe  :)

]]></b:skin>

LANGKAH 3

• dah jumpa?korang ambik kode yang nie pulak..letak atas/sebelm koding kt langkah 2 tadi.

.sidebar .widget { background : transparent ; border: 5px solid #000000; margin:0 0 2em; padding:10px 10px 10px 10px ; }

LANGKAH 4

• ha.mcm biasa ..solehah xplen ckit koding kat ats tu..*tak tau la korang faham ke tak..hehe

1. background : transparent ; = kalau korang nak letak warna background pun boleh jugak..gantikan ayat transparent tu dgn kod warna mcm nie.. #000000 (pilih la kod warna yang korang suka.)
2. border: 5px solid #000000; = yg nie untuk border setiap kotak gadget tu.. nilai 5px..korang boleh tukar..solid = boleh tukar ke dashed .. dotted .. kod warna korang tukar pun boleh jugak..hehe
3. margin:0 0 2em; = yg nie jarak antara setiap gadget..ha.korang try lah gantikan no.2 tu dgn nilai 0.apa yang jadi??hehe
4. padding:10px 10px 10px 10px ;
   = yang nie..jarak dalam kotak gadget tu..emm.korang try lah tukar semua nilai 10px tu jadi 0px..tengok  apa yg terjadi??haha..  (ekcely tak reti nak xplen.solehah biar korang tengok sendiri apa yg berubah..)

LANGKAH 5

• dah siap??preview dulu..takda error..boleh save dah..amacam??menajdikk tak??hehe..

LANGKAH 6

• oh ye..ckit lagi nak lupa..cik zaza..jangan lupa..buang dulu border yang sekarang nie..
• cari koding nie..delete kod yang berwarna merah.. :)

.fauxcolumn-left-outer .fauxcolumn-inner {

 border-left: 1px solid $(body.rule.color);

}

p/s : cik zaza..jadi tak??hehe

solehah try buat semua tutorial yang korang request tu..insya'Allah siap..sabar yep :)

tapi..yg rq pasal design2 tu..tak boleh..sebab..lptop ada problem. saya harap anda memahami..