gepuro.net
gepulog

データ分析エンジニアによる備忘録的ブログ

ioslidesにおけるロゴのサイズを変える

スライドをRmdで書くgepuroです。

デフォルトのままでは、ロゴのサイズがピクセル単位で固定されているので、画像によっては歪んで表示されてしまう。 それでは困るので、 CSSを弄りました。

また、 タイトル以外のページに現れるロゴは邪魔なので、 background-size: 0px 0px;として、消しています。

slide.Rmd

title: "タイトル"
author: "@gepuro"
output_format:
  ioslides_presentation:
    css: logo.css
    logo: logo.png

mystyle.css

/* トップのロゴの大きさを変える */
aside.gdbar img {
width: 180px;
height: 47.2px;
position: absolute;
right: -5px;
top: 15px;
margin: 8px 15px;
}

/* 他のページのロゴの大きさを変える */
slides > slide:not(.nobackground):before {
font-size: 12pt;
content: "";
position: absolute;
bottom: 20px;
left: 60px;
background: url(logo.png) no-repeat 0 50%;
-webkit-background-size: 30px 30px;
-moz-background-size: 30px 30px;
-o-background-size: 30px 30px;
background-size: 0px 0px;
padding-left: 40px;
height: 30px;
line-height: 1.9;
}

似てる記事

似てない記事