Tutorial : Centerkan Header
Annyeong..Hye.. Hello..Today, Zety nak buat tutorial bagaimananak centerkan header..Ada 2 cara..
Nak tahu macam mana?Follow step di bawah ini ye?
Cara Pertama
1. Dashboard > Design > Edit Html
2. Tekan Ctrl+F, dan cari kod di bawah ini
#outer-wrapper {
3. Then, ada tak lepas kod yang korunk cari tu, ada kod ni kn?
background:#FFFFFF;
width: 1000px;
# Itu sebagai contoh sahaja.. Maknanya, outer wrapper tuh . 1000px taw ?? Korang nyer ,tak tahu lah .
4. Dah jumpa kan ? Pastikan width dekat header dengan
outer wrapper tu sama .So korang punya header akan jadi
center la .
5. Preview dulu. Kalau jadi, save.
Cara Kedua
1. Dashboard > Design > Edit Html
2. Tekan Ctrl+F, search kod ni
/* Content
3. Lepas tu, copy kod di bawah ini, then paste ATAS kod yang korunk cari tuh. ^^
.Header img {
margin-$startSide: auto;
margin-$endSide: auto;
}
4. Preview dulu. Kalau jadi save terus jela :)
No comments:
Post a Comment