20 March 2011

Tutorial 27# membuat header rapat dengan content

ad orang request mende nyh..
Okeyh kod nyh semue soofiyah godek2 sendiri..
Ini khas untuk minima template sahaja..
wlaupun blog soofiyah buroks.. soofiyah try gak...
huhu
Okeyh, mende nyh sng klaw korang tliti..
So sile tliti yerk..

Ikut step nyh

1- Dasboard > design Edit HTML > Ctrf+f > #header-wrapper


#header-wrapper {
width:803px;
margin:0 auto 0px;
border:0px solid $bordercolor;
}

width - adjust ikut ske korang
margin& border - pastikan 0 px

2) skroll bwah skit carik #header

margin: 0px;
border: 0px solid $bordercolor;
margin & border -pastikan kosong

3) Ctrl +f > #header img

#header img {
margin-$startSide: center;
margin-$endSide: auto;
}

spaye header korang center

4) Ctrl +f > #sidebar-wrapper {

Kat bwah tu korang tmbah

#content-wrapper {
background : #ffffff;
width : 800px;
}

background -ikut ske korang larh wrne ap
width- ikut siza header korang

Dye akn jady camnyh

#sidebar-wrapper {
width: 240px;
padding:15px;
float: $endSide;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#content-wrapper {
background : #ffffff;
width : 800px;
}

Klaw korang x taw nak bwad header gne photoshop
Gne link nyh
mlas maw ajar.. kehkehkeh..
Okeyh sdah syap.. snang,x ?
Problem?
Tanyer...

Selamat mecube..!!
Photobucket

No comments:

Post a Comment

Awak comment saya sayang.. =)