-
Favicon(Simge) Ekleme
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. 64×64‘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.…
-
Sitenin Köşelerine Resim Ekleme
Sitemin sol üst köşesine Türk Bayrağı resmini ekledim. İlk başta style.css dosyamızı açıyoruz. O dosyada en alta kutudaki kodları ekliyoruz. #resim-kose { position: absolute; top: 0px; left: 0px; position: fixed; text-indent: -1000px; width: 100px; height: 100px; overflow: hidden; background: url(http://www.siteadresiniz.com/resim.png) 0 0 no-repeat; } Yukarıdaki kutudaki url parantezinin içinde görselin tam adresini yazacaksınız. Yukarıdaki kodu…
-
Seçili metni renklendirme
İ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.
-
Resime Link Vermek
Bir resime link vermek için aşağıdaki örneği inceleyin. <a href=”Web Site Adresi” target=”_blank”><img src=”Resim Adresi” alt=”Açıklama” width=”GENİŞLİK” height=”YÜKSEKLİK” /></a> Not: Farklı pencerede açılmasını istemiyorsanız target=”_blank kısmını siliniz.