Design Header Untuk Border Corw

Step pertama: Pergi ke Layout > Edit HTML. Tekan Ctrl+f untuk memudahkan kerja-kerja pencarian.

Step kedua: Untuk pengguna template Minima, korang boleh tengok dekat title belog korang tu ada 2 border. Sekarang kita akan hilangkan border tu. Paste code ni dalam kotak find:

#header-wrapper {

korang akan jumpa something macam ni:

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

#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}

 #header { 
margin: 5px; 
border: 1px solid $bordercolor; 
text-align: center; 
color:$pagetitlecolor; 
} 

#header h1 { 
margin:5px 5px 0; padding:15px 20px .25em;line-height:1.2em; 
text-transform:uppercase;letter-spacing:.2em; 
font: $pagetitlefont; 
}

Erase seluruh code di atas okey...gantikan kod di bawah...

#header-wrapper {

background-color:$headerbgcolor;

border:0px solid $bordercolor;

padding-bottom: 0px;

margin-bottom: 0px;

margin-left: 0px;

  }

#header-inner {

  background-position: center;

  margin-left: auto;

  margin-right: auto;

}

#header {

  height: auto;

  width: 1010px;

  color: $pagetitlecolor;

  text-align: center;

  margin-top:0px;

  background:;

border: 0px solid #000000;

}

#header h1 {

  margin:5px 0px 0;

  padding:10px 20px .15em;

  line-height:1.3em;

  text-align: center;

  text-transform:normal;

  letter-spacing:.1em;

  font: $pagetitlefont;

}

#header a {

  color:$pagetitlecolor;

  text-decoration:none;

  }

#header a:hover {

  color:$pagetitlecolor;

  }

#header .description {

  padding:5px 20px;

  margin:0 5px 5px;

  text-align: center;

  text-transform:normal;

  letter-spacing:.2em;

  line-height: 1.4em;

  font: $descriptionfont;

  color: $descriptioncolor;

 }

.Header img {

margin-$startSide: auto; margin-$endSide: auto;}

preview baru save...korang designlah header korang camna okey...

Bahagian Footer Klik SINI 

"Selamat Mencuba"

---

TERIMA KASIH SUDI BACA DAN KOMEN

---