Seçilen Yazının Arkaplan Rengini Değiştirme

Dün Facebook’ta bir arkadaş diğer arkadaşa seçtiğimiz yazıların arka planı kırmızı oluyor onu nasıl yaptın diye, arkadaşta tam olarak nasıl olduğunu anlatmakta güçlük çekmişti. bende sitenin kaynak kodlarına küçük bir gezinti yaptıktan sonra css dosyasının  ::selection kodlarıyla yapıldığını belirtmiştim. bu gün detaylı olarak nasıl yapılacağını anlatacağım.

Bu gün başka bir arkadaşım sitesini gezerken kodların tam olarak nasıl olması gerektiğini anlatan bir yazı gördüm daha önce bilmeme rağmen tam olarak hatırlamadığımı fark ettim ve hem sizlere anlatmak, hem de arşivimde bulunması amacıyla bu konuyu açmaya karar verdim, böylece ihtiyacı olarak arkadaşlara da yardımcı olmuş olurum.

Öncelikle şunu belirtmek isterim her tema da olmasa da wordpress varsayılan olarak ilk görselde göreceğiniz mavi rengi kullanmaktadır, ve dikkat etmeniz gereken bir diğer konu ise kullandığınız temada bunun dışında aynı kodlar kullanılmış ise öncelikle onları kaldırın yada düzenlemeyi onlar üzerinde yapın aksi taktirde çeşitli sorunlar çıkabilir.

Önce (varsayılan);

seçilen-yazının-arkaplanını-değiştirme-önce

Sonra;

seçilen-yazının-arkaplanını-değiştirme-sonra

 

Aşağıdaki CSS kodlarını CSS dosyanızın style.css en altına eklediğiniz de sitenizdeki yazılar ile birlikte seçilen her yer istediğiniz renkte olacaktır.

::-moz-selection { background: #52504b; color: #FFF;}
::selection { background: #52504b; color: #FFF;}
a::-moz-selection { background: #52504b; color: #FFF;}
a::selection { background: #52504b; color: #FFF;}

Ben kendi temama uygun olduğu için #52504b renk kodlarını kullandım sizde istediğiniz renk kodunu kullanabilirsiniz.

5
Bir yorum yap yada bir soru sor.

avatar
4 Yorum konuları
1 Konu cevapları
0 Takipçiler
 
En çok beğenilen yorum dizilişi
En iyi yorum dizilişi
5 Yorum yazarları
cem halileren can bursalıMurat DinçTayfun Kadir GülerBerk Son yorum yazarları
  Yorumlara Abone Ol  
Önce Yeniler Önce Eskiler Önce Beğenilenler
Bildir
Berk
Berk

Aaa çok güzel böyle birşeyin olduğunu bilmiyordum bu sayede okuyucuların dikkatini çekebileceğim sağ olun.

Tayfun Kadir Güler
Tayfun Kadir Güler

Murat Hocam, Böyle css kodlarıyla sitenin yavaş açılması gii birşey olabilirmi ?

eren can bursalı
eren can bursalı

Yazı arkaplanı yerine ben yazımın arkasına arkaplan eklemek istiyorum resim tarzında onu nasıl yapabilirim ben ya çok büyük oluyor ya da çok küçük oluyor bir türlü sığdıramıyorum arkaplanı.

cem halil
cem halil

Bu gün tamda aradığım şeydi gerçekten arkaplan rengini değiştirme panelin fiyat listesinde kategorilerin arka plan rengini değiştirecektim çok faydalı oldu çok teşekkür ederim.