Mengganti background warna menjadi image/gambar

Mengganti background warna menjadi image/gambar

Untuk mengganti background warna menjadi image

Pertama kita cari bagian mana yang akan diganti. Untuk contoh kita akan mengganti background header,maka kita cari kode header.
Contoh:
#header-wrapper {
background:$titleBgColor;
margin:22px 0 0 0;
padding:8px 0 0 0;
color:$titleTextColor;
}
Kita bisa mengganti kode bacground dengan
background: url("http://linkimage") ;
akan menjadi seperti ini

#header-wrapper {
background: url("http://linkimageanda") ;
margin:22px 0 0 0;
padding:8px 0 0 0;
color:$titleTextColor;
}
Untuk http://linkimageanda adalah gambar yang sudah di jadikan link untuk background
contoh: http://catur.pramono.googlepages.com/bullet_drk_arr.gif
keterangan:
1. background: url("http://linkimageanda") ; gambar background mengisi di semua halaman
2. background: url("http://linkimageanda") no-repeat left top; gambar background berada di sebelah kiri atas
3. background: url("http://linkimageanda") no-repeat left bottom; gambar background berada di sebelah kiri bawah
4. background: url("http://linkimageanda") no-repeat right bottom; gambar background berada di sebelah kanan bawah
5. background: url("http://linkimageanda") no-repeat right top; gambar background berada di sebelah kanan atas
6. background: url("http://linkimageanda") repeat-x right top; background mengisi dari sebelah kanan atas ke kiri (vertical)
7. background: url("http://linkimageanda") repeat-y right top; background mengisi dari sebelah kanan atas kebawah (horizontal)
8. background:$titleBgColor url("http://linkimageanda"); no-repeat left top; gambar background berada di sebelah kiri atas dengan background warna $titleBgColor(kode warna di edit di variable definitions)

Masih banyak kode background lainya anda bisa mengutak utik berdasarkan intelgency anda