32×32 Resimli Bağlantı Kutusu

Görünüm

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>

Gelelim kodlara :

]]>

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.

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

Reklamlar

About Lacivert

HuniliBlog.Com'un tek yazarıyım. Bana hep deli derler ama ben kimseye deli demedim. Sitemi ziyaret ederseniz hakkımda daha çok şey öğrenebilirsiniz
Bu yazı Blogger Widget Tema İpucu içinde yayınlandı. Kalıcı bağlantıyı yer imlerinize ekleyin.

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Connecting to %s