Görsellere Kodla Donuk Efekti Verin
![Görsellere Kodla Donuk Efekti Verin](https://www.omerburakozdemir.com/wp-content/uploads/2011/06/kodla-donuk-efekt.jpg)
Uzun süredir yazmayı düşündüğüm konulardan biriydi. Sonunda bugün yazabildim.
Nedir bu donuk efekt?
Bir çok web sitesinde görmüşsünüzüdr.Resim önce saydamdır yani donuk bir hali vardır fakat; fare ile üzerine gelince asıl renigini alır.
Bu olayı Blogdaşlar kısmındaki 32*32 lik logolar kısmında da görmek mümkündür.Ona benzer örneklerle de karşılaşmışsıznıdır.İşte 2 adımda siz de sayfanızadaki resimlere bu şekilde donuk efekti ile gösterebilirsiniz.
Sizlere olayı daha iyi anlatabilmek için örnek bir resimle,önce-sonra şeklinde gösterdim.
![saydamlik](http://www.omerburakozdemir.com/wp-content/uploads/2011/06/saydamlik.jpg)
Resimlere Donuk ya da Saydam Efektini Nasıl Verebilirim ?
-
İlk Adım:
Önce temanızın style.css dosyasının en altına aşağıda vermiş olduğum kodları yapıştırıyoruz.
[php] 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; }
[/php]
- Sonraki Adım:
Şimdi sadece resimimzin linkini kodun içine yerleştirmek kaldı.İstediğiniz resime aşağıdaki kodu kullanarak yukarıda anlatılan efekti verebilirsiniz.
Bu kodu aynı zamanda logo değişimleri (32*32) için de kullanabilirsiniz.
<img src="Resminizin Linki" alt="Resim açıklaması" height="50" width="50"></a>
[/php]
Açıklama: height yükseklik width ise genişlik demektir.Bunların karşısında yer alan 50 rakamını değiştirerek resminizi istediğiniz boyuta sokabiliriz.
Hepsi bu kadar.Takıldığınız yerleri sorabilirsiniz.
Esen kalın=)
Gayet başarılı bir çalışma olmul ömerim 🙂
Bu arada niye benim maskotu reklam ediyon len :@
Sağolasın.Abi senin maskot her yerde geziyordu.Zor bulunan bişi değildi 😀
Sil dersen silerim hacım.
sitemde kullanacağım ayrıca bu da çok güzel..
nedense bende işe yaramadı :).
Normal şartlar altında olmaması için bir neden yok.Muhtemelen kodları yazarken bir yanlışlık yapmış olabilirsiniz.
Teşekkürler bende işe yaradı.
MyBB kullananlar css kodunu global.css içine eklesinler 🙂