演示徽標和背景圖片

Question

我正在使用滑動演示創建報告，並嘗試在第一張幻燈片中嵌入所有幻燈片的徽標和背景圖像（作為封面）。 我已經嘗試了一段時間，但不幸的是沒有運氣。 我的代碼在 ioslides 演示文稿上工作得很好，不是 slidy，我想使用 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;
}

Answer 1

您可以在 Slidy 演示文稿中直接操作標題幻燈片上的日期文本。 它的date為 HTML 中的日期 class，您可以在打開 HTML 文件后右鍵單擊該文檔，然后根據您的瀏覽器選擇檢查元素或類似的東西來查看。

以下是我在自己的應用程序中使用的 CSS 模板的示例。 根據您的需要進行編輯。

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