slidify - 如何创建幻灯片布局

时间:2015-10-18 20:39:01

标签: html css r slidify

我正在为一个大学(博士级)几周内我必须做的会议制作一个定制的滑动演示文稿。我想在assets/layouts目录中创建DRY布局以简化幻灯片设计并保持干燥:仅限标题,计划,仅限子标题,标题和正文,子标题和两列,标题,小标题和正文,标题,空白。

我访问了ramnathv github repositoryspecific slidify Website page to customize layouts

我还检查了several questions asked on slidify specific subject

我已在slide.css中成功创建assets/css文件,并在assets/img中添加徽标,以自定义展示的方面和css属性(自定义tilte-slide & slide)。

我想在html为我的每个演示文稿幻灯片类型创建一个assets/layouts文件:title-only.htmlplan.htmlsub-title.htmll,{{1 },title-and-body.htmlsub-title-and-two-cols.htmltitle.htmlsub-title-and-body.htmlcaption.html

我找到了ramnathv hereblank.html部分创建sub-title-and-two-cols.html文件时回答的有用问题。

我现在需要传输在我的'slide.css Layouts with Parameters assets / css`目录中创建的css属性。

例如,我想创建一个file in the文件。以下是我想从plan.html文件的slide.css文件计算的代码:

  • 修改字体:

    plan.html
  • 修改标题幻灯片属性:

    @import url('https://fonts.googleapis.com/css?family=Old+Standard+TT');
    
  • 修改文本内容属性:

    /* slide h2 css modification = for page title left - blue */
    slide:not(.segue) h2{
    font-family:'Old Standard TT', sans-serif;
    font-size: 36px;
    font-style: normal;
    font-weight: lighter;
    text-transform: normal;
    letter-spacing: -2px;
    line-height: 1.2em;
    text-align: left;
    color: #0000ff;
    }
    

我想知道如何在 /* slide article & section css modification = normal lighter darkgrey */ article p, article li, article li.build, section p, section li{ font-family: 'Old Standard TT', sans-serif; font-size:22px; font-style: normal; font-weight: lighter; text-transform: normal; text-align: left ; letter-spacing: 1px; line-height: 1.5em; color: #4c4c4c; } 文件中传输此css属性:

plan.html

然后,对于'计划'幻灯片,我会将它们标记为:

    ---
    layout: slide
    ---
    {{{ content }}}  
    ...
    ...

哪个应该获得之前指定的css属性。

0 个答案:

没有答案