티스토리 커스터마이징2 [Tistory] Code block custom - Code 라인별 숫자 추가, 폰트 설정, 가로 스크롤 [Code 라인별 숫자 추가] 1. HTML 코드 수정 2. 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: #B5B5B5;/* 번호 색상 설정 */ border-right: 1.. 2023. 8. 25. [Tistory] 콘텐츠 제목 Setting - 글 제목(Article Title) 상단 고정 및 기타 기능 [Title 상단 고정 - 본문 영역] 스크롤을 조작해도 Header를 상단에 고정시키는 방법을 알아보자. 위 Header에는 웹사이트명, 글 제목, 메뉴 등의 다양한 정보를 담을 수 있다. 해당 기능은 글을 발행하면 글 제목이 본문 상단에 자동으로 생성되며, 스크롤을 내리더라도 글 제목이 화면 상단에 고정된다. 1. HTML 코드 수정 // 글 제목 치환자 코드 삽입 // 티스토리 글제목(article title) 상단 고정 ] 위 사진처럼 와 사이에 위 코드를 삽입해준다. 2. CSS 코드 수정 .article_title { position: sticky; /* 고정 여부 */ top: 0px; /* 상단 고정의 위치 */ margin: 0px 0px 30px 0px; /* 글과의 간격 */ padd.. 2023. 8. 25. 이전 1 다음
