Tutorial: Image opacity.

hyee, yana nk buat tuto nie,,  Sebab ade orang requestt, kalo ikutkan malas nk buat tpi dh ade orang request so yana buat, jom buat :D

Image opacity 1
jadi pudar apabila sang cursor menyentuh.

1Dashbourd -> Design-> Page element-> Add gadget-> Html/javascript.

2.Copy code dibawah:

<style>
/* ----- Image opacity effect 1 ----- */
.post a img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0;
}
.post a:hover img {
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;
}
</style>

3.pastekan di Html/javascript tadii.

Image opacity 2
pic yang terang akan jadi jelas semula apabila cusor menyentuh

1Dashbourd -> Design-> Page element-> Add gadget-> Html/javascript.
2.Copy code dibawah:

   <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>

3.pastekan di Html/javascript tadii.

okey siap, korang hanya boleh plih salah satu jeee. TAK BOLEH ambik dua, okeyy ^_^ selamat mencubaa

credit: sini