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….
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….

No comments
Silahkan isi komentar Anda..!