
30 Mayıs 2015
minimalcoding
2001
0
Css ile seçilen yazıların rengini değiştirme
Site kullanıcıları sayfa içindeki metinleri daha rahat okuya bilmek ve nerede kaldıklarını takip ede bilmek için yazıları seçerek okumayı tercih ederler. Genellikle yazı seçim renkleri tarayıcının özelliklerini kullanmaktadır. Fakat bunu Css dosyamıza ekleyeceğimiz bir kaç kod ile değiştirmemiz mümkün. Bu kodları kullanarak site tasarımımıza uygun renkler verip tasarım bütünlüğümüzü de korumuş oluruz.
Global Uygulama yöntemi
Bu yöntem ile tüm site genelindeki seçim renklerini kontrol edebilirsiniz.
1 2 3 4 5 6 7 8 9 10 11 12 |
::-moz-selection { color: #F5A623; } ::selection { color: #F5A623; } |
Local Uygulama yöntemi
Eğer sadece belli bir alan için bu işlemi uygulamak istiyorsak; öreneğin sadece “a” tagleri için
1 2 3 4 5 6 7 8 9 10 11 12 |
a::-moz-selection { color: #F5A623; } a::selection { color: #F5A623; } |
Örnek Uygulama
See the Pen XbpZqN by MinimalCoding (@MinimalCoding) on CodePen.
Minimal Coding Privacy Policy
Sitemizi ziyaret eden kullanıcılar aşağıdaki koşulları, yazılanlarla sınırlı olmamak şartıyla kabul etmiş sayılacaktır. “www.minimalcoding.net” sitesinde yer alan tüm bilgiler,tasarım,logo,yorum ve tavsiyeler ile ses, görüntü, yazı içeren bilgi ve belgeler (“İçerik”) ile buradan yapılan tüm linkler, kullanıcıya genel bilgi vermek amacıyla sunulmuştur.
Burada mevcut olan İçerik, Minimal Coding'i Kaynak göstermeden paylaşılamaz ve yayınlanamaz. Bu siteye erişim serbest ve anonimdir.