Memodifikasi Tampilan Testimonial

Posted: 12 Februari 2009 in internet
Tag:

tapa-bromoBerikut ini kode yang mungkin kamu butuhkan untuk mengubah huruf testimonial, tanggal, dll.

Masukkan saja kode berikut kedalam CSS Box kamu.

/* STYLES FOR TESTIMONIALS */
/* #1 */
.left_column_testimonials_content a strong,
.left_column_testimonials_content a:active strong,
.left_column_testimonials_content a:visited strong,
{ font-size:10px; color:#000000 !Important; font-weight:normal;
font-style:normal; text-decoration:underline; }
.left_column_testimonials_content a:hover strong,
{ font-size:10px; color:#000000 !important; font-weight:normal;
font-style:normal; text-decoration:overline; }
/* #2 */
.left_column_testimonials_content .date
{ font-size:10px; color:#000000 !important; font-weight:normal;
font-style:normal; text-decoration:none; }
/* #3 */
.left_column_testimonials_content
{ color:#000000 !important; }
/* #4 */
.testimonialbody
{ font-size:10px; line-height:normal; border:none; color:#000000;
font-weight:normal; font-style:normal; text-decoration:none; }

Kode diatas berisi 4 bagian :

Bagian #1 mengontrol tampilan nama temanmu. Saat normal atau saat ada mouse diatasnya.
#2 untuk tanggal testimonial
#3 untuk warna divider antara nama dan tanggal
dan #4 untuk text testimonial.

Kamu juga bisa menempatkan kotak yang bisa discrolling pada testi. Caranya, tambahkan kode ini di bawah kode diatas :

/* TESTIMONIALS SCROLLINGBOXES */
div.testimonialbody{padding: 5px 2px 5px 2px;
overflow: auto; border:1px black solid; height: 80px; }

Untuk height bisa kamu ubah tingginya sesuka hati, misalnya 100px, 200px, dsb.

Ini ada kode lain yang bisa digunakan untuk memasang scroll pada testimonial box :

/* SCROLLABLE TESTIMONIALS BOX */
#testimonialsContent{height:250px; overflow:auto;}

Smonggohhh dicoba coba sendiri yach….:-)

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s