Category

HTML

Favicon(Simge) Ekleme

By | HTML, Wordpress | 2 Comments

http://i240.photobucket.com/albums/ff86/omer726/favicon-omerkaracaycom.png

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.

<link rel="shortcut icon" href="favicon.ico">
<link rel="icon" type="image/gif" href="favicon.gif">

 

Sitenin Köşelerine Resim Ekleme

By | HTML | No Comments

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. =>

#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 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

[codesyntax lang=”php” title=”header.php” blockstate=”collapsed”]
<div id="resim-kose"></div>
[/codesyntax]

kodunu ekliyoruz ve yapacaklarımız bitiyor.

Seçili metni renklendirme

By | HTML, İpucu, Wordpress | 4 Comments

İ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. Read More

Resime Link Vermek

By | HTML | No Comments

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.