티스토리 목차 및 인용구 꾸미기 서식 모음 (다운로드)

 

 

안녕하세요. 책길남입니다. 

티스토리 블로그 글 작성하실 경우 목차나 인용구를 넣을 경우 눈에 잘 띄게 하고싶은데 어떻게 꾸미실 지 잘 모르실 겁니다. 목차와 인용구를 꾸미실 때 사용하실 수 있는 심플하고 이쁜 티스토리 목차 및 인용구 꾸미기 서식을 제공해드리니 사용하셔서 시각적 효과와 가독성 향상해보시기 바랍니다.

 

 

 

목차 서식 모음                      

 

 티스토리 블로그 글 작성 시 서식을 활용하시면 많은 효과를 보실 수 있습니다.

1. 시각적인 효과 향상

2. 글의 가독성 향상

3. 정보 전달 용이성 향상

4. 문단 요약 효과 향상

 

 

 

 

목차 및 인용구 서식 사용방법

아래 목차 및 인용구 서식(html 소스)를 본인의 블로그 서식에 넣어두셔서 글을 작성하실 때마다 불러들여서 사용하시면 됩니다. 이에 대한 내용은 아래 목차 및 인용구 서식 사용방법을 통해 확인하실 수 있습니다. 

 

 

 

목차 및 인용구 테두리 스타일

HTML에서 선 스타일을 'solid'라고 쓰여있는 부분이 나타냅니다.

아래 스타일 단어로 변경하시면 선 스타일이 변경됩니다.

한줄 직선	네모 점선	동근 점선	두줄 직선
solid	dashed	dotted	double

 

목차 및 인용구 테두리 선 위치

HTML에서 선 위치를 'border'이라고 쓰여있는 부분이 나타냅니다.

아래 스타일 단어로 변경하시면 선 위치에 대한 서식 스타일을 변경할 수 있습니다.

왼쪽 선	오른쪽 선	위쪽 선	아래쪽 선
border-left	border-right	border-top	border-bottom

 

 

 

 

태그 및 속성

HTML에서 선 위치를 'border'이라고 쓰여있는 부분이 나타냅니다.

아래 스타일 단어로 변경하시면 선 위치에 대한 서식 스타일을 변경할 수 있습니다.

태그 및 속성	내용
color: #8568e1;	글꼴색
background-color: #6c7ae0	배경색
border-left: #000000 5px solid;	왼쪽 선: #색상, 선굵기px, 선 스타일
border-bottom: #000000 5px solid;	아래쪽 선: #색상, 선굵기px, 선 스타일
border: 5px solid #000000;	전체 테두리선: 선굵기px, 선 스타일, #색상
padding: 10px 5px 10px 5px;	박스 내부 여백: 좌 / 상 / 우 / 하
margin: 10px 5px;	박스 외부 여백: 상,하 / 좌,우
border-radius: 20px 1px 20px 1px;	테이블 둥근 모서리: 상 / 하 / 좌 / 우
box-shadow: 5px 5px 5px 5px #999;	그림자 효과: 상 / 하 / 좌 / 우 #색상

 

 

소제목 색상변경 시 색상코드 아래 '색상표'에서 확인 가능

HTML 컬러 코드

 

목차 및 인용구 서식 다운로드 받기  

목차 서식 1번부터 7번까지 있습니다. 마음에 드시는 목차 서식이 있다면 첨부파일의 메모장 텍스트를 다운받아서 서식에 저장하여 사용하시면 됩니다. 

 

 

 

블로그 목차(인용구) 서식 1

1. 안녕하세요.

2. 책길남입니다.

 

 

 

 

목차 (예시)

1. 안녕하세요.

2. 책길남입니다.

 

목차 스타일 1.txt

0.00MB

---

 

 

블로그 목차(인용구) 서식 2

- 내용 -

 

 

목차 스타일 2.txt

0.00MB

 

---

 

 

블로그 목차(인용구) 서식 3

- 내용 -.

 

 

목차 스타일 3.txt

0.00MB

 

---

 

 

블로그 목차(인용구) 서식 4

- 내용 -

 

 

목차 스타일 4.txt

0.00MB

 

---

 

블로그 목차(인용구) 서식 5

1.

2.

 

목차 스타일 5.txt

0.00MB

 

---

 

블로그 목차(인용구) 서식 6

1.

2.

 

목차 스타일 6.txt

0.00MB

---

 

블로그 목차(인용구) 서식 7

1.

2.

 

목차 스타일 7.txt

0.00MB

---

 

블로그 목차(인용구) 서식 8

1.

2.

 

목차 스타일 8.txt

0.00MB

---

 

블로그 목차(인용구) 서식 9

1.

2.

 

목차 스타일 9.txt

0.00MB

---

 

블로그 목차(인용구) 서식 10

목차 서식 10는 티스토리 설정의 차이로 밑줄이 밀려서 틀어질 수 있습니다.

PC에서는 정상적으로 보이지만 모바일에서는 밑줄이 밀려서 틀어질 수 있습니다.

밑줄이 밀려서 틀어질 경우 (#D4E6CE, #D4E6CE 1px, #ffffff 1px, #ffffff 2.0em)에서

2.0em의 치수를 줄이거나 늘려 조정하세요.

 

 

목차 스타일 10.txt

0.00MB

---

 

목차 및 인용구 스타일 중에 마음에 드시는 목차 서식이 있다면 첨부파일을 다운받아서 사용하시면 됩니다. 유용하시다면 꼭 좋아요와 공유 부탁드립니다. 이상 책길남이었습니다.