Remark: 슬라이드 템플릿에 머리글 및 바닥 글 추가

에 만든 2015년 05월 18일 · 6코멘트 · 출처: gnab/remark

간단히 추가하여 슬라이드 디자인 / 레이아웃에 헤더를 추가 할 수있었습니다.

전에

question

출처

utdrmac

가장 유용한 댓글

<textarea> 이외의 항목을 추가해서는 안됩니다. 원하는 것은 layout 슬라이드 속성을 사용하여 다음 모든 슬라이드에 포함될 공통 헤더가 포함 된 초기 템플릿 슬라이드를 정의하는 것입니다 (새 레이아웃 슬라이드가 정의 될 때까지 또는 layout: false 는 비활성화하는 데 사용됩니다).

https://github.com/gnab/remark/wiki/Markdown#layout

바닥 글에 관해서는 가장 쉬운 방법은 추가 아마 <div class="footer">your footer text</div> 같은 레이아웃 슬라이드 및 사용 CSS를 .footer { position: absolute; bottom: 12px; left: 20px } 올바르게 배치합니다.

gnab 에 2015년 05월 19일

🎉3 👍1

모든 6 댓글

더 나은 솔루션이 필요합니다. 4 : 3 비율로 변경하면 textarea 앞에 div 를 추가하면 확장되지 않습니다. 영구 머리글 및 바닥 글 영역을 각 슬라이드에 스타일 템플릿으로 추가하는 간단한 방법은 무엇입니까?

utdrmac 에 2015년 05월 19일

https://github.com/gnab/remark/wiki/Markdown#layout

gnab 에 2015년 05월 19일

🎉3 👍1

완전한! 감사합니다!

utdrmac 에 2015년 05월 22일

바닥 글에 이미지를 넣는 방법을 알아낼 수없는 것 같습니다.
저를 올바른 방향으로 안내해 주시겠습니까?

arioch 에 2015년 10월 14일

@arioch 이것이 내가 가진 것입니다. 머리글의 이미지이지만 바닥 글의 이미지로 쉽게 조정할 수 있다고 확신합니다. 내 헤더에 흰색에서 주황색으로 그라디언트가 있습니다.

<link rel="stylesheet" type="text/css" href="my-remark.css"/>
<body>
    <textarea id="source">

layout: true
<div class="my-header"><img src="images/logo_tiny.png" style="height: 30px;"/></div>
<div class="my-footer"><span>&copy; 2011 - 2015 My Company, Inc.</span></div>

---
class: center, middle

Title Page

---

## Table of Contents

Slide 2
</textarea>

==== CUT my-remark.css =====

/* Header/Footer stuff */
div.my-header {
    background-color: #F77A00;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffb76b), color-stop(0%,#ffa73d), color-stop(0%,#ffffff), color-stop(10%,#ffffff), color-stop(25%,#F77A00), color-stop(100%,#F77A00));
    position: fixed;
    top: 0px;
    left: 0px;
    height: 30px;
    width: 100%;
    text-align: left;
}

div.my-footer {
    background-color: #F77A00;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 20px;
    width: 100%;
}

div.my-footer span {
    font-size: 10pt;
    position: absolute;
    left: 15px;
    bottom: 2px;
}

utdrmac 에 2015년 10월 14일

👍2

그게 제가 찾던 것입니다. 감사합니다!

arioch 에 2015년 10월 14일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Remark: 슬라이드 템플릿에 머리글 및 바닥 글 추가

가장 유용한 댓글

모든 6 댓글

관련 문제