Sitenize akılda kalıcılık yaratmak için favicon ekleyebilirsiniz. Zor gibi görünsede çok basittir. Basit bir kod ile favicon‘unuzu ekleyebilirsiniz. 64x64‘te Photoshop vb. programlarla faviconunuzu tasarlayıp;
bu site(html-kit.com)den hareketli favicon yaratabilirsiniz. (birkaç resimi birleştirip animasyona yazı da ekleyebilirsiniz.
bu site(favicon.cc)den ise favicon’unuzu doğrudan oluşturabilirsiniz. Ayrıca bu adresten de yapılmış ve birçok hareketli favicon bulunan bir kaynağa ulaşabilirsiniz. En son .ico olarak oluşmuş favicon’ununuzu </head> tagının içine(yani hemen üstüne)aşağıdaki kod ile ekleyebilirsiniz. favicon.ico yerine favicon adresinizi yazmanız yeterlidir. Hareketliyse favicon.gif yazabilirsiniz.
Ben kendi sitem için sol üst köşeye Bayraklı Türkiye resmini ekledim. İlk başta style.css dosyamızı açıyoruz.O dosyada en alta kutudaki kodları ekliyoruz. =>
Yukarıdaki kutudaki bu kısıma -> url( bu kısıma resimin tam adresini yazacaksınız.) 0 0 no-repeat;
Şimdi o koda göre resim sol üst köşede. Çünkü top:0px; kodu var. Bu kod resimi sitenin en üst kısımda olmasını sağlar top kısmını bottom olarak değiştirirseniz sitenin en altında olacaktır. Ayrıca left: 0px; kısmı da resmin solda olmasını sağlar bu kodu da right: 0px; olarak değiştirirseniz sitenin sağında olacaktır. Şimdi son birşey kaldı.
header.php dosyasını açıyoruz ve orada </head> kodunun hemen altına
kodunu ekliyoruz ve yapacaklarımız bitiyor.
İnternette gezerken görüyoruz, bloglarda yazı okurken daha iyi anlamak için seçerek okuruz. Eğer CSS’de oynama yapılmamışsa metni seçtiğimizde mavi üzerine beyaz renk oluşur. Ancak bazen siteyle uyumsuz olur bu renk göz yorucu olur. Bunu değiştirmek için çok basit bir kod var.
*::-moz-selection {background-color:#4b81b3;color:white;}
Bu kısa kod ile dilediğiniz gibi renklendirebilirsiniz. Devamını Oku
Bir resime link vermek için aşağıdaki örneği inceleyin.
Not: Farklı pencerede açılmasını istemiyorsanız target=”_blank kısmını siliniz.
