Malum yılbaşı geliyor internet alemi siteleri yılbaşına hazırlıyor. Kimileri logolarını değiştirip kar efekti veriyor, kimileri daha da zahmete girip temalarını değiştiriyor ve kimileri de sitelerine kar yağdırtıyor. İşte bende size sitenize kar yağdırma olanağı sağlayacak ve kendi sitemde kullandığım bir script’i paylaşıyorum. Yazının devamında kod yapısını ve js dosyasısnı indirebilirsiniz
Ana sayfada gördüğünüz üzere bir yenilik daha yaparak siteye “imagemenu” adında bir resim menusu ekledim ve bu scripti sizinle paylaşmak istedim. Phatfusion isimli bir siteden ücretsiz olarak indirdiğim ve gerekli düzenlemeleri yapıp eklediğim bu script mootools 1.11 kütüphanesi ile geliştirilmiş. Tek kötü tarafı olarak nitelendirdiğim internet explorer 5′te çalışmaması dezavantaj. Bunun dışında diğer tarayıcıların desteği mevcut. Alttaki adreslerden bilgi ednebilir ve scripti ücretsiz olarak indirebilirsiniz. Kolay gelsin!
Script Sayfası | Direk İndir (328 kb)
Yavaş yavaş internet sitelerinin vazgeçilmezi haline gelen favori simgeler yani Favicon’lar oldukça kullanılır hale geldi. Takip ettiğimiz smashing magazine sitesi ocak 2007′den beri toplam 8 başlık altında internet sitelerinin favori simgelerini inceliyor ve kullanıcılarına sunuyor. Peki favicon nedir. Internet Explorer tarayıcının yeni versiyonlarında ve diğer tarayıcıların adres çubuğunun yanında bulunan 16×16 pixellik genelde sitelerin logoları yada siteleri tanımlayabilecek bir simgedir. Alttaki linklerde ise bazı favori simgelerin listeleri var.
Favicons 1, 2, 3, 4, 5, 6, 7, 8 – Favicon nedir? Nasıl oluşturulur 1, 2
Geçenlerde sizinle paylaşmış olduğum kişisel beş adet blogun çoğundan olumlu tepki aldığım için bu seferde kategori olarak web tasarım ve kodlama bazında beş adet blogu sizinle paylaşacağım. Bazı arkadaşların diğer kategoride başka güzel bloglarda var onları neden yazmadın demesini haklı buluyorum fakat bu seçtiklerim kategori bazında düşünürsek bana göre diğerlerini bastırdığı için ilk beşe girdiler. Herneyse yazının devamında web tasarım ve kodlama bazında beş blogu bulabilirsiniz.
Bazı internet sitelerinden kendi sitenizde yayınlamak için resim alırsınız ancak resmi sitenize eklediğinizde ise farklı bir imaj ile resmin size ait olmadığını yada resmin başka sitelerde yayınlamak için izin almanız gerektiğini belirten bir görsel çıkar. Aynı şekilde .htaccess yöntemi ile sizde sitenizde yayınladığınız resimlerin başka sitelerde gösterimini engellemek için yazının devamındaki uygulamayı kullnabilirsiniz. Aynı zamanda vereceğim linktende sitenize ait değerleri girerek hazır htaccess kodunu alabilir ve sitenize yerleştirebilirsiniz. Yönteme kısaca Htaccess for hotlink protection adıda verilir. Eğer htaccess kullanımı hakkında bilginiz yoksa öncelikle buradan bilgilendirme almanızı tavsiye ediyorum.
Bir önceki yazımda size söz verdiğim gibi beraber javascript yardımı ile css stil değiştirici hazırlayacağız. Ancak eğer css konusunda bilgi sahibi değilseniz lütfen uzman biri yardımı ile hazırlamanızı yapınız. Yapacağınız hata sitenizde değişik bozulmalara neden olabilir. Yazının devamında anlattığım css stil değiştiri hazırlama yabancı bir siteden Türkçeye çevirilmiş halidir.
Sitenize yada blogunuza kullanımı göstermek amacıyla kaynak kodu eklerken epey zorluk çekersiniz. CSS ile hazırladığım basit ve ufak bir kodlama sayesinde istediğiniz biçimde ve renklerde sitenizde kodları gösterebilirsiniz. Verdiğim yapıyı css dosyanıza eklediğiniz taktirde <code>…</code> arasında kullanmanız yeterlidir. Size yazının devamında bir kaç renkte kodlama yapısı sunacağım. Yapıları gördüğünüz çerceveyide demo olarak kabul edebilirsiniz ve verdiğim kodları kendinize göre düzenleyip kendi biçiminizi oluşturabilirsiniz.
