SORU
30 Kasım 2009, PAZARTESİ


Nasıl (Geçersiz) JQuery Simge Rengi Belirlemek İçin

Benim web uygulamasında bir WordPress kullanmak simgelerin kullanımı iyi yapıyorum, ama varsayılan olarak elde etmek mümkün olmadığım bir renk kullanmak istiyorum bir noktaya geldi. Şu anda "öncelikle yeşil kullanır. tema," State Street kullanıyorum Ama beyaz yazı ile kırmızı bir kutu var, ve beyaz bir simge kullanmak isteyecektir. Orada beyaz simgeleri vardır * * * tema, ama onlar sadece almak uygulandığında simgeleri içinde bir div (veya başka bir kapsayıcı) olan bir sınıf "ui-state-of focus". Bu simge beyaz olacaktır ama kırmızı ayrılmak istiyorum, hangi yeşil, arka plan rengini değiştirir.

Arka plan görüntüsü farklı bir renk kullanacağım böylece bir WordPress kullanmak için bir simge kullanır kılmak için herhangi bir şekilde (büyük ihtimalle CSS) var mı?

Teşekkürler.

AÇIKLAMA:Benim şu anda çalıştığım html mesajları göndermek için yardımcı olur sanırım

<!-- currently produces a default 'grey' icon color -->
<!-- this b/c no jquery ui class (like ui-state-focus) given for errorMessage div -->
<div id="errorMessage">
    <span class="ui-icon ui-icon-alert" style="float: left"></span>
    Only 1 Activity can be added at a time 
</div>

Ben de CSS:

.dialog #errorMessage
{
    /*display: none;*/
    background-color: #CC3300;
    color: #FFFFFF;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    vertical-align: bottom;
    bottom: auto;
    font-size: .80em;
    width: 100%
}
< . p ^none" şu anda görebileyim diye. "ekran: Ben ne kadar hata yakalamak fade-in için belirledik. Yardımınız için tekrar teşekkürler.

CEVAP
1 EKİM 2013, Salı


Aşağıdaki CSS ile simgeleri üzerine:

.ui-icon
{
    background-image: url(icons.png);
}

Simge png istediğin renge dosyasını indirebilirsiniz. Sadece değişiklik, aşağıdaki url renkli bölümü

http://download.jqueryui.com/themeroller/images/ui-icons_*COLOR*_256x240.png

Eğer simgeler ve Peygamberçiçeği Mavi simgeler Kırmızı isterseniz, örneğin, url, Url gerekir

http://download.jqueryui.com/themeroller/images/ui-icons_ff0000_256x240.png
http://download.jqueryui.com/themeroller/images/ui-icons_6495ED_256x240.png

Red Cornflower Blue

vb.

(ama EĞER bir URL kullanın, güzel ve kaydetmek dosyaları yerel olarak) yok

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Angry Paintballer

    Angry Paintb

    8 Ocak 2012
  • Kyler Briskey

    Kyler Briske

    20 ŞUBAT 2011
  • NCIX Tech Tips

    NCIX Tech Ti

    2 Ocak 2007