December 2, 2015

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;

}

© gepuro 2013