Rabu, 1 Februari 2012

TUTORIAL : Rapatkan Header Dengan Body


Tutorial ini pasal header ye dan jangan tanya saya, apa itu Header? sebab jawapan saya adalah __________________________________. 

Minima Template


1. Tekan F3 dan cari code bawah ini
/* Header
letak '0px' pada kotak merah ye.

Template Designer


1. Tekan F3 dan cari code bawah ini
.header-outer {
2. Gantikan dengan code ini

.header-outer {
background-image:url();
background-position: top center;
background-repeat:no-repeat;
width:990px;
height:230px;
margin:0 auto 7px;
}

* tukarkan merah dengan saiz header kamu, jangan lupa Preview sebelum save ye

4 ulasan:

Cik Kay Jue berkata...

awak.. saya nak tnya ni.. macam mana nak buat transparent header tnp ada shadow kat belakng.. lgi satu. saya da try da buat tuto ni.. tapi bila saya rapatkan, header saya tersembunyi kat belakang body.. huhu.. macam mana nak buat header ada kat depan body macam awak punya..? boleh tolong saya tak?

Ayesha Ramlee berkata...

@Cik Kay Jue hai cik jue.. untuk transparent header sebenarnya ada banyak cara.. tapi ayesha guna CS3, untuk shadow pulak, semuanya kita yang tentukan designnya.

header tersembunyi, maybe ketinggian header tak sama dengan dalam Edit HTML..

home penjelasan ini dapat membantu.

* untuk tutorial header, ayesha tak buat lagi. ape kata search kat google 'TUTORIAL CARA BUAT HEADER TRANSPARENT'

Cik Kay Jue berkata...

thanks Ayesha Ramlee da boleh da.. :)

Ayesha Ramlee berkata...

okey Cik Kay Jue

Tiny Hand With Animated Rainbow Hearts