28 July 2007

Back to Nature

Dengan berbagai macam cara yang bisa digunakan untuk meng-hack profile fs, ternyata masih banyak juga yang "nyasar" ke blog ini dengan keyword background fs, fs transparant background, dan lain sebagainya. untuk itu saya memberi judul tulisan ini dengan back to nature, kembali ke cara primitive. saya akan coba menjelaskan beberapa property valid yang memang bisa dirubah dengan css.

Pertama untuk background halaman, anda bisa menggunakan syntax body { } biasa. Menurut pengalaman hingga saat ini biasanya saya hanya menggunakan 5 syntax dasar untuk mengatur background halaman profile friendster. Berikut adalah contoh penggunaannya:


body {

background-color: #000;

background-image: url(http://i205.photobucket.com/albums/bb144/thezaoldyeck/fs/killua.jpg);

background-position: center center;

background-repeat: repeat;

background-attachment: fixed;

}

Background-color tentu saja digunakan untuk menyatakan warna latar halaman, lalu background-image adalah alamat dari file gambar untuk latar. Karena friendster tidak mengizinkan untuk mengupload background berukuran besar, anda perlu mencari "tempat" lain untuk menyimpan gambar background anda. Bagi yang menggunakan photobucket, anda bisa menemukan alamat gambar milik anda di textbox url pada bagian bawah masing-masing gambar.

Lalu background-position digunakan untuk menempatkan gambar latar sebelum di ulang, dan background-repeat adalah adalah "alat" pengatur pengulangan gambar latar tadi, syntax ini bisa diisi dengan repeat, repeat-x, repeat-y, dan no-repeat. Dan terakhir background-attachment menyatakan apakah gambar latar akan ikut tergulung ketika halaman di-scroll atau tidak, dan tentu saja nilainya bisa diganti dengan scroll ataupun fixed.

Hal kedua yang sering dicari orang adalah cara mengganti background dari tiap-tiap panel yang ada di profile friendster. Untuk itu anda bisa menggunakan kode yang hampir sama dengan diatas dengan sebelumnya mengganti selector body dengan .commonbox ataupun .controlpanel. Namun yang perlu diperhatikan adalah, syntax-syntax css panel yang berhubungan dengan background hingga saat ini yang diizinkan hanyalah background-color yang bisa diisi dengan kode warna ataupun transparent. Dan bila anda ingin membuat panel berlatar belakang gambar, maka anda harus menggunakan teknik CSS Injection.

No comments:

Post a Comment