Wadah Madrasah Pengalaman: Tutorial kurangkan Opacity gambar...Gelap akan terang bila cursor menyentuh gambar

Thursday, September 16, 2010

Tutorial kurangkan Opacity gambar...Gelap akan terang bila cursor menyentuh gambar

Cursor tidak menyentuh gambar

Cursor menyentuh gambar

Salam korang..

Hari nie Wan nak kongsikan camne nak wat Gambar gelap bertukar terang bila cursor menyentuh gambar korang...

Senang je..

Jum Tutorial

CTRL+C serentak untuk copy

Korang copy je kod kat bawah nie..lepas tu paste dekat mane mane bahgian blog korang nak letak gambar korang tu...

Kod
-------------------

<style type='text/css'>
a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }
</style>

<a class='linkopacity' ><img border="0"width="200" height="280" src="LETAK KOD GAMBAR KAT SINI" /></a><br />

------------------

width="200" height="280" korang boleh ubah size ekot kesesuaian gambar korang k

LETAK KOD GAMBAR KAT SINI korang letak lah kod gambar korang kat situ k...

Tu je.

Selamat Mencube

.

24 comments:

Gayahspears said...: haha.. ajar aku wat banner ja :P nih aku da tau.. tp xde la pndai sgt cam ko wan :P; September 17, 2010 at 12:36 AM
purplekyu^_^ said...: singgah sni juga^^...
oh...ade buat tutorial ye...; September 17, 2010 at 3:35 AM
Wan_hazel said...: Gayahspears

wan ade ajar tuto wat banner bkelip2..tgk je kat side tutorial tu...huhuhu..; September 17, 2010 at 9:18 AM
Wan_hazel said...: purplekyu^_^

hehehe...a ah..tengs ya; September 17, 2010 at 9:19 AM
WieyaRaudzi ♡ said...: Salam..
wan dah jumpa :)
tenkiu so much

^^; October 10, 2010 at 1:38 PM
Wan_hazel said...: dawia..

welkam2...selamat mencuba; October 10, 2010 at 1:47 PM
faizah nadia said...: gune direct link or html ? reply at my cbox yaww ! www.superkanakkanak.blogspot.com; November 20, 2010 at 2:27 PM
Wan_hazel said...: faizah nadia

dua2 pun bleh gak...guna direct link ok g..peace..tgk lah mane yg bleh..; November 20, 2010 at 5:49 PM
kengi said...: macam mana nak buat bila cursor sentuh gambar ,effect terang dia lambat . contoh macam gmbr yg abg wan guna kat pic tu . :); December 13, 2010 at 5:58 PM
Wan_hazel said...: kengi

tutorial dia lah nie...hehehe; December 13, 2010 at 7:57 PM
Nauraahhh ✌️ said...: tak nak gne hyperlink cane ?; December 20, 2010 at 11:49 PM
Wan_hazel said...: kene gak..law tak camne nak letak kod..; December 21, 2010 at 5:24 AM
umMie said...: wan lawnak ltak kat post plak camne??; December 25, 2010 at 8:30 AM
Wan_hazel said...: umMie

ok..law nak letak kat post..kene wat satu2,,,macam biasa gak wat..tambah class='linkopacity' dalam gambar tu k..; December 25, 2010 at 8:55 AM
Anonymous said...: Nak bwat...
Tapi leceh la...
:(; January 22, 2011 at 2:21 PM
Wan_hazel said...: ~Princess Tieyka~

hehehe..kene byk bsabar law nak wat k; January 22, 2011 at 3:13 PM
SUCI KUDUS said...: trick ni pun meletop sangat... tgh try2 kat my blog..
huhu..
thanks wan.................; February 17, 2011 at 8:41 PM
Wan_hazel said...: welkam...peace; February 17, 2011 at 9:22 PM
feeza macho said...: ERR

KALAW kt dalam post cmne lakk ?? =="; February 18, 2011 at 7:13 PM
Wan_hazel said...: erm..law kat entri lak..wan tak taw...sowie..; February 18, 2011 at 8:13 PM
feeza macho said...: saye da wat kat post ..

tp kan tp kan

dye tak gelap dye terang gila ...; February 18, 2011 at 8:50 PM
Wan_hazel said...: misS FEeza macho !

erk nape die terang giler???opacity dia betul ke??; February 18, 2011 at 9:10 PM
feeza macho said...: entohh laahh; February 19, 2011 at 11:52 AM
Wan_hazel said...: wan pun tak taw..koz law dlm entri wan memang tak taw...ehehhe..koz tak pernah wat kodding utk posting lagi; February 19, 2011 at 11:53 AM