Thursday, 22 November 2012

Tutorial Transparentkan Header

Assalamualaikum. Tadi Anis bukak ask.fm, lepas tu ada satu request daripada seorang manusia, tapi dia tak nyatakan link blog sekali dalam tu. So anis buat aje lah tutorial ni :)
Mula-mula, design dulu header dan pastikan ianya transparent. Tutorial ini cuma untuk simple template sahaja. Tidak sesuai untuk layout template dan classic template.
  1. Design header guna Photoscape dan Gimp
  2. Design header guna Photoshop

Selepas itu, pergi ke Template > Edit Html > Proceed.
Ctrl+f di keyboard dan paste kod di bawah dalam search box dan enter.
/* Mobile
 Copy kod di bawah dan paste pula di ATAS /* Mobile jika sudah jumpa kod itu.

.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;}
 Preview, menjadi Save je ok!

No comments: