[티스토리 스킨] #3. 딘치(Dinch)에서 수평선, 인용구 사용하기

수평선

수평선은 포스트를 시각적으로 다채롭게 구성할 수 있도록 만들어줍니다. 브런치에서 제공하는 수평선을 사용할 수 있습니다. 모든 수평선을 사용가능한 것은 아니며 해당 스킨에서 제공하는 5가지 종류의 수평선만 사용할 수 있습니다.

스타일 적용하기

수평선과 인용구스타일을 적용하려면 HTML모드를 사용해야 합니다. HTML모드는 포스트 스타일에서도 살펴보았듯이 글쓰기 에디터의 오른쪽 상단에 위치합니다.


<hr class="brunch-hr-type-1">


class="brunch-hr-type-1"

수평선에 첫 번째 타입을 적용시키겠다는 의미로 해석해주세요. 타입은 총 5개가 있습니다. type-1, type-2 ... type-5





인용구

인용구는 따옴표 혹은 박스형태를 취하는 경우가 많으며 해당 포스팅에서도 사용되었습니다. 수평선과 마찬가지로 스타일을 조절합니다.

스타일 적용하기

<blockquote class="brunch-blockquote-type-1">인용구 사용하기</blockquote>


class="brunch-blockquote-type-1"

의미는 수평선과 마찬가지이며 타입은 총 3개가 있습니다. type-1 ... type-3
인용구 사용하기


인용구 사용하기


인용구 사용하기


magazine티스토리 스킨
앱작가
전생했더니 개발자였던 건에 관하여
신나게 놀고먹고있는 24살 백수 개발자. 티스토리를 위한 티도리 프레임워크(https://tidory.com)를 개발했다.
댓글