Question

使用RStudio，Markdown语法和ioslides格式构建演示文稿。看一下这个例子：

---
title: "Example"
output:
  ioslides_presentation:
toc: yes
widescreen: yes
---
<img style="position:absolute;bottom:75%;left:73%;width:170px;" src="http://developer.r-project.org/Logo/Rlogo-5.png">

## TOC 
<div style="position:absolute;bottom:4%;left:5%;width:450px;font-size:11pt;">FooterFooterFooter</div>

Test Test Test


## Introduction {.smaller .build}
<div style="position:absolute;bottom:4%;left:5%;width:450px;font-size:11pt;">FooterFooterFooter</div>

Test Test Test

如您所见，我在右上角添加了徽标。它放在每张幻灯片上，因为我一开始就把它包括在内。

在标题幻灯片后面的幻灯片中，我添加了一个页脚。我必须将它包含在每张幻灯片中。如果我在开头放置那行代码（比如徽标），我也会在标题幻灯片上显示它（我不想发生的事情）。

所以雀，所以食物。如果我通过pice构建滑块（如本例中的“简介”幻灯片），则页脚也是正在构建的元素之一。更准确地说，第一次点击后会出现页脚。这就是我不想发生的事情！我想＆＃34;排除＆＃34;包含建筑过程中页脚的div元素。

这有可能吗？

否则，如果我在代码的开头包含页脚，我该如何将其从标题页中排除？

感谢您的帮助！

更新

好的，我找到了解决方案。但是这个非常不方便。可以编辑编织的HTML文件，并将div-container放在幻灯片的标题和文章声明之间：

原件：

<slide class=''>
<hgroup><h2>Introduction</h2></hgroup><article  id="introduction" class="smaller build">
<div style="position:absolute;bottom:4%;left:5%;width:450px;font-size:11pt;"> FooterFooterFooter </div>
<p>Test Test Test</p></article></slide>
<slide class="backdrop"></slide>
</slides>

编辑过：

<slide class=''>
<hgroup><h2>Introduction</h2></hgroup>
<div style="position:absolute;bottom:4%;left:5%;width:450px;font-size:11pt;">FooterFooterFooter </div>
<article  id="introduction" class="smaller build">

<p>Test Test Test</p></article></slide>
<slide class="backdrop"></slide>
</slides>

这很有效。但是，如果我有50张幻灯片，并且所有这些幻灯片都是逐段构建的，我将需要编辑50行代码。还有其他建议吗？

Answer 1

由于我不是CSS破解，我不得不在模板文件中挖掘。我终于找到了：

添加以下行：

background-image: url(/Users/PATHTOLOGO/logo.pdf) !important;
background-size: 200px;
background-repeat: no-repeat;
background-position: 93.1% 4%;

到slides > slide标记之后的body CSS定义，将在每张幻灯片（包括标题幻灯片）上添加指定的徽标，并将其排除在内！寻找

/* line 58, ../scss/default.scss */
body {
  background: black;
}

/* line 62, ../scss/default.scss */
slides > slide {
  display: none;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 26px;
  color: #797979;
  width: 900px;
  height: 700px;
  margin-left: -450px;
  margin-top: -350px;
  padding: 40px 60px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;

}

default.css中的

。我唯一无法弄清楚的是如何将徽标添加到section幻灯片中。我尝试将我的行添加到slide.dark类，但这不起作用。也许有人可以弄清楚最后一块拼图=）

Markdown：从ioslides中的“building”中删除幻灯片上的元素

1 个答案: