2013-03-03 21 views
6

मैं reveal.js बिट के साथ काम कर रहा हूं और आप वैश्विक स्लाइड के रूप में संदर्भित कुछ स्लाइड के साथ अलग-अलग स्लाइड की पृष्ठभूमि बदल सकते हैं जैसा कि here डेमो में देखा गया है।reve.js पृष्ठभूमि रंग विकल्प

क्या इस स्लाइड पर अन्य रंगों के अलावा अन्य रंग हैं (-सोथ, -ब्लैकआउट और -लर्ट) लागू किया जा सकता है (रंग देखने के लिए प्रेजेंटेशन में कुंजी दबाएं)? यदि हां तो क्या रंग?

उत्तर

9

आप इसे उदाहरण के लिए कर सकते हैं

पृष्ठभूमि के लिए एक शैली (वर्ग "अंत" दिया) घोषित:

:

html.the-end .state-background { 
    background-color: rgba(0,0,0, 0.8); 
    } 

तो इस तरह अंतिम स्लाइड नजर है अंतिम स्लाइड के लिए एक अलग पृष्ठभूमि रंग है

<section data-state='the-end'> 
    <h1>__END__</h1> 
    <br> 
    <h3>Thank you!</h3> 
</section> 

संपादित करें (टायलर रिंकर द्वारा जोड़ा गया) आप सही हैं लेकिन मैं भविष्य के खोजकर्ताओं के लिए और अधिक स्पष्ट होना चाहता हूं। मैंने निम्नलिखित दो खंड जोड़े।

जोड़ा इस reveal.min.css को

.orange .reveal .state-background{background:rgba(255,165,0,1)} 

जोड़ा इस reveal.css को

.orange .reveal .state-background { 
    background: rgba(255, 165, 0, 1); 
} 
+0

मैं कहाँ शैली की घोषणा करते हैं? –

+0

अपने उत्तर के जवाब में अपने प्रश्न का उत्तर दें। जवाब के लिए धन्यवाद। +1 और चेक। –

+0

FYI मैंने डिफ़ॉल्ट शैलियों में कुछ और रंग विकल्प जोड़े हैं: https://github.com/hakimel/reveal.js/blob/master/css/reveal.css#L1242 – hakim

संबंधित मुद्दे