Tutorial CSS, Bacground di Header

Wednesday, March 12, 2008

Bila 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, pertama dengan langsung di taruh, dengan tag IMG, dan yang kedua bisa dijadikan latar belakang.Untuk menambah latar belakan image pada header lakukanlah hal sebagai berikut:pada css style, buat properties untuk headermisalnya:#header{padding:10px;background-image:url( alamat file ); background-repeat:no repeat;} Perhatikan, ukuran file gambar, kalau ingin lebih 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.

Posted by pdi at 13:58 PM