Friday, September 2, 2011

Jadikan Header Simple Template Transparent


Ini contoh transparent header~

1. Dashboard > Design > Edit HTML
2. CTRL +F dan cari code bawah ni

/* Mobile

3. Korang copy code bawah ni dan pastekan di atas code /* Mobile tadi .

.header-outer, .content-inner { background-color: transparent; }.main-outer, .tabs-outer { background-color: $(content.background.color);}
4. Preview dulu!kalau takda papa baru save. *preview dulu

5. Belum habis lagi. Kalau korang preview tiada keluar benda pelik korang ikut step seterusnya .

6. Kemudian, cari code bawah ni ok .

.content-outer {

7. Pastu dekat bawah dia ada code macam ni kan ?

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

8. Korang buang code atas ni ok . nanty akan jadi macam bawah ni .


9. Preview dulu ya. Pastu baru save template .

NOTE : Selamat mencuba. SEBELUM TU DOWNLOAD TEMPLATE DULU YE .

No comments:

Post a Comment