2013-03-03 14 views
6

Ho lavorato un po 'con reveal.js e puoi modificare lo sfondo delle singole diapositive con qualcosa denominato lo stato globale come visto here nella demo.reveal.js scelte colore di sfondo

Ci sono altri colori oltre a quelli menzionati (-salvare, -bloccare e -alert) su questa diapositiva che può essere applicata (tasto premuto nella presentazione per vedere i colori)? Se sì, quali colori?

risposta

9

È possibile farlo ad es. avere un colore diverso di sfondo per la diapositiva finale:

Dichiarare uno stile per lo sfondo (data la classe di "the-end"):

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

poi hanno l'aspetto diapositiva finale in questo modo:

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

EDIT (aggiunto da tyler rinker) Sei corretto ma volevo essere più esplicito per i futuri utenti. Ho aggiunto i seguenti due segmenti.

Aggiunto questo per reveal.min.css

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

Aggiunto questo per reveal.css

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

Da dove dichiaro lo stile? –

+0

Rispondi alla mia domanda in una modifica alla tua risposta. Grazie per la risposta. +1 e il controllo. –

+0

FYI Ho aggiunto qualche altra opzione di colore negli stili predefiniti: https://github.com/hakimel/reveal.js/blob/master/css/reveal.css#L1242 – hakim