• 10-09-2014, 10:50:16
    #1
    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
    Tasarımı zip şeklinde yollama şansınız var mı ?
  • 11-09-2014, 12:46:37
    #3
    Ç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
    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
    sorun tarafımca giderilmiştir
  • 15-09-2014, 13:14:42
    #6
    !important ta bastırmanıza yardımcı olabilir