Breaking

LightBlog

16 Desember 2008

Ngedit CSS Friendster

Memang asik bermain-main dengan friendster, selain kita bisa mencari teman baru ataupun teman yang lama ga’ ketemu dan berkomunikasi lewan social network satu ini, kita juga bisa ngotak-ngatik CSS. Dengan CSS ini, kita bisa ngerubah background, font, style masing-masing box, warna, dan lain-lain.. supaya lebih ajiiiiippp dilihat gitu..!!

Untuk mendapatkan code CSS, kamu bisa lihat di friendster-layouts , pimp-my-profile, atau yang lainnya.. lalu copy-kan di box Customize CSS profile friendster kamu.

<--- Ganti Background --->

Hal pertama harus anda miliki untuk mengganti background friendster kamu adalah URL atau alamat image yang mau dijadiin background. Misal { http://alamatweb.com/namaimage.jpg }. Kalau kamu mau pake gambar milik kamu sendiri { misalnya foto kamu, atau photo pacar kamu }, upload gambarmu ke website kamu { bisa juga pake gambar yang ada di album fs kamu kok.. } atau website penyedia image hosting { misal : photobucket, blinkyou, flickr, imageshare, imageshack, esnips, tinypic, imagehosting, dll } kemudian copy image url-nya ato klik kanan pada gambarnya, pilih ‘Copy Image location‘ Setelah dapat gambarnya, masuk ke edit profile-customize, masuk ke bagian Customize CSS,

Cari kode background-image: url();

Ganti properties url-nya dengan URL gambar kamu, paste alamat gambar ke dalam tanda kurung. Kemudian save.Mudah kan..?? usahain ukuran gambarnya 1024 x 768 px..!!

background-attachment: fixed;

Dengan perintah ini, gambar akan diam. Maksudnya, gambar tidak ikut pergi keatas saat di scroll.

background-position: top left;

Dengan perintah ini, posisi gambar ada di kiri atas. Jika kita ingin gambar berada tepat di tengah, maka ganti dengan center center.

background-repeat: repeat-x;

Dengan perintah ini, maka gambar akan di-ulang-ulang menurut posisi diagonal. Jika ingin diulang secara vertikal, gunakan repeat-y, atau jika ingin gambar tidak di-ulang, dan cuma ada satu, tepat di tengah, gunakan no-repeat dengan kombinasi background-position: center center;

background-color: transparent;}

Dengan perintah ini, kamu bisa mengganti warna background. Jika warna gambar background anda hitam, agar sesuai, ganti juga background-color: transparent; menjadi background-color: #000000; atau #FFFFFF untuk putih.

<--- Ganti kursor --->

Untuk ganti kursor, tinggal ganti value-nya.. pilihan value-nya :
Crosshair
Pointer:cursor:hand
Move
e-resizene-resize
nw-resizen-resize
se-resizes-resize
w-resizewait
helptext

kamu juga bisa ganti kursornya dengan kursor yang lucu-lucu, aneh-aneh, de-el-el…
Cari kode berikut :

cursor: url("http://alamatweb/namakursor.cur");

ganti alamat kursor di atas (teks warna biru) dengan alamat kursor yang kamu punya.
{ cara kerjanya sama seperti pada upload gambar background }

<--- Ganti text --->

Cari kode berikut :

body {
font-family: Trebuchet MS, sans-serif;
font-size: 14px;
}

ganti nama font yang berwarna biru tersebut dengan font yang ingin kamu gunakan..

Semoga bermanfaat, Selamat mencoba….

Tidak ada komentar:

Adbox