Custom Mini Profile

Hmm.. Dalam kesempatan ini, saya ingin memberi tips untuk meng-custom mini profile. Tidak tahu bagian yang dimaksud? Ini dia yang saya maksud:

[sebelumnya, mohon maaf pada korban screenshotnya]



Nah.. Mungkin untuk sebagian orang ada yang bertanya, "Bagaimana merubah bagian itu (alias mini profile)?"

Caranya, edit dan tambahkan kode berikut pada CSS Anda.

1. Background mini profile [by default]

table.miniprofilebodytable {

background-color:#EEEEEE;

border:1px solid #D7D9DD;

}

Pada bagian background, Anda bisa mengganti warnanya sesuai selera. Atau agar memberi kesan lebih, anda dapat menggantinya dengan gambar, menjadi background: url(INSERT_URL); .

2. Bag. relationship [by default]

div#miniprofile_div {
color:#FFFFFF;
}

Warna sesuaikan dengan kebutuhan, sebaiknya tidak bertabrakan dengan warna background.

3. Address [by default]

div.address {
color:#999999;
margin-bottom:2px;
}

Warna sesuaikan dengan kebutuhan, sebaiknya tidak bertabrakan dengan warna background.

4. Link [by default] + hover

div#miniprofile_div a, div#miniprofile_div a:visited, div#miniprofile_div a:link {

color:#0B5EB4;

font-family:Arial,sans-serif;

text-decoration:none;

}

[+] Sebetulnya sebelumnya tidak ada optional hover, namun Anda bisa menambahkannya seperti dibawah ini.

div#miniprofile_div a, div#miniprofile_div a:hover {
color:#CC0000;
}

Warna sesuaikan dengan kebutuhan, sebaiknya tidak bertabrakan dengan warna background.

---

Sekian tutorial dari saya. Mohon maaf apabila tutornya tidak dimengerti, karna saya masih dalam tahap belajar

Semoga bermanfaat.