Bikin Profile Mu Tembus Pandang

About this entry

Tutorial yang satu ini sangat berguna untuk memperkaya tampilan profile kamu.
caranya cuma satu. hanya mengetikkan kode "opacity:0.7; (0.7 bisa saja kamu ganti sesuai selera, tapi ingat batasanya adalah 0 sampai 1)

contoh:

  • opacity:0.1;
  • opacity:0.2;
  • dst sampai 0.9;
Mau tau cara nerapinnya gk..?? mau.mau.mau..? XD

Ikuti langkah2 berikut ini :
  1. klik edit-->pilih profile settings (pengaturan css yang ada textarea itu loh.)
  2. tentukan bagian mana yg akan kita buat tembus pandang??? sebagai contoh disini saya akan membuat profile box nya tembus pandang..( maksudnya background utama bisa keliatan tanpa mehilangkan background pada profile box.. ngerti kan..:D)
  3. oke sekarang coba kamu cari kode seperti dibawah ini..
/* PROFILE STYLES */

/* Profile Box */
td.profile {
background:url(./profile_css/images/ellie_angel/trans_bg.png);
border-top: 0px;
border-left:1px;
border-right:1px;
border-bottom:1px; /* adjust the width for styling of content borders */
border-color: white;
border-style: solid;
margin-bottom: 0px;
/* padding values to vary the distance between interior element borders and their content */
padding-top: 12px;
padding-right: 22px;
padding-bottom: 12px;
padding-left: 22px;
}

Kalau sudah ketemu.. sekarang tambahkan kode seperti ini : opacity:0.7;

Setelah kode tadi ditambahkan, maka kira2 kodenya akan jadi seperti dibawah ini

/* PROFILE STYLES */

/* Profile Box */
td.profile {
background:url(./profile_css/images/ellie_angel/trans_bg.png);
border-top: 0px;
border-left:1px;
border-right:1px;
border-bottom:1px; /* adjust the width for styling of content borders */
border-color: white;
border-style: solid;
margin-bottom: 0px;
/* padding values to vary the distance between interior element borders and their content */
padding-top: 12px;
padding-right: 22px;
padding-bottom: 12px;
padding-left: 22px;
opacity:0.7;
}

Setelah selesai jgn lupa save..

Selamat bereksperimen... cia..oo

Posting Komentar

 
Home | Free Mp3 | Find Us On Facebook | Free Digli Layouts | © Copyright  2008