Jquery Stil Değişme Sorunu

10-09-2014, 10:50:16

Merhaba,

http://www.miraraf.com/deneme3 adresindeki sitemde bulunan style switcher renk değiştiğinde ana menüdeki alt menü öğelerinin hover renklerini değişmiyor. http://www.miraraf.com/deneme3/dima-...r/js/config.js ayar dosyasında bulunan
elementAndClassBg içinde tanımlanan class lar background class larını değişiyor. Değişmeyen class ise bu aşağıdaki yazdığım class. Yardımlarınızı bekliyorum. Teşekkürler.

.orion-menu ul li:hover > a{
background-color: #0793c6;
}

11-09-2014, 06:43:23

#2

alikarakoc93

Tasarımı zip şeklinde yollama şansınız var mı ?

11-09-2014, 12:46:37

#3

Syildiz

Çok daha basit bir yöntemle bu sorununu çözebilirsin. Üstelik inline css olarak bastırmak çözümden ziyade kod kalabalığı olur. Bu nedenle body üzerinden class değiştirmeni öneririm.

Misal switcher ile kırmızı renk seçildi diyelim. Body'e red isimli class'ı jquery ile bastırman yeterli olacaktır. Tabi ki css'de her switcher rengi için bir class oluşturman gerek.

Kırmızı için örnek;

body.red .orion-menu > li > a {
    color: #E74C3C;
}
body.red .orion-menu ul li:hover > a {
    background-color: #E74C3C;
}

Bu şekilde hover kullanımını da sorunsuz yaparsın. important bile kullanmana gerek kalmaz.

11-09-2014, 17:57:40

#4

Grafikrim

Syildiz adlı üyeden alıntı: mesajı görüntüle

Çok daha basit bir yöntemle bu sorununu çözebilirsin. Üstelik inline css olarak bastırmak çözümden ziyade kod kalabalığı olur. Bu nedenle body üzerinden class değiştirmeni öneririm.

Misal switcher ile kırmızı renk seçildi diyelim. Body'e red isimli class'ı jquery ile bastırman yeterli olacaktır. Tabi ki css'de her switcher rengi için bir class oluşturman gerek.

Kırmızı için örnek;

body.red .orion-menu > li > a {
    color: #E74C3C;
}
body.red .orion-menu ul li:hover > a {
    background-color: #E74C3C;
}

Bu şekilde hover kullanımını da sorunsuz yaparsın. important bile kullanmana gerek kalmaz.

denicem.. çok teşekkürler..

11-09-2014, 22:23:47

#5

alikarakoc93

sorun tarafımca giderilmiştir

15-09-2014, 13:14:42

#6

ercu145

!important ta bastırmanıza yardımcı olabilir