Thursday, October 18, 2012

Tutorial Cara Rapatkan Header Dengan Post

Assalamualaikum wbt :)

Header korang terpisah daripada post entri? Ingin mencantumkannya agar kelihatan lebih kemas dan teratur? Jom ikuti tutorial ini :)


1) Tekan CTRL + F dan serch kod ini
#header { 
2) Sila scroll ke bawah dan tengok kod ini
width: 760px;
margin: 0 auto;
  background-color: $headerBgColor;
  border: 1px solid $headerBgColor;
  color: $headerTextColor;
  padding: 0;
  font: $headerFont;
}
3) Tukar size border 1px kepada 0px

4) Kod korang akan berubah macam ni
width: 760px;
  margin: 0 auto;
  background-color: $headerBgColor;
  border: 0px solid $headerBgColor;
  color: $headerTextColor;
  padding: 0;
  font: $headerFont;
}
5) Preview dan Save 


0 jejari komen: