KUVAN TUMMENEMINEN HAALEASTA

Tällä koodilla blogisi kuvat tummenevat kun kuvan päälle siirtää hiiren. Myös bannerin ja gadgettien kuvat haalenevat!Mutta mennään asiaan! Tässä koodaus ohjeet:

1)Menet ensiin osioon Malli--> Muokkaa HTLM-koodia
2)Paina CRLT & F, kirjoita hakuun </head>
3)Sitten kun löydät oikean kohdan, kopioi alla oleva koodi sanojen </head> ja </body> väliin.

KOODI:

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js'/>

<script type='text/javascript'>

$(document).ready(function() {

$(&#39;img&#39;).fadeTo(&#39;slow&#39;, 0.5);

$(&#39;img&#39;).hover(function() {

$(this).fadeTo(&#39;slow&#39;, 1.0);

}, function() {

$(this).fadeTo(&#39;slow&#39;, 0.5);

});

});

</script>

Jos tämä ei toimi blogissasi kokeile tätä:

1) Malli--->Mukauta--->Lisäasetukset--->lisää CCS.

2)Kirjoita edessäsi olevaan CCS-laatikkoon alla oleva koodi.

img { filter: alpha(opacity=80); opacity:.80; -webkit-transition: all .3s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .3s ease-out;}

img:hover { filter: alpha(opacity=100); opacity:1.0; -webkit-transition: all .9s ease-out; -moz-transition: all .6s ease-out; -o-transition: all .6s ease-out; transition: all .7s ease-out;}