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

Tarih: 8 Haziran 2010   Yazar: admin  |  2.146 kez okundu
CSS ile Seçilen Yazıların Rengini Değiştirin

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;
}

Ayrıca kodu diğer etiketlere uygulamak içinse şöyle yazıyoruz:


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.


    Bu yazı için 4 yorum yapılmış.
  1. Mehmet dedi ki:

    Blogger kullanıcısı arkadaşlar Yerleşim – Html’yi Düzenle – ‘den
    ” ]]> ” Kodunu aratıp , bu kodun hemen üstüne yapıştırarak bu özelliğe
    sahip olabilirler.

  2. Fırat Göksel dedi ki:

    Güzel bir bilgi teşekkürler…

  3. crazyvelet dedi ki:

    Sevdim bunu :) En kısa zamanda bloguma uygulayacağım :)

  4. Çağrı Durak dedi ki:

    Çok Güzel :) Sitenizinki Tam uyumlu olmuş bu arada.


Yorum yazmak istermisiniz?

Sorbize RSS Beslemesi    Sorbize E-Posta Aboneliği    Sorbize'yi Facebooktan Takip Edin    Sorbize'yi Twitter'dan Takip Edin    Abone

Yazılar E-Posta'na Gelsin:

Lazım Olabilir
  • Webmaster Portalı
  • Url Kısaltma Servisi
  • Sorbize.com bir çok kategoride güzel ve özgün makaleler okuyabileceğiniz güncel web 2.0 bir blogdur.
    © Tüm Hakları Saklıdır.
    Bu websitesi DMCA Protection ile lisanslanmıştır. Yazılar kaynak belirtilmeden kullanılamaz.