Nofie Iman

Setelah sekian lama aktivitas menulis terhenti karena satu-dua hal, akhirnya kini saya coba kembali menulis lagi. Ada beberapa tulisan baru yang sedang dipersiapkan. Tapi, sembari menulis, saya luangkan waktu juga untuk sedikit memodifikasi tampilan website ini agar tidak terlalu membosankan. Tidak banyak perubahan memang, tetapi semoga bisa memberi warna baru yang lebih baik.

Dan selain merubah tampilan website, saya juga sempat iseng memodifikasi tampilan profil Friendster saya. Misalnya, dengan menghilangkan search box, menghapus Google Ads, memberi scrollbar untuk testimonial, dan seterusnya. Dan berikut beberapa contoh kodenya:

Untuk menghilangkan search box di sudut kanan atas:

#search {
margin: -3500px 0 0 0;
}

Menyembunyikan icon flower/birthday:

.bdaycake {
float: right;padding: 0px 0px 0px 0px; width:0px;
font-size: 0px; opacity:.0; filter:alpha(opacity=0); 123:hidden;
}

Menyembunyikan abuse link (pada testimonial):

.abuse a, .abuse a:visited {
text-decoration: none; color: #ffffff;
font-weight: normal; border-bottom: transparent solid 0px;
}
.abuse a:hover {
text-decoration: none; color: #ffffff;
font-weight: none; border-bottom: transparent solid 0px;
}

Membuat footer ads menjadi hidden:

.adHeadline, .adText, .adLink {
filter: alpha(opacity=0); opacity:.00;
height:0px !important; width:0px !important; text-decoration: none;
color: #ffffff; font-size:0px !important; hidden
}

Menyembunyikan adbox:

.center {
google_color_bg = "transparent";
google_ad_width = 1px;
google_ad_height = 1px;
width:0% !important;
height:0% !important;
padding: 0px 0px;
font-size: 0px;
margin: 0;
background-color: transparent;
filter:alpha(opacity=00); opacity:.00;
123:hidden;
}
.fullwidth {
google_color_bg = "transparent";
google_ad_width = 1px;
google_ad_height = 1px;
width:0% !important;
height:0% !important;
123:hidden;
float:right;
margin-left:0px;
margin-right:0px;
padding: 0px;
font-size: 0px;
margin: 0;
background-color: transparent;
filter:alpha(opacity=00); opacity:.00;
}

Menambahkan scrollbar pada testimonial:

div.testimonialbody {
padding: 8px 8px 8px 8px;
overflow: auto; border:1px #666666 solid; height: 150px; width:400px;
}

Memberikan divider berbeda pada testimonial:

.left_column_hr,.left_column_testimonials_add {
background-image:url(YOUR URL HERE); background-repeat: no-repeat;
background-position: center; border-bottom-width:0px;
}

Mau tahu hasilnya? Silakan kunjungi profil saya di sini. Semoga bermanfaat.

Possibly Related:

• Kultus dan Penghambaan
• Bisnis dan Metroseksual?
• 12 Gambar Karikatur Nabi Muhammad SAW
• Vista, Gates, Jobs, dan Apple
• Valerina Daniel Menolak Cinta Saya