Mouse ile seçilen metnin rengi nasıl değiştirilir?

Mouse ile seçilen metnin rengi nasıl değiştirilir?

Sıradanlaşmış temalarda ufak bir farklılık yaratmak isteyenlerin tercih edebileceği bir konudan bahsetmek istedim bu yazımda, hani şu mouse ile seçildiğinde görünen mavi renk. Bu yazımda paylaştığım basit CSS kodları sayesinde, mouse ile seçilen metnin hem rengini hemde arka plan rengini düzenleyebiliriz.

Dostlarım normal web sayfalarında herhangi bir müdahalede bulunmadığınız taktirde mousel ile seçilen yazılar beyaz arka plan rengi ise mavi olarak görünür. Ama basit CSS kodları ekleyerek bu renkleri dilediğiniz gibi değiştirebilirsiniz. Peki nasıl?

İlk olarak Blogger kullanıcı panelinde Tema ardından HTML Düzenle seçenekleri ile kodların yer aldığı sayfaya ulaşmamız gerekiyor. Bu kısımda Ctrl F yardımıyla

]]></b:skin>

kodunu buluyoruz ve hemen üstüne

/*** Mozilla tabanlı tarayıcılar ***/
::-moz-selection {
     background-color: #3cafe0;
     color: #ffffff;
}
/*** Tüm tarayıcılar ***/
::selection {
     background-color: #3cafe0;
     color: #ffffff;
}

bu kodları ekleyip kaydediyoruz. Tüm yapmamız gerekenler bunlar.

Bu arada background color seçilen metnin arka planı. #3cafe0 değerini dilediğiniz gibi düzenleyebilirsiniz. Color kısmında yer alan değerler ise seçilen metnin rengini belirlememizi sağlıyor. #ffffff kısmını da yine dilediğiniz gibi düzenleyebilirsiniz. Color Picker adlı sayfadan dilediğiniz rengin koduna ulaşabilirsiniz. Konuyla ilgili sorularınız olursa yorum yaparak bildirebilirsiniz.

Elde edeceğiniz sonuç