Jumat, 20 September 2013 - 08:47:20 WIB
Tips cara agar background di web gak berubah (FIXED BACKGROUND)
Diposting oleh : Administrator
Kategori: Tips dan Triks - Dibaca: 11569 kali

Membuat background website kita tidak bergerak walaupun kita scroll halaman web kita kebawah, posisi background tetap tak berubah, contohnya adalah di web ini, coba kalian perhatikan background yang ada dibagian kanan dan kiri, sekarang coba kamu scroll kebawah halaman blog itu, posisi tidak berubah kan?, itulah yang para Master bilang FIXED BACKGROUND. (saya yang newbie mah ngikut aja apa kata para master)

Nah bagaimana si cara membuat Fixed Background itu bisa digunakan di web kita, ok deh kita coba yuk..

Pertama2 cari source bg atau background , coba kalian cari tulisan ini

body {
background:$bgcolor url(http://atosugiarto.com/background.JPG) top center no-repeat ;


jika ketemu, ubah code tersebut menjadi seperti ini

body {
background:$bgcolor url(http://atosugiarto.com/background.JPG) top center no-repeat fixed;



penjelasan :
url(alamat web gambar) = menunjukan gambar apa yang akan ditampilkan
no-repeat = gambar tersebut diset untuk tidak mengulang tampilannya, jadi cukup 1 gambar tidak gambar 1 muncul berulang2.
top center = posisi gambar ada dibagian atas.
fixed = gambar tidak bergerak dari posisinya.

kira2 penjelasan newbienya seperti itu

Yup hanya seperti itu, sekarang simpan setting kalian dan cek web kalian.

ps: untuk mengubah backgroundnya, kalian tinggal ganti alamat http://atosugiarto.com/background.JPG


BERITA TERKAIT




0 Komentar via Website :



Isi Komentar :
Nama :
Website :
Komentar
 
 (Masukkan 6 kode diatas)