06 July 2007

Friendster Layout Hack

Bila sudah mempelajari cara memasukan kode CSS secara "ilegal" kedalam account friendster anda, maka kini saatnya untuk belajar membuat file CSS-nya itu sendiri. Karena dengan cara ilegal ini tidak ada batasan untuk mengupgrade halaman profile anda, maka anda perlu mengetahui property-property apa saja yang perlu dirubah. Karena sangat banyak yang bisa anda modifikasi, maka saya tidak bisa membahasnya secara keseluruhan, untuk itu saya sarankan anda membaca source code dari halaman profile anda sendiri.

Kita akan mulai dari bagian header, yaitu elemen yang berada paling atas dari elemen-element lainnya. Di bagian ini pula ditempatkan logo friendster, search form, menu navigasi utama, serta link classifields milik friendster. Berikut adalah property-property yang berhubungan dengan header halaman profile friendster anda, berikut penjelasan singkatnya.



/* elemen tertinggi di bagian header */

#navrow { }



/* elemen dibawah #navrow, didalamnya berisi form search, link navigasi, logo fs, dan lainnya */

#navigation { }



/* logo friendster */

#logo { }



/* form search */

#Search { }



/* menu navigasi tambahan */

#subnav { }



/* menu navigasi utama */

#mainnav { }



/* menu utama kiri */

.primary_links { }



/* menu utama kanan */

.secondary_links { }



/* pemisah antara menu utama yang satu dengan yang lainnya */

.primary_links span { }



/* pemisah antara baris menu utama dengan baris link classifields */

#navdivider { }



/* baris tempat link classifields */

#marketing_bg {}



Semua property tersebut bisa anda berikan kode css apa saja agar tampilan profile anda menjadi mengagumkan, termasuk menghilangkan salah satu atau beberapa bagian yang tidak anda inginkan. Contohnya, untuk menghilangkan logo friendster, anda bisa menggunakan kode dibawah ini.




#logo { display: none; }

Property-property yang saya tulis diatas hanyalah yang berhubungan dengan header halaman profile anda, jadi untuk menghasilkan tampilan yang jauh lebih baik dan menyeluruh, anda masih harus banyak belajar lagi, membaca source codenya, dan terutama, sering-sering lah mampir ke blog ini. (^_^)

No comments:

Post a Comment