photo tutorial_zps442c93fa.png  photo owner_zps6a3d4f56.png  photo home-1_zpsab213777.png

Tutorial : Transparent header for simple template

Views



Note : for save better u download full template for save , takut ada error kan ?

1. Dashboard - Design - Edit HTML search for this code
/* Mobile

Got it ? Then paste the code below on top the code that you have been search just now
.header-outer, .content-inner { background-color: transparent; }
.main-outer, .tabs-outer { background-color: #ffffff;}

and one more thing that you should do it.

Dashboard - Design - Edit HTML - Tick Template then search for this code

.content-outer {

Then try to look down there have some code look same like this

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

The code is for shadow effect so u better remove that code so it will look more tie and clean .

So this is the first wayy maybe second wayy I will teach you guys later or just send me a comment at my shoutmix or facebook so that I will make a second transparent header for simple template. So enjoy guysss


Credit : Amylia

12 comments:

wasmelowkun said... [Reply to Comment]

thanks!!!!!!!!!!!!!! it's done laaa! :) i like it! thanks sis

Cynthia Lee said... [Reply to Comment]

@najlaaWelcome :)

Nurul Afifah Musa said... [Reply to Comment]

thanks for the tuto! it work! :D

Cynthia Lee said... [Reply to Comment]

@Nurul Minionreally ? Good then if this tutorial work (:

Beby Moo said... [Reply to Comment]

Kenapa tak menjadi eh? Dah delete dah code yg tu. Tp background-background sekali ikot transparent. Kenapa eh? Tolonggg :<

Cynthia Lee said... [Reply to Comment]

@Beby MooApa maksud you background background ikut transparent ?

Raihana Fateha said... [Reply to Comment]

yang main background also transparent la, bila hilangkan code tu. so how? /:

Cynthia Lee said... [Reply to Comment]

@Raihana FatehaMaybe because of your header edit :)

Sarah Taufiq said... [Reply to Comment]

macam mane kita nak buat curved border lepas kita guna tuto ni? btw, thanks for the tuto. :)

Siti Hafsah said... [Reply to Comment]

If I guna Awesome Inc. Template? And then, macam mane nak buat curve border pulak anyway? :) Tq.

Siti Hafsah said... [Reply to Comment]

If I guna Awesome Inc. Template? And then, macam mane nak buat curve border pulak anyway? :) Tq.

Siti Hafsah said... [Reply to Comment]

If I guna Awesome Inc. template? And then, macam mana nak buat curve border anyway? Tq.