Tuesday, December 21, 2010

Cara Kurangkan Opacity Gambar

Serius haku tak tahu apa nama yang sesuai untuk tutorial ni T___T Ok, tapi biar saya explain. Kalau awak guna Chrome or Mozilla, awak nampak tak menu kat atas ni warna kelabu kan? Then bila awak hover, baru warna terang kan? Okay, tu nama dia opacity. Hihi atau dalam BM, ketelapan :p

Untuk buat awak punya gambar jadi macam tu, u need to add this code:


<img border="0" src="url gambar" style="opacity: 0.4; " onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" />
Yang 0.4 tu korang boleh ubah ikut suka. Try and error jelah. Hihi.. Aku rasa kalau nak letak code ni untuk gambar entry, tak perlu kot sebab leceh nak edit code gambar. Tapi kalau nak buat untuk gambar sidebar, okeh kot. Hehe selamat mencuba :D

p/s: Pls, kalau ada nak request tutorial atau tutorial tak menjadi, pls formspring me or contact kat my frenpage. Jgn bagitahu kat chatbox sbb risau terlepas pandang. TQVM :)

Testing :D Eh haku kat tengah tau2. Ekeke ;)



2 comments:

Related Posts Plugin for WordPress, Blogger...