cara membuat baground blog dengan gambar
body {
background: #18E115;
…….
…….
}
background: #18E115;
…….
…….
}
background:#cccccc
url(http://2.bp.blogspot.com/latar.jpg) fixed repeat-y center top;
- #cccccc bisa saudara ganti dengan kode hex warna apa saja
- http://2.bp.blogspot.com/latar.jpg bisa saudara ganti URL gambar apa saja
- fixed bisa saudara hapus jika ingin gambar ikut naik turun saat halaman scrolled
- repeat-y bisa saudara ganti dengan no-repeat, jika tidak ingin ada pengulangan. Bisa juga diganti dengan repeat-x jika ingin pengulangan hanya terjadi sepanjang sumbu x saja (horizontal). Atau anda juga bisa hanya menggunakan repeat jika ingin gambar latar diulangi mendatar dan vertikal (tile mode).
- center top bisa anda ubah menjadi left top atau right top, tergantung titik acuan awal dari gambar yang anda inginkan
body{background:url(http://2.bp.blogspot.com/_wnULV7UHiXY/TSOhgPOpqXI/AAAAAAAAAH8/dC7uwZp1HA0/s1600/t28_blue_background.jpg
);background-position:top left;background-repeat: ;
Gambar tersebut juga dapat diatur agar ketika di scroll ke
bawah, gambar menjadi tetap dan tidak berubah. Syaratnya ukuran gambar harus
memiliki panjang vertikal minimal 860px. Contoh : 1160 x 880, 600 x 880, 1400 x
880. Caranya tinggal kamu rubah kata repeat-x; menjadi repeat-x
top left fixed;
Categories:
0 komentar:
Posting Komentar