opacity effect on image

Friday, March 11, 2011

assalamu'alaikum w.b.t.

a very short entry for the day i shall say . as you can see almost all of the images in my entries are somewhat faded . however , upon mouse-over , the fading effect automatically begone . here is the simplest way that you can do so:

go to 
DESIGN / PAGE ELEMENTS / ADD A GADGET / HTML JAVA SCRIPT

and paste the following code:


<style>

/* ----- Image opacity effect 2 ----- */

.post a img {

filter:alpha(opacity=50);

-moz-opacity: 0.5;

opacity: 0.5;

-khtml-opacity: 0.5;

}



.post a:hover img {

filter:alpha(opacity=100);

-moz-opacity: 1.0;

opacity: 1.0;

-khtml-opacity: 1.0;

}

</style>

the only thing of importance is to place this code above your entries section . 

you can either choose to make yours like mine or vice versa . you have just got to play around with the opacity figures . you can try first and if anything feel free to ask me here . 

all the best and may you succeed . 


16 heart throbbing words:

CahayaCintaIlahi said...

hehe ok tanx for his tuto :))

sarah mohamad said...

best. dapat kurangkan load gambar.

.:|kamaryeah|:. said...

@CahayaCintaIlahi
no problem dear~
glad u like it~

.:|kamaryeah|:. said...

@sarah mohamad
true~
mmg blh ringankan~

Fantastic Ajane said...

hi tq 4 d tutorial. been a while looking for this kind of stuff..:)

.:|kamaryeah|:. said...

@Fantastic Ajane
glad that you find it useful~
thanks again~

sayanakhiburan said...

nice info... Hehehe

Koleksi Gambar-Gambar Seks Secara Terbuka

.:|kamaryeah|:. said...

@sayanakhiburan
thanks~

Izzuddin Fauzi said...

sy pakai tau kod nie :D

my etech9[dot]com

.:|kamaryeah|:. said...

@Izzuddin Fauzi
sila2~
thanks sudi nk guna pakai~

BlackStar said...

tq fot da tutorial !
love it ! =)

.:|kamaryeah|:. said...

@BlackStar
glad that you love it~
great~
thanks BlackStar

padin said...

perkongsian yang menarik nih, hehee emm cantik header Mar,

.:|kamaryeah|:. said...

@padin
thanks padin~

caca said...

thanks. sudah buat :)

.:|kamaryeah|:. said...

@caca
hee~
thanks dear~

 

copyright© 2010 kamaryeah tajuddin
all rights reserved