BlogEklentinK

Bloggere Resimleri Soluklaştırma Efekti Ekle

Kod Önizleme

Demo

Kumanda paneli ➜ Şablon ➜ HTML'yi düzenle yolunu takip ederek blog kodlarımızın açık halde bulunduğu modüle gidin, hemen ardından Widget Şablonlarını Genişlet seçeneğini seçip Ctrl ve F tuşlarına aynı anda basarak, açılan arama formunda ifadesini aratın. Bulunan kodumuzun üzerine aşağıdaki kodlarımızı ekleyin.

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

Şablon ile işimiz bitti. Şimdi ise soldurma efektini resimlere nasıl uygulayabileceğiz onu sizlere anlatacağız.

 <a class="linkopacity" href="Yönlendirilecek adres linkiniz" target="_blank" alt="Resim açıklaması">
<img src="Resim URL adresi" /> </a>