반응형 티스토리3 티스토리 목차(제목) 꾸미는 방법 글 작성 시 목차와 같은 주요 부분을 강조하고 싶을 때 밑줄 표시, 볼드체 사용, 색상 변경 등을 사용하는 방법을 사용합니다. 이번 글에서는 (h2, h3, h4) 코드를 수정하여 간단하게 목차 강조하는 방법에 대한 설명입니다. 1. 목차 포맷(format) 지정하기 티스토리 글쓰기 화면에서 왼쪽 위에 기본 "본문2"라고 되어있는 부분을 '제목1' ~ '제목3' 중 한개를 선택하면 지금 선택한 글은 제목(소제목) 이라고 지정을 할 수 있습니다 제목 꾸미는 CSS를 적용하기 전 기본 제목1,2,3은 아래와 같이 별다른 특징 없이 크기 차이정도만 있습니다. 2. 목차 꾸미기 적용 아래와 같이 간단하게 목차를 꾸며 가독성을 높여보겠습니다. 1) CSS 편집 티스토리 -> 관리 -> 꾸미기 -> 스킨 편집 ->.. 2023. 12. 9. 티스토리 모바일 화면 확대 축소 티스토리 블로그를 모바일 화면으로 볼 때 화면 확대나 축소가 안되어 불편한 경험이 있습니다. 모바일 화면에서 화면 확대 축소가 가능하도록 설정하는 방법 설정 방법 티스토리 관리 -> 스킨편집 -> html 편집 메뉴로 들어 갑니다 그러면 맨 위 부분에 meta name="viewport" 이렇게 써있는 부분이 보일거에요 안보이면 viewport 로 검색 하시고 찾았으면 이제 해당 부분을 주석처리 합니다. 맨앞에 이렇게 막아주세요 그리고 새로운 코드를 넣어 줍니다 -- 원본 -- 수정 예시) 코드 변경하시고 적용하면 이제 모바일에서 사진/글 확대 축소가 가능합니다 2023. 11. 10. 티스토리 코드블럭 라인 번호 설정 방법 코드블럭 하이라이트 및 라인넘버 html 편집 -> html 사이에 아래 구문 추가 html 편집 -> CSS 맨 아래에 아래 구문 추가 /* Line Number CSS */ /* for block of numbers */ .hljs-ln-numbers { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-align: center; color: #ccc; border-right: 1px solid #CCC; vertical-align: top; width: 25px; } /* .. 2022. 5. 17. 이전 1 다음 반응형
