Membuat Profile Box Digli Menjadi Transparan

Setelah menunggu..lama..akhirnya gua sempatkan juga buat tutorial ini.hh
demi kawan-kawan semuah...xixixi(jgn lupa kunjungi sponsor gua yach)

ok..kita mulai dari mana ya,,, mhhhhh...???

baiklah kawan-kawan ...

pertama tama login dulu..(Kemanah??).. ya ke digli dunk.. kemana lagi coba???
udh login.. masuk ke profile settings..
klu ada yg blom tau dimana ituh profile setting.
silahkan liat inih. atau lihat gambar dibawah ini


sekarang anggap saja kita sudah berada di profile settings.

kemudian akan tampil textarea seperti dibawah ini:

sekarang cari kode dibawah ini :

/* PROFILE STYLES */

/* Profile Box */
td.profile {
background: url(http://www28.indowebster.com/8e777315d0e7739a196694e51b21ff8a.gif);
border-width: 0px; /* adjust the width for styling of content borders */
border-color: #444444;
border-style: dashed;
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;
}


untuk membuat profile box menjadi transparan tidak lah sulit... cuma butuh kesabaran dan ketelitian sajah...

ok.. kita mulai ya..

Untuk font yang dicetak merah... itu adalah background profile box.. Nah sekarang kita akan mencoba membuat profile box menjadi transparan... caranya cukup mudah koq.. perhatikan kode dibawah ini:

background: url(http://www28.indowebster.com/8e777315d0e7739a196694e51b21ff8a.gif);

cukup ganti saja yg tulisan yg merah diatas.. menjadi..

background:transparent;

that's it...?? ya itu sajah..


Nah sekarang kita buat deh bordernya...biar gimana gitu.xixixi:))
liat kode dibawah ini :

border-width: 0px; /* adjust the width for styling of content borders */
border-color: #444444;
border-style: dashed;

• border-width itu untuk ukuran bordernya ato ketebalanbordernya.. misalnya 2px, 1px.. ato 100px juga boleh.. tapi siap2 aja profile lu dikubur sama border yg sege itu ..hahahahah:))
• border-color itu untuk warna dari border yang tadi.. tau dunk,, (cape' deh klu sampe gk tau)
• untuk border-style.. ada beberapa style untuk border.. antara lain.. solid, dashed, groove, double, hidden, inherit, inset, outset, ridge, solid.. itu sajah.. gk ada lagi kayaknya.. jd kamu tinggal rubah ajah deh sendiri gaya border kamuh.. okeh... tau kan..
  

sebenarnya sih.. kode diatas bisa di jadikan satu baris...

caranya ginih.. misalnya..

border: 3px outset #FFFFFF; (singkat bukan)

kalau soal border-top, border-left , bottom ato right.. laen hal lagi.. so..


untuk tutorial membuat profile box transparan saya cukupkan sampai disinih dulu.. kawan2...

ngantuk neh.. (udha jam setengah dua dinihari)

lagi ngalong neh gw.. demi kawan semuah..

jgn lupa.. klu anda suka dengan tutorial saya.. ato pun layout2 saya.. tolong mampir jg di sponsor ato iklan saya.. demi kelangsungan hidup saya..hiks... plis deh.. okeh..