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

08 Nisan, 2018
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ç
Elde edeceğiniz sonuç

9 yorum:

  1. Güzel bir detay için Teşekkürler

    YanıtlaSil
    Yanıtlar
    1. Ben teşekkür ederim. Umarım faydalı olmuştur.

      Sil
  2. Fark edilmeyen bir özellikti. Paylaşımınız güzel. Aslında paylaşılması gereken çok bilgi var. İyi çalışmalar.

    YanıtlaSil
  3. Elinize sağlık önceki temamda vardı çok da hoşuma gidiyordu yenisine de ekledim :)

    YanıtlaSil
  4. Önceden kullandığım bütün temalarda kullanıyordum fakat nedense bu temayı güncelleyince kullanmayı unutmuşum. Gayet hoş bir eklenti.

    YanıtlaSil
    Yanıtlar
    1. Kesinlikle... Özellikle temada renk uyumu için tercih edilebilir bir seçenek. Teşekkür ederim.

      Sil

Yorum yaparken:
1. İçerik konusuyla alakalı olmasına özen gösterin.
2. Yazım ve dil bilgisi kurallarına uymayı ihmal etmeyin.
3. Konu ile ilgili olmayan sorularınız için ise Blogger Yardım veya İletişim sayfalarını kullanın.

Copyright © 2016 - 2024 Blog Tecrübem. All rights reserved. Powered by Dijidal.com and Blogger. I Google
Sitede yer alan tüm içerikler Blog Tecrübem'e aittir, kullanım koşulları çerçevesinde alıntı yapılabilir.