32x32 Resimli Bağlantı Kutusu

Görünümü yukarda gördüğünüz gibi.İlk baştaki seçili durumda.
Konu kaynağı buradan alıntıdır.
SidikliBlög'de kullanıyorum ben kendim.



Tasarım>HTML Düzenle>Widget Şablonlarını Genişlet

Gelelim kodlara :

]]></b:skin>

Hemen üstüne

a.linkopacity img{filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} a.linkopacity:hover img{filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}

Kodunu ekleyip şablonumuzu kayıt ediyoruz.

Yerleşimi Düzenleden İstediğimiz Bir Yere "HTML/JavaScript" Widgetini Ekliyoruz ve aşğıdaki kodu ekleyerek istediğimiz linki resimli ve efektli gösterebiliriz.

<a title="Acıklama" href="Adres" class="linkopacity"><img src="Resim adresi" alt="" /></a>

Canlı Demo Sağ Tarafınızda Hemen.