仅在ioslides中的溢出幻灯片上抑制徽标和/或页码

时间:2016-08-23 16:53:22

标签: html css r-markdown presentation ioslides

这是一个与older and yet to be answered类似的问题。我正在使用ioslides(rmarkdown),我希望在所有幻灯片上都包含一个徽标,除了幻灯片溢出(因此需要滚动条)。

我知道如何取消除标题幻灯片(https://stackoverflow.com/questions/32458089/add-logo-only-on-first-main-slide-in-ioslides-rstudio?noredirect=1&lq=1)以外的所有幻灯片上的徽标。

我也知道如何更改主体幻灯片上的徽标大小(https://github.com/rstudio/rmarkdown/pull/567/commits/78cd4b7638416e30de0c9784cbe678f882bf4897)。然后,从旧帖子(https://stackoverflow.com/questions/38338469/hide-logo-and-page-number-only-for-scrolling-slides-in-rmarkdown)获取信息,以及有关创建自定义选项的信息,如here所述:

“您还可以通过向文档中的幻灯片标题添加ID或类来定制特定幻灯片或使用自定义CSS的切片类。例如,以下幻灯片标题:”

## Next Steps {#nextsteps .emphasized}

“使您能够使用以下任一CSS选择器将CSS应用于所有内容:”

#nextsteps {
   color: blue;
}

.emphasized {
   font-size: 1.2em;
}

我尝试在.Rmd文件中执行这两个操作:

## A long slide {#nologo}

这是在.css文件中(我将default.csshttps://github.com/rstudio/rmarkdown/blob/3d46213d750fd4ebb83e73d0df357f081c73f49f/inst/rmd/ioslides/ioslides-13.5.1/theme/css/default.css)文件复制到我的工作目录中):

#nologo {
    slides > slide { overflow: scroll; } !important;
    slides > slide:not(.nobackground):after {content: '';} !important;
    slides > slide:not(.nobackground):before {background: none;} !important;
}

那不起作用。也没有这样做:

slides > slide #nologo {
    slide { overflow: scroll; } !important;
    slide:not(.nobackground):after {content: '';} !important;
    slide:not(.nobackground):before {background: none;} !important;
}

这是一个MWE:

.Rmd文件:

---
title: "Slideshow"
author: "me"
date: "`r format(Sys.time(), '%d %B %Y')`"
css: css/default.css
logo: images/logo.png
output:
  ioslides_presentation:
    incremental: true
    keep_md: true
---
# First Section
## Normal slide
Text here, blahblahblah

## Scrolling slide
```{r}
df <- iris
head(df, 25)
```

css文件是default.css文件,但有以下例外:

/* Change size of logo on regular slides */
/* https://github.com/rstudio/rmarkdown/pull/567/commits/78cd4b7638416e30de0c9784cbe678f882bf4897 */
slides > slide:not(.nobackground):before {
    width: 75px;
    height: 75px;
    background-size: 75px 75px;
}

/* overflow changed from hidden to auto */
/* line 98, ../scss/_base.scss */
slides > slide {
  display: block;
  position: absolute;
  /* overflow: hidden; */
  overflow: auto;
  left: 50%;
  top: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

我想知道在构建过程中是否有办法“检查”幻灯片是否会溢出并自动抑制徽标和/或页码,或者我是否可以在每张幻灯片上传递一个选项抑制徽标和/或页码的基础?

0 个答案:

没有答案