Membuat Background di Header
Anda ingin menambahkan image atau gambar di header blog? Header berupa gambar indah di lihat, dan menjadikan blog atau web jadi meriah. Ada dua cara memasang gambar, satu dengan langsung di taruh, dengan tag IMG, atau dijadikan latar belakang.
Untuk menambah latar belakan image pada header lakukanlah hal sebagai berikut:
pada css style, buat properties untuk header
misalnya:
#header
{
padding:10px;
background-image:url( alamat file );
background-repeat:no repeat;
}
Perhatikan, ukuran file gambar, kalau ingin pas dengan halaman yang sudah didesain, sesuaikan ukuran gambar dengan properties #header.
/*kalau ukuran gambar lebih kecil dari div header, dengan propertie background-repeat:no repeat, maka hanya akan terlihat satu gambar saja, seperti perintah IMG. Kalau ukuran gambar sama dengan ukuran div #header, properties background-repeat tak diperlukan.
Nah, di atas gambar kita bisa menulis seperti biasanya. Tulisan di atas gambar.
Membuat background di tengah:
properties: background-position:center; background-repeat:no-repeat;
kategori:css | diposting tanggal:1/8/2008 4:01:19 AM | klik:1133 kali |komentar:7
Komentar
[47] GADIS LIAR berkata:
kalo ga ada kode *header gimana sobat cara nambahin kodenya
[45] ROBY berkata:
Cara yang lebih spesifik ada ga? Bingung css saya banyak banget tulisan headernya.
Salam kenal.
[38] ZUHANIES berkata:
cara wat baground gmn?????????
[27] EDI berkata:
matur nuwun sharing infonya mas
[19] ZEMS berkata:
waduhh...rumit bangat ubah ukuran header nya biar sesuai dengan monitor komputer. saya sudah coba ubah ukuran tetap aja di timpa debgan tulisan² artikel gua...
gimana sihh biar image header nya sesua dan tidak kena timpa text bawaan blog nya? thx
[18] MEDS berkata:
untuk gambar yang tidak berulang pake properties: background-repeat:no-repeat.
kalau ingin penuh ya sesuaikan ukuran image dengan ukuran div.
[17] MUTTAQIN berkata:
mau tanya gimana ko kita bikin background image (stretch) agar gambar cuma satu dan memenuhi layar dan ngak ber ulang
