본문 바로가기
SKIN & CSS

티스토리 인용 서식 만들기

글: 논어일기 2020. 12. 13.
반응형

티스토리엔 알면 쓸모 있는 기능이 여럿이다. 그 가운데 서식이 있다. 자주 쓰는 서식을 미리 만들어 두고 글을 쓸 때 불러다 쓰는 기능이다. 관리자 화면/콘텐츠/서식관리에서 관리할 수 있다.

서식을 불러올 떄는 글쓰기 화면에서 서식을 고르면 된다.

인용은 <blockquote></blockquote>로 쉽게 넣을 수 있지만 하나 더 만들어 두기로 했다. 영역(div)을 quote란 이름으로 하나 더 만들고 서식은 아래와 같이 만든다.

<div class="quote">
<hr contenteditable="false" data-ke-type="horizontalRule" data-ke-style="style8" />
인용문
<hr contenteditable="false" data-ke-type="horizontalRule" data-ke-style="style8" />
</div>

quote에 대한 시에스에스는 아래와 같다.

.quote{
    background-image: url(images/quotation.png);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    width: 60%;
    margin: 5px auto;
    padding-top: 10px;
    color: #006179;
}

위에 있는 인용문과 다른 아래와 같은 인용은 진짜 다른 사람의 말이나 속담을 인용할 때 쓸 계획이다.


나는 생각한다. 고로 나는 존재한다. ----데카르트
반응형