29 August 2012

Tutorial : Centerkan Header

Photobucket

CARA PERTAMA

1. Dashboard > Design > Edit Html
2. Tekan Crtl + F , dan cari kod kat bawah ni
#outer-wrapper {
3.Next,kat bawah code yg korang cari tu ada code ni kan
background:#FFFFFF;
width: 1000px;
4. Maknanya,outer-wrapper korang 1000
5. Now,cari code ini
#header-wrapper {
6. Bila dah jumpa,pastikan width dekat header dengan outer wrapper tu sama
7. Preview & Save

CARA KEDUA

1. Dashboard > Design > Edit Html
2. Tekan Ctrl + F , cari
/* Content
3. Copy code di bawah dan pastekan di atas code /* Content

.Header img {
  margin-$startSide: auto;
  margin-$endSide: auto;
}
4. Hasilnya seperti begini :

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

5. Preview & Save

No comments:

 
Copyright© All Rights Reserved by Khairunnisa Hassan