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
Tuesday, November 6, 2007
Mengganti background warna menjadi image/gambar
Diposting oleh
CATOER
di
12:53 AM
Subscribe to:
Post Comments (Atom)






































































3 komentar:
terima kasih atas tipsnya.
terima kasih atas tipsnya. salam kenal
mas....
minta nmr hp dunk...!!
saya ingin belajar lebih jauh ke mas....!!
pliss... ajarin aq ya,,,!!
aq hanyalah ank sma yang blom tw dunia blog....
Post a Comment