演示徽标和背景图片答案

【问题标题】：Presentation logo & background image演示徽标和背景图片
【发布时间】：2023-01-25 22:45:03
【问题描述】：

我正在使用滑动演示创建报告，并尝试在第一张幻灯片中嵌入所有幻灯片的徽标和背景图像（作为封面）。我已经尝试了一段时间，但不幸的是没有运气。我拥有的代码在 ioslides 演示文稿不滑动的情况下工作得很好，我想使用 slidy，因为页面的大小比 ioslides 宽。请帮忙

---
title: "10"
output:
   slidy_presentation:
      css: styles.css
logo : logo.png
biglogo : logo.png
date: "2022-11-01"
runtime: shiny
---

The CSS file "styles.css":

slides>slide.title-slide {
    background-image: url('logo_1.png');
    background-size: 100% 100%;
}

更新: 到目前为止，我可以通过 css 在右侧添加一个背景图像，在左下角添加一个小徽标。但是，现在的日期位于小徽标下方。任何帮助人们将日期恢复到原位的人，我的 CSS 文件：

 div.slide.titlepage {
  text-align: left;
  background-image: url('logo_1.png');
  background-size: auto;
  background-repeat: no-repeat;
  background-position: right; 
}
div.slide.titlepage h1 {
  padding-bottom: 30%;
  margin-right: 0;
  background-image: url('logo.png');
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 150px 60px;
}

【问题讨论】：

标签： r shiny r-markdown ioslides slidy

【解决方案1】：

您可以在 Slidy 演示文稿中直接操作标题幻灯片上的日期文本。它在 HTML 中有 date 类，您可以在打开 HTML 文件后右键单击文档，然后选择检查元素或类似的东西，具体取决于您的浏览器。

以下是我在自己的应用程序中使用的 CSS 模板示例。根据您的需要进行编辑。

.date {
  font-size: 32px;
  text-align: left;
  margin-left: 2%
}

【讨论】：