Friday 29 November 2013

Tutorial : Centerkan Header

CARA PERTAMA


1. Dashboard > Layout > Edit Html

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

#outer-wrapper {

3. Pastu, bawah code yang korang carikan tadi tu, ada code ni kan ?

background:#FFFFFF;width: 1000px;

*Itu sebagai contoh je

4. Maknanya, outer wrapper tu 1000px. Korang punya tengok sendiri

5. Tapi, tak siap lagi ni. Then, korang cari pulak code ni

#header-wrapper {

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

7 . Preview dulu. Dah jadi  baru SAVE

CARA KEDUA

1. Dashboard > Template > Edit Html

2. Tekan Ctrl + F  cari :

/* Content

3.  Lepas tu, copy code kat bawah ni  then paste ATAS kod yang korang carikan tadi

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

4. Faham ke tak ? If korang tak faham, tengok contoh ni :

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

5 . Preview dulu. Kalau jadi, SAVE
























No comments:

Post a Comment