tutorial

center header

Monday, 20 February 2012 • 22:50 • 0 comments

CARA PERTAMA

1. Dashboard -->> Design -->> Edit HTML

2. Tekan Crtl + F , dan cari kod kat bawah ni :

/* Content

3. Copy kod kat bawah ni , then paste ATAS kod yang korang carikan tadi tu .

.Header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

dah puas hati tgk korg terus save la ye !

CARA KEDUA

1. Dashboard -->> Design -->> Edit Html

2. Tekan Crtl + F , dan cari kod kat bawah ni :

#outer-wrapper {

3. Pastu , bawah kod yang korang carikan tadi tu , ada kod ni kan :

background:#FFFFFF;
width: 1000px;

4. Maknanya , outer wrapper tu 1000px taw . korangnya tak tahu lah . Adjust lah saiz anda nak tu .

5. Tapi , tak siap lagi ni . Then , korang cari pulak kod ini :

#header-wrapper {

6. Dah jumpa? Pastikan width dekat header dengan outer wrapper tu sama . So korang punya header akan jadi center la .

preview dan save ! okeyy