WMArşiv

Geri Git   WMArşiv > Web Programlama > HTML / CSS

Yeni Konu  Cevap Yaz
 
LinkBack Seçenekler Arama

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

  #1  
Alt 21 Aralık 2017, 15:03
Avatar Yok
WMArşiv Üyesi
 
Üyelik: Kasım 2017
Çevrimdışı
Mesajlar: 528
Nereden: Bilecik
Ticaret: 0, %
Meslek: Mühendis
Uzmanlık: Web Prog.
Beğeniler: 3 / 3
Genellikle yazıları okurken nerede 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.
Kod:
::-moz-selection {
background: #336699;
color: #FFFFFF;
}
::selection {
background: #336699;
color: #FFF;
}
Ayrıca kodu diğer etiketlere uygulamak içinse şöyle yazıyoruz:
Kod:
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.
Yeni Konu  Cevap Yaz

Etiketler
css, değiştirin, ile, rengini, seçilen, yazıların


Konuyu toplamda 1 kişi okuyor (0 üye ve 1 ziyaretçi).
 
Seçenekler Arama


Bilgi
Aklınızda Bulunsun:

Tüm Zamanlar GMT +3 Olarak Ayarlanmış. Şuanki Zaman: 01:14.

Powered by vBulletin®
Copyright ©2000 - 2018, vBulletin Solutions, Inc.