Your Ad Here

Tuesday, October 9, 2007

CSS Sembunyikan layout friendster bagian 2

Masih ingatkah kalian tentang posting bagaimana cara menyembunyikan beberapa bagian layout friendster yang tidak terlalu kita inginkan? Nah ini merupakan bagian kedua alias lanjutan dari post tersebut. Layout friendster merupakan tampilan yang banyak diatur lewat kode CSS. Oleh karena itu kode-kode berikut akan menyembunyikan kotak-kotak yang ingin dihilangkan dari tampilan layout friendster dengan menggunakan CSS (bukan js extension loh). Nah langsung aja kita mulai dari cara menyembunyikan kotak foto galery.
Hide Photo gallery box
Sembuyikan Photo Gallery dari layout friendster.
Code :
/* Hide Photo gallery box */
#photos_1_2 {display:none!important;}

Hide More about you box
Code :
/* Hide More about you box */
#moreabout_1_5 {display:none!important;}

Hide Testimonials and commentsSembunyikan kotak testimonial dan comment dari teman2 kamu (buat apa di sembuyikan ya?). Tapi lumayan juga buat ngurangin space di layout friendster kamu, tampilan lay out friendster kamu jadi lebih simple dan elegan.
Code :
/* Hide Testimonials and comments */
#publiccomments_1_7 {display:none!important;}

Hide Your blogs
Code :
/* Hide Your blogs*/
#blogs_1_3 {display:none!important;}

Hide reviews sectionSembunyikan kolom review.
Code :
/* Hide reviews section */
#reviews_1_4 {display:none!important;}

Hide White bar under navigationSembuyikan garis bar warna putih di bawah menu navigasi bagian atas.
Code :
/* Hide White bar under navigation */
#marketing_bg {display:none!important;}

Hide the Home My Profile My ConnectionsSembuyikan navigasi menu utama yang berisi menu Home, My Profile, My Connection.
Code :
/* Hide the Home My Profile My Connections*/
#mainnav {display:none!important;}

Hide Groups Box
Code :
/* Hide Groups Box */
#groups_2_5 {display:none!important;}

Hide Fan of boxSembunyikan aja kolom ini kalo kamu ingin menunjukkan kalo kamu narsis and gak ngefans sama sapa-sapa.
Code :
/* Hide Fan of box */
#fanof_2_4 {display:none!important;}

Hide the whole top navigationSembunyikan seluruh menu atas agar gak nongol.
Code :
/* Hide the whole top navigation */
#navigation {display:none!important;}

Hide the surfer
Code :
/* Hide the surfer */
#surfer {display:none!important;}

Hide hide the divider
Code :
/* Hide hide the divider */
#navdivider {display:none!important;}

Hide Classifieds JobsLagi-lagi sembunyikan iklan
Code :
/* Hide Classifieds Jobs */
.secondary_links {display:none!important;}

Hide your Photo gallery's photos
Code :
/* Hide you Photo gallery's photos */
#content_photos_1_2 .flogriditem {display:none!important;}

Hide your featured friends photosSembunyikan foto-foto dari teman kamu
Code :
/* Hide your featured friends photos */
#content_friends_2_2 .flogriditem {display:none!important;}

Hide about me parapgraphSembunyikan About me.. kalo gak ingin narsis.
Code :
/* Hide about me parapgraph */
.controlpanel p {display:none!important;}

Hide the about me link above recent updates
Code :
/* Hide the about me link above recent updates */
#content_controlpanel_1_1 a.more {display:none!important;}

Hide banner ads on topLagi, sembunyikan iklan.
Code :
/* Hide banner ads on top */
.banner_ad_fix {display:none!important;}

Hide the view all link of boxes like comments, testi, and friendsSembunyikan semua link komentar, testi, dan friends
Code :
/* Hide the view all link of boxes like comments, testi, and friends*/
.commonbox .viewall {display:none!important;}

Hide the headers of all boxSembunyikan semua judul/title di setiap kotak
Code :
/* Hide the headers of all box */
.commonbox h1, .commonbox h2 {display:none!important;}

Hide your featured friends' namesSembunyikan nama-nama teman favoritemu.
Code :
/* Hide your featured friends' names */
#content_friends_2_2 .dr {display:none!important;}

Hide the edit link like edit featured friends and edit reviews
Code :
/* Hide the edit link like edit featured friends and edit reviews */
.commonbox .editlink {display:none!important;}

Hide the arrows of your blogs
Code :
/* Hide the arrows of your blogs */
ul.entries li {display:none!important;}

Hide the photos in your testimonials comments
Code :
/* Hide the photos in your testimonials comments */
#content_publiccomments_1_7 .imgblock75 {display:none!important;}

Hide the shoutoutboxSembunyikan kolom shouutbox kamu
Code :
/* Hide the shoutoutbox */
#cpShoutoutBox {display:none!important;}

Change the div_id for specific box 2 hide the header
Code :
/* Change the div_id for specific box 2 hide the header*/
#div_id .h2 {display:none!important;}

Hide Control panel box headerSembuyikan title/judul di kontrol panel kamu
Code :
/* Hide Control panel box header */
#controlpanel_header {display:none!important;}

Hide the spacer
Code :
/* Hide the spacer */
#shimrow {display:none!important;}

Hide Group updates
Code :
/* Hide Group updates */
#content_groups_2_5 .data {display:none!important;}

Hide the whole profileSembunyikan seluruh profile
Code :
/* Hide the whole profile */
#flo_wrapper, #footer_container {display:none!important;}

Sebaiknya kalian pikir-pikir dulu sebelum menghilangkan satu atau beberapa bagian di layout friendster kamu.

Selamat mencoba.

No comments: