Uzun zamandır yazmayı düşündüğüm bir konuyu geçikmelide olsa şimdi yayınlıyorum. Sürekli link değişimi yapalım diyenlere topluca cevap vermiş olacağım bu yazımda. Her seferinde özelden e-mail yollamakla da olmuyor. Kimilerine cevap bile veremiyorum. O yüzde yazma kararı aldım hem bu sayede herkes öğrenmiş olacak.Blog bağlantılarımda şimdilik değişiklik yani alış veriş yapmıyorum. Uzunca bir sürede böyle kalacaktır sanırım. İlerleyen zamanlarda blog bağlantılarımda küçük düzenlemeler yapacağım. Bağlantı kutusunu düzenledikten sonra yeni blogları ekleyebilirim o yüzden şimdilik biraz pinti davranıyorum.

İkinci konu ise blog bağlantı kutularımın nasıl yapıldığı sorusu. Onuda kısaca tarif etmeye çalışayım.
Basit bir kaç CSS kodlarıyla bu uygulamayı yapabilirsiniz. Benim blog bağlantılarımdaki kutucukların ebatları 35×35 boyutunda. Aşağıda bulunan CSS kodlarını blogunuzun Style.css klasörüne olmayanlarda css kodlarınının olduğu uygun bir bölüme kodları ekleyebilirler.

 

 

 

 

CSS Kodları

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

Yukarıda verilen kodları Style.css kodlarına ekliyorsunuz, üzerinde değişiklik yapmamaya özen gösterin. Aşağıdaki kodlar ise resminizin görüleceği kısma ekliyeceğiniz kodlardır. Kırmızı bölüm bağlantı adresi, yeşil bölüm Title açıklaması, mavi bölüm ise image dosyanızın yani resminizin bağlantı adresi olacak.Aşağıdaki html kodlarını bağlantı vermek istediğiniz siteye göre düzenlemeniz yeterlidir.

HTML Kodları

<a class=”linkopacity”href=”http://www“title=“İsim”>

<img src=”http://images“ style=”border:1px solid black;”></a>

Bağlantı kutularını bu şekilde kullanmamıza vesile olan ve bizleri haberdar eden sesebiana teşekkürler.

Bu Yazı Pazar, Şubat 10th, 2008 00:37 'da İnternet Kategorisine Yazıldı. Bu Yazının Cevaplarını RSS 2.0 bildirimi ile takip edebilirsiniz. Cevap Yazabilir yada kendi sitenize alıntı yapabilirsin.