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.