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"

No comments: