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

purplekyu^_^ said...

singgah sni juga^^...
oh...ade buat tutorial ye...

Wan_hazel said...

Gayahspears

wan ade ajar tuto wat banner bkelip2..tgk je kat side tutorial tu...huhuhu..

Wan_hazel said...

purplekyu^_^

hehehe...a ah..tengs ya

DaWia HoNeypUtRi said...

Salam..
wan dah jumpa :)
tenkiu so much


^^

Wan_hazel said...

dawia..

welkam2...selamat mencuba

faizah nadia said...

gune direct link or html ? reply at my cbox yaww ! www.superkanakkanak.blogspot.com

Wan_hazel said...

faizah nadia

dua2 pun bleh gak...guna direct link ok g..peace..tgk lah mane yg bleh..

kengi said...

macam mana nak buat bila cursor sentuh gambar ,effect terang dia lambat . contoh macam gmbr yg abg wan guna kat pic tu . :)

Wan_hazel said...

kengi

tutorial dia lah nie...hehehe

♥ naurahbaitiahmadisa ♥ said...

tak nak gne hyperlink cane ?

Wan_hazel said...

kene gak..law tak camne nak letak kod..

umMie said...

wan lawnak ltak kat post plak camne??

Wan_hazel said...

umMie

ok..law nak letak kat post..kene wat satu2,,,macam biasa gak wat..tambah class='linkopacity' dalam gambar tu k..

~Princess Tieyka~ said...

Nak bwat...
Tapi leceh la...
:(

Wan_hazel said...

~Princess Tieyka~

hehehe..kene byk bsabar law nak wat k

SUCI KUDUS said...

trick ni pun meletop sangat... tgh try2 kat my blog..
huhu..
thanks wan.................

Wan_hazel said...

welkam...peace

misS FEeza macho ! said...

ERR

KALAW kt dalam post cmne lakk ?? =="

Wan_hazel said...

erm..law kat entri lak..wan tak taw...sowie..

misS FEeza macho ! said...

saye da wat kat post ..

tp kan tp kan

dye tak gelap dye terang gila ...

Wan_hazel said...

misS FEeza macho !

erk nape die terang giler???opacity dia betul ke??

misS FEeza macho ! said...

entohh laahh

Wan_hazel said...

wan pun tak taw..koz law dlm entri wan memang tak taw...ehehhe..koz tak pernah wat kodding utk posting lagi