Yazı Seçim Rengi Değiştirme Kodu


 Web Site Yazı Seçim Rengi Nasıl Değiştirilir ?

İnternet sitelerinde bir metni fare ile taradığınızda yada bir resmi seçtiğinizde standart mavi renk ile betimlenir. Bu tarama yani seçim rengini isterseniz özelleştirebilirsiniz.


CSS ile Sayfadaki Seçim Renklerini Değiştirmek

Özelleştirmek istediğimiz fare seçim alanı için aşağıdaki kodu kullanabilirsiniz.

::selection {background:#00CC00;
color:#FFFFFF;
}


background:#00CC00 : Seçilen bölümün arkafon rengi. Şeffaf yapmak için #transparent
color:#FFFFFF : Seçilen bölümün rengi. Şeffaf yapmak için #transparent

Burada eski tarayıcılarda çalışmadığı için aşağıdaki kodları eklememiz gerekiyor. Aslında eklemesenizde sorun olmaz.

::selection {background:#00CC00;
color:#FFFFFF;
}
::-moz-selection {background:#00CC00;
color:#FFFFFF;
}
::-webkit-selection {background:#00CC00;
color:#FFFFFF;
}


CSS ile Sayfadaki Çeşitli Ögelerin Seçim Renklerini Değiştirmek


HTML tag belirterek hangi öğelerin hangi seçim rengi ile vurgulanacağını da belirleyebiliriz.

a::selection {background:#00CC00;
color:#FFFFFF;
}

a : Linklerin seçim rengi


table::selection {background:#00CC00;
color:#FFFFFF;
}

tablo : Seçim rengi gibi.



HTML / JAVASCRİPT EKLEMEK

Temada kullanmak için :
Blogger > Tema > Özelleştir > HTML'yi Düzenle > Ctrl+F > ]]></b:skin> > ]]></b:skin> hemen üstüne kodu ekleyebilirsiniz.


Widget (gadget) olarak eklemek için :
Blogger > Düzen > Gadget ekle > HTML/JavaScript yolunu izleyerek <style> CSS Kodlarının bulunduğu alan </style> istediğiniz yere ekleyebilirsiniz.

Sayfa içinde kullanmak için :
Blogger > Yeni yayın oluştur > HTML yolunu  izleyerek <style> CSS Kodlarının bulunduğu alan </style> istediğiniz yere ekleyebilirsiniz.



Yorumlar

  1. Adsız23.11.21

    Bunu bayadır arıyordum iyi oldu bunun farklı bir versionunu istiyorum ben aslında onu nasıl yaparım bir ara bildirgec te görmüştüm. sadece linkler arka plan fıstık yeşili oluyordu

    YanıtlaSil
    Yanıtlar
    1. Selamlar, bildirgeç deyince anılarım canlandı, keşke kapabmasaydı. Seçim de nasıl yapıulacağı "a : Linklerin seçim rengi" kısmında anlattım . Direk linklerin arka fonu farklı olsun istiyorsanız, bunu yazı panelinden tek tek yapabilir yada bunun nasıl olacağı biraz temaya bağlı, temada linkleri belirten a : tagına backgraund (arka fon rengi) atayarak yapılabilinir.

      Sil
  2. Emeğinize sağlık, yazı seçim rengini değiştirmek isteyenler için bilgilendirici bir yazı olmuş :)

    YanıtlaSil
    Yanıtlar
    1. Katkılarınız için teşekkürler.

      Sil

Yorum Gönder

🔺 YUKARI ÇIK 🔺