Rstudio 0.98.1028 Hintergrundbild nur zur Titelfolie hinzufügen

Question

Ich versuche eine R-Präsentation (.Rpres) mit RStudio 0.98.1028 mit einem anderen Hintergrundbild auf der Titelfolie und einem weiteren Hintergrundbild auf den restlichen Folien zu erstellen . Ich bin in der Lage einen benutzerdefinierten Hintergrund (foo.png) zu platzieren, indem Sie eine CSS-Datei mit diesem in ihm zu schaffen:

body { 
     background-image: url(foo.png); 
     background-position: center center; 
     background-attachment: fixed; 
     background-repeat: no-repeat; 
     background-size: 100% 100%; 
    } 

konnte ich das Standard-Farbschema auf der Titelseite deaktivieren und die Farbe machen schwarz mit diesem:

.section .reveal .state-background { 
    background: transparent;} 

.section .reveal h1, 
.section .reveal p { 
    color: black; 



} 

um foo1.png in die Titelfolie, Andere Beiträge (Adding an image to title slide using slidify) zu erhalten ich schlage vor, diese zu der CSS gesehen haben:

.title-slide { 
    background-image: url(foo1.png); 
    } 

Die foo1.png nicht einfügen. Foo.png bleibt jedoch auf allen Folien (einschließlich der Titelfolie). Wie bekomme ich foo1.png auf meiner Titelfolie?

Answer 1

Sie sind 99% des Weg dorthin. Nur noch ein oder zwei Verbesserungen und du wirst es haben. Sie können Folgendes hinzufügen, um sicherzustellen, dass Ihre Folien die separate css-Datei verwenden, deren Inhalt etwa wie folgt zur Titelfolie hinzugefügt wird.

Intro 
====== 
author: Clever Name 
css: css-file.css 

Sie kann, indem Sie die folgenden zwischen <style> </style>-Tags an der Spitze Ihrer .Rpres Datei vor Ihrem Intro Folie oder in Ihrer separaten CSS-Datei, um den Hintergrund des Titelfolie überschreiben.

<style> 
/* Your other css */ 

.section .reveal .state-background { 
    background: url(foo1.png); 
    background-position: center center; 
    background-attachment: fixed; 
    background-repeat: no-repeat; 
    background-size: 100% 100%; 
} 
</style> 

Sie sind wirklich nah dran. Ändern Sie einfach Ihre title-slide { /* do stuff */ } zu .section .reveal .state-background { /* do stuff */ }