Cara tukar kepada Transparent Header/Buang Header (untuk Simple Template)

Posted by Mira Rasidi | 31 January 2012 | Comment

Korang.Hari ni cik meera nk share dengan korang cara-cara nak buat Transparent Header....Transparent Header ni khas untuk Simple Template

Jom Kita tengok contoh ni dulu.

Header asal warna putih.Contoh>>>

Tukar menjadi  Header Transparent.Contoh>>>

Apalagi,JOM kite tengok step nya:


1.   Dashboard>Design>Edit HTML>Tick Expand Widget Templates

2.   Cari kod ni:

 /* Mobile

(Untuk memudahkan pencarian Copy kod di atas  kemudian tekan Ctrl F secara serentak.&  Seterusnya Paste kod yang di Copy tadi ke ruang kosong Find: & tekan Enter)



3.   Copy kod ini:

.header-outer, .content-inner { background-color: transparent;}.main-outer, .tabs-outer { background-color: $(content.background.color);}.tabs-inner .widget ul { margin: 0px -15px;}.content-inner{padding: 0px;}

4.   Paste ATAS  /* Mobile

5.   Preview.Kalau jadi,Save je.


Cuba tengok,still ada shadow kat keliling blog kan?
Ini cara untuk buang Shadow tersebut:-

1.   Dashboard>Template>Edit HTML>Tick Expand Widget Templates

2.    Cari kod ini:-
.content-outer {   yang berada di bawah     /* Content

3.   Buang kod di bawah  .content-outer. Contoh kodnya:-

-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);

# DELETE yer...

4.  Preview. Kalau berjaya. Save.


Selamat Mencuba...