22.3.11

TUTORIAL : BORDER KOTAK ENTRI (designer template only)

hai.hai.hai :) selamat tengahari korang..dah makan??kalau blom..cepat cepat makan..
okeh2..solehah nak buat tutorial yang di request cik zaza.. :) tutorial nie nak buat border kat
kotak entri..mcm nie ha.. 

*contoh sahaja :)


jum sama sama buat..untuk sidebar tu..next tutorial okeh..hehe

LANGKAH 1
  • mula mula..pegi DASHBOARD > DESIGN > EDIT HTML . 
LANGKAH 2
  • dah masuk EDIT HTML. cari koding nie . *ctrl + f lagi senang..hehe
.main-inner .column-center-inner {
LANGKAH 3
  • dah jumpa??korang tambah kode nie pulak untuk tambahkan border..
border:5px solid #000000;
  • so.koding korang akan jadi mcm nie..

.main-inner .column-center-inner {
padding: 0 $(main.padding);
border:5px solid #000000;
}

LANGKAH 4
  • okei..solehah  nak explen ckit koding untuk border :)
  1. 5px = yg nie untuk nilai ketebalan border..semakin besar nilai px tu..makin tebal lh border korang buat..hehehe.. :)
  2. solid = nie jenis border..korang boleh tukar dashed.dotted...
  3. #000000 = yg nie pulak warna untuk border korang..kod warna tu boleh tukar..
LANGKAH 5
  • okei.dah siap..korang preview dulu..menjadi ke tak??hehe.kalau tak menjadi..bgtau solehah okeh..hehe..saya sedia membantu.. :)

p/s : next tutorial.untuk sidebar :)

14 comments:

za said...

thans solehah... guru yang baek. 5 bintang utk kalian berdua

hehheheh

♥ solehah ♥ said...

hehe..next tutorial dh siap..try lahh :)

aten wiwin said...

soleha .
asl kode 2 tak de eh ?

♥ solehah ♥ said...

@aten wiwin

xsama template kot..jp2.solehah nk tgok blog aten :) hee

♥ solehah ♥ said...

@aten wiwin

aten tuka kode

.main-inner .column-center-inner {


tu dgn kode yg nie..cari yg nie tw.

#main-wrapper {

sebb tmplate x sma..sorry..hehe :)


so.nanti kode aten jadi mcm nie.



#main-wrapper {
border:5px solid #000000;
width :blablabla..
blablabla..

}

ha.kire mcm nie lh.hehe

aten wiwin said...

da jd dah :)
tahnx soleha

♥ solehah ♥ said...

@aten wiwin

yeyeahh.menjadik pun..hehe..
pndai aten.ngee :)

za said...

solehah, sye try utk template yg dulu jadi. tapi ntok template ni tak jadi pulak. hehehhehe..

♥ solehah ♥ said...

@za petrelli

tuka cari kod yg nie pulak..

.main-inner .widget {

*sebab tmplate x sma..hehe :)

NURUL FARRAH WAHEEDA BT AWANG said...

cmne nanak wat side bar jd satu satu ea ?

Eyqa Zubir ™ said...

yeayy ! ;D

rabiatul adawiyah said...
This comment has been removed by the author.
monsterbuncet said...

kod ade p tak jadi . cane eak ?

Ryien Aamal said...

Salam...saya nak tanya macam mana ek kalau nak gabungkan sidebar dengan body..senang cakap macam blog soleha ngan mirul ni??..

 
Design by AH|SW |Empayar Bintang Tiga 2013