April 23, 2012

Cara nak Pisahkan Header dengan Blog


cute ka header sha? hehe..comey kan orang tu *perasan !
sha nak buat tuto tentang cara nak pisahkan header dengan blog

#ini tuto bergambar, sila klik untuk lebih jelas


Tekan F+Ctrl (Serentak!)

copy ini  /* Mobile dan paste kannya

da jumpa kan?

copy ini pla

.header-outer, .content-inner { background-color: transparent; }
.main-outer, .tabs-outer { background-color: $(content.background.color);}  

dan paste kan atas /* Mobile
sebijik macam ini


ahh..jangan save trus..preview dulu tau..

belum siap lagi tu..
mesti ada shadow kat header tu kan?

copy .content-outer { dan paste kannya

jumpa? ok..then cari code bawah ini sampai jumpa..ada tu..

content-outer {
  -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);
  -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15);
  -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333;
  box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15);

  margin-bottom: 1px;
}

da jumpa? padamkan code tadi..
preview dulu tau..
baru save 

siap :)



No comments:

Post a Comment

Assalamualaikum..terima kasih sebab singgah, komen yang baik2 ja tau !! nanti sha singgah blog korang..In Sha Allah :)