Mouse ile seçilen metnin rengi nasıl değiştirilir? |
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ç |
Güzel bir detay için Teşekkürler
YanıtlaSilBen teşekkür ederim. Umarım faydalı olmuştur.
SilFark edilmeyen bir özellikti. Paylaşımınız güzel. Aslında paylaşılması gereken çok bilgi var. İyi çalışmalar.
YanıtlaSilTeşekkür ederim.
SilElinize sağlık önceki temamda vardı çok da hoşuma gidiyordu yenisine de ekledim :)
YanıtlaSil:) Tema renkleri ile uyumlu olmuş, gayet güzel.
SilBeğenmenize sevindim :)
SilÖnceden kullandığım bütün temalarda kullanıyordum fakat nedense bu temayı güncelleyince kullanmayı unutmuşum. Gayet hoş bir eklenti.
YanıtlaSilKesinlikle... Özellikle temada renk uyumu için tercih edilebilir bir seçenek. Teşekkür ederim.
Sil