본문 바로가기

유용한 정보

티스토리에서 다양한 인용구 태그(blockquote) 사용하는 방법


인용구

신문기사나 다른글을 인용할때 인용임을 표시하는 것으로, CSS를 수정하여 다양한 스타일의 인용구를 만들수 있습니다.



티스토리 글쓰기 화면에서 제공하는 인용구 입니다.


본문에 들여쓰기 형식으로 기울여진 글꼴로 인용구임을 나타 냅니다.


이것도 좋지만, CSS를 편집해 기본 인용구 외에 4가지의 인용구 스타일을 만드는 방법에 대해 알아 보도록 하겠습니다.






인용구 스타일 1






인용구 스타일 2






인용구 스타일 3






인용구 스타일 4






인용문 스타일 만드는 방법


1. 우선 아래의 파일을 다운로드 받고 압축을 풀어 줍니다.



blockquote.zip



style.txt



2. 티스토리의 관리자 > HTML/CSS 편집으로 이동 합니다.


3. 파일올리기를 클릭하고 압축을 푼 폴더 안의 파일들을 업로드 합니다.




4. CSS를 클릭하고 컨트롤 + F (윈도우), 커맨드 + F (맥OS) 입력, blockquote 를 검색 합니다.



5. 아래의 그림처럼 blockquote { 에서, } 까지 선택 합니다.


 



6. 다운로드 받은 텍스트 파일을 열고 원하는 스타일을 드레그해 선택하고 5.의 자리에 붙여넣기 합니다.



** 첨부된 텍스트 파일에서 blockqute 앞의 점(.)은 제외하고 복사 합니다.


7. 저장을 눌러 편집을 완료 합니다.




티스토리에서 글쓸때 인용구 삽입하는 방법

1. 인용구로 만들 텍스트를 모두 선택 합니다.



2. 텍스트 에디터의 따옴표 아이콘을 클릭해 인용구를 적용하면 선택했던 스타일로 인용구가 변화 됩니다.