05 March 2011

tutorial ; pisahkan widget dgn body






okay , sekarang nie pulak . afiq nak ajar korang
semua nih mcm mane nak pisah kan widget-
widget kite dengan body tuh . yeah , dengan cara
afiq sendiri . :9: and afiq try mmg jadi . huhu
yelah , biase nye lah kan . kalau kite nak cari code
yg nak di edit . mesti tak jumpe kan ? :face60:
grr , mmg lah geram + nak jadi sawan waktu tuh .
tapi sekarang . korang tak payah nak jadi
sawan mcm afiq nih . :17: let's start ...



firstly ;


Dashboard > Design > Edit HTML



then , cari code yang kat dlm kotak orange tuh .


sudah ? baguss :face50: lepas tuh . copy code yang ade kat
bawah nih , then paste kan kat ATAS kotak yg warne orange tuh .



.sidebar .widget {
background : #ffffff;
-webkit-box-shadow: 0px 0px 19px #8E8A8A;
-moz-box-shadow: 0px 0px 19px #8E8A8A;
-moz-border-radius: 35px;
border-radius: 35px;
border: 4px solid #81BEF7;
margin:0 -5px 1.5em -5px;
padding:5px 7px 5px 7px;
}

.main .widget {
-moz-border-radius: 35px;
border-radius: 35px;
border-bottom:1px dotted $bordercolor;
margin:0 0 1.5em;
padding:0 0 1.5em;
}

code yang kat atas nih , korang boleh , edit
ikut citarasa masing-masing :face45:


lepas dah paste , preview dulu taw . kalau dah jadi terus
jeh tekan Save Template . choppp :x: . belum habis
lagi lah . ikut step kat bawah nih ;



sekarang , cari pulak code kat bawah ni ;

.content-inner;

pastu kat bawah dye ade code yg mcm nih ;

colour: #FFFFFF

delete yup code tuh . :face64:



okay , save template . SIAP ! good luck yup :1:



7 comments:

said...

thank you..tutorial ni jadi..

said...

@Kamila dah jadi ? hehe , same same ;))

said...

sekarang , cari pulak code kat bawah ni ;

.content-inner;

pastu kat bawah dye ade code yg mcm nih ;

colour: #FFFFFF

delete yup code tuh .




nape bile part nih tak jadi ? lagipon tak jumpe la code


colour: #FFFFFF

said...

code tuh tk jumpe, content tuhh

said...

Yang colour #FFFFF tu takde punn ? lagipun tak jumpe code .

said...

xleh copy pon code dlm kotak tu.aiseh

said...

mcm mne na edit yea ? bg besar sikit ?