Selasa, 09 Agustus 2011

Memasang gambar atau background pada header

Cari kode ini pada bagian css template
#header {

kalau sudah ketemu sisipkan kode di bawah ini
background-image : url(http://01.wen.ru/wap/images/ilusiku.png);
background-repeat : no-repeat;

cotoh jadinya seperti ini:

#header {
background-color:#ffffff; background-image : url(http://01.wen.ru/wap/images/ilusiku.png);
background-repeat : no-repeat;

background-position : 100% bottom;margin-right:2px 2px;
margin-top:1px; padding-bottom:1px; padding:2px;
text-align:left;
height:50px;
border-right:2px solid #fff;border-bottom:1px solid #fff;border-top:1px solid #a6deee;}

keterangan: kode background-image : url(http://01.wen.ru/wap/images/ilusiku.png);
background-repeat : no-repeat;
untuk menampilkan logo/gambar maka pada bagian background-repeat : di isi dengan no-repeat; agar gambar muncul hanya 1

jika ingin memasang untuk background header/keseluruhan tinggal ubah kode no-repeat menjadi repeat contoh


background-image : url(http://01.wen.ru/wap/images/ilusiku.png);
background-repeat :
repeat;

nantinya gambar akan memenuhi keseluruhan header
copy html

mudah bukan...?

Tidak ada komentar:

Posting Komentar