हेडर डिस्प्ले रंग को कस्टमाइज़ कैसे करें?

Question

मैं jQuery मोबाइल पर नया हूं। मैं डिफ़ॉल्ट हेडर रंग को # 013A6F में बदलने की कोशिश कर रहा था।

<div data-role="header" data-theme="b"> 
    <h1> Welcome</h1> 
</div> 

कोई अंतर्दृष्टि ??

Answer 1

मुझे लगता है कि यह आपका सीएसएस होगा। [Link here]
यदि ऐसा है, तो ऐसा करें।

.ui-bar-b h1{ 
    background-color: #013A6F; 
} 

Answer 2

आप वास्तव में आसानी से अपने विषयों को जोड़ सकते हैं।

यह: https://github.com/jquery/jquery-mobile/blob/master/themes/valencia/jquery.mobile.theme.css यदि परियोजना भंडार से विषयों का दूसरा सेट है। अपनी खुद की जोड़ने के लिए, आप उन्हें अपनी इच्छानुसार कुछ भी शीर्षक दे सकते हैं, बशर्ते आप उन्हें एक ही अक्षर ए-जेड शीर्षक दें।

उदाहरण के लिए, अगर आप अपनी खुद की थीम जोड़ना चाहते थे 'एक्स', यह कुछ ऐसा दिखाई देगा:

.ui-bar-x { .... } 

फाइल के बारे में जुड़ा हुआ आप के साथ खेलने के लिए है कि क्या में एक उत्कृष्ट उदाहरण है। और, जैसा कि नवीन ने बताया, यह .ui-bar- है? वह वर्ग जिसे आप हेडर रंग बदलने के लिए खेलना चाहते हैं।

में कुछ तीसरे पक्ष के विषयों यहाँ जुड़ा हुआ है, दुर्भाग्य से एक लिंक के कुछ टूट लगते हैं - वे बहुत अच्छा है जब मैं मूल रूप से यह देखा देखा: http://forum.jquery.com/topic/custom-theme-28-2-2011

Answer 3

यह jquery.mobile-1.0b1 में एक वर्ग है .min.css, यहां मैंने वेब ग्रेडेंट रंगों का उपयोग # a2cbe7 & # 6aaedb के रूप में किया है। आप उन्हें अपने रंग कोड से बदल सकते हैं।

.ui-bar-b{border:1px solid #456f9a;background:#6aaedb;color:#fff;font-weight:bold;text-shadow:0 -1px 1px #254f7a;background: #6aaedb; /* Old browsers */ 
    background: -moz-linear-gradient(top, #6aaedb 0%, #a1cae6 100%); /* FF3.6+ */ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6aaedb), color-stop(100%,#a1cae6)); /* Chrome,Safari4+ */ 
    background: -webkit-linear-gradient(top, #6aaedb 0%,#a1cae6 100%); /* Chrome10+,Safari5.1+ */ 
    background: -o-linear-gradient(top, #6aaedb 0%,#a1cae6 100%); /* Opera 11.10+ */ 
    background: -ms-linear-gradient(top, #6aaedb 0%,#a1cae6 100%); /* IE10+ */ 
    background: linear-gradient(to bottom, #6aaedb 0%,#a1cae6 100%); /* W3C */ 
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6aaedb', endColorstr='#a1cae6',GradientType=0);}