Giriş Yap / Kayıt Ol
[WM ÇEKİLİŞ 7] Tavcam Avize Sponsorluğunda Tam 40 Üyemize 4.000TL Değerinde Ürün Hediye Ediyoruz!

CSS ile Seçilen Yazıların Rengini Değiştirin

Tarih: 24 Temmuz 2012   Kategori: Programlama   Yazar: admin  |  14158 kez okundu

Genellikle yazıları okurken nerde kaldığımı işaretlemek için veya daha rahat okuyabilmek için yazıyı seçerek okurum. Bu şekilde çok daha rahat yazıyı takip edebiliyorum. Yazıları seçerken normalde seçim renkleri tarayıcının standart renklerdir. Ancak bu renkleri isterseniz CSS’ye ekleyeceğiniz bir kaç satır kod ile değiştirebilirsiniz. Bu şekilde hem web sitenizde renklerde uyumluluk sağlamış olursunuz hemde ziyaretçilerinizin daha renkli bir seçim yapabilmelerini sağlarsınız. Peki nasıl yaparız bunu hemen anlatayım.

Kodlama iki kısımdan oluşuyor. Birinci kısımda firefox için seçimi tanımlıyoruz, ikinci kısımda ise CSS3 ile birlikte gelen normal kodlamayı yazıyoruz.

::-moz-selection {
background: #336699;
color: #FFFFFF;
}
::selection {
background: #336699;
color: #FFF;
}

a::-moz-selection {
background: #333;
color: #FFFFFF;
}
a::selection {
background: #333;
color: #FFFFFF;
}

İşte bu kadar basit. İlk kodda bütün metinlerin seçim arkaplan renklerini ve yazı renklerini belirledik. İkincisinde ise sadece linklere yani a etiketine sahip kodlara uyguladık.

Özelliğin tek kötü yanı IE8 dahil Internet Explorer tarafından desteklenmemesi. Bunun dışında Firefox, Chrome, Safari ve Opera özelliği destekliyor.

8 Yorum
Hüseyin ALHAS avatar
Hüseyin ALHAS • 7 yıl önce
Teşekkürler faydalı bir makale olmus.Ayrıca yeni temanız çok güzel, çok beğendik.Başarılar dilerim.
Mertcan avatar
Mertcan • 7 yıl önce
Çok faydalı olmuş gerçekten
phatgit avatar
phatgit • 7 yıl önce
Aradığım şeydi, çok teşekkürler smile
Lifegida avatar
Lifegida • 7 yıl önce
Çok faydalı bir yazı olmuş. teşekkürler..
alkinkasap avatar
alkinkasap • 7 yıl önce
css çalışan birisi için oldukça faydalı olmuş.yeni temanız da oldukça başarılı teşekkürler ve tebrikler.
seyyahelma avatar
seyyahelma • 7 yıl önce
Teşekkürler.
IE8: Öleyim ben, gideyim ben.. smile
MstDrsn avatar
MstDrsn • 7 yıl önce
Explorer geliştiricileri boşuna çalışıyor bence..
Human avatar
Human • 4 ay önce
Çok Teşekkürler.
WM Aracı Maskotu Boa WM Aracı © 2010 - 2019
Bir Boğa Bilişim markası.
Cesur.NETWM Aracı Cesur.NET İnternet Teknolojileri'nde güvenle barınmaktadır.