Merhaba arkadaşlar, düzeltilmesi gereken bir css hatam mevcut. Ne yaptıysam başarılı olamadım. Wordpress için tema yapıyorum. Sidebar kısmında bir sorun mevcut.

Mouse ile üstüne gelindiğinde kırmızı arkaplana sahip olan hoverlı bir menu yapmaya çalıştım.

Normal css kodları ile bunu başarabiliyorum. Şu Şekilde;

Olması Gereken ve Wordpress'e entegre etmediğimde düzenli çalışan hali;


/**Css Kodları **/
.kat {width:155px; height:600px; margin-top:3px; float:left;}
.kategori {width:155px;}
.kategori li{height:24px; background: #535355 url('resim/katbg.png') no-repeat; margin-top:2px;}
.kategori li h1 {font-size:13px; padding:6px; padding-left:27px; color: #FFF;}
.kategori li h1:hover {background: #aa0505 url('resim/katbg.png') no-repeat;}


/** Div Kodları**/

• Aksiyon Oyunları




• Beceri Oyunları




• Giydirme Oyunları




• Makyaj Oyunları




• Dövüs Oyunları

Wordpress'e Entegre ettiğimde gerekli kategorileri çıkarması için php kodunu eklediğimde ise şöyle gözüküyor;

Css kodları aynı, wordpress için eklediğim kod ise aşağıdaki şekildedir.

Lütfen yardımcı olun kaç gündür delirdim :) Teşekkürler.