"SİTENİZİ EFEKTLERLE DONATIN
ZİYARETÇİLERİNİZİ BÜYÜLEYİN!"

Bir resim galerisi ya da tek bir resim için etkileyici bir efekt kullanmak ister misiniz? Aşağıdaki kodu Head bölümüne ekleyerek, fare ile üzerine gelindiğinde saydamdan belirgine dönme efektini sitenizde kullanabilirsiniz.

<style type="text/css">
/*<![CDATA[*/

/* Site Efektleri */

 

.transparenz {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
opacity: .6;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
filter: alpha(opacity=60);

 

}

.transparenz:hover {
opacity: 1.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);

 

}

/*]]>*/
</style>


Bu kodu da bir Bileşenler / HTML öğesinin içerisine kopyalayıp, siteniz üzerindeki herhangi bir yere taşıyabilirsiniz.

 

<a href="http://Jimdo.com/"><img class="transparenz" src="http://u.jimdo.com/www52/o/s2ba029df7f23bf1c/img/i0a10db6cdf020023/1350304461/std/image.jpg" alt="" width="320" height="185" /></a>

 

Bağlantı kısmını (mavi işaretli) kendi bağlantınızla değiştirebilirsinz. Eğer bağlantı vermek istemiyorsanız şu kısmı silmeniz yeterli:

 

<a href="http://Jimdo.com/">


Resim bağlantısını değiştirerek (kırmızı işaretli) kendi resimlerinizi kullanabilirsiniz.

 

Resmin ebatlarını (yeşil işaretli) ilgili alanları değiştirerek belirleyebilirsiniz. Eğer bu alanlar silinirse otomatik olarak resmin orjinal ebatları kullanılır.

Comments: 0