Tistory

티스토리 구분선 변경하기


.article_view hr

<!-- .article_view hr { margin: 30px 0; background:url(https://t1.daumcdn.net/brunch/static/img/line/pc_line_type_04.png); background-repeat: no-repeat; border: none; font-size: 0; line-height: 0; height: 18px; background-position: 50% 50%; } -->

 

바로 티스토리 기능 중 하나인 더보기 기능의 디자인을 변경할 수 있다. 본래 <hr> 코드에다가 CSS를 추가하여 배경이미지로 사용하는 것인데, 같은 다음 플랫폼 서비스 중에 하나인 브런치의 <hr> 이미지를 추가하여 사용할 수 있다.

(이렇게 위의 선이 에디터에서는 그대로 나오지만, 글을 미리보기 하거나 발행하면 다르게 출력된다.)

더보기 배경이미지의 경우, 배경이미지로 사용할만한 외부이미지 링크를 추가하거나, 아니면 위(브런치)의 더보기 이미지를 사용해도 좋다. 현재 본 사이트의 필자가 사용하고 있다.