본문 바로가기

티스토리 스킨4

티스토리 북클럽 본문상단 제목박스 사이즈 줄이기 티스토리 북클럽 기본스킨을 적용한 후 본문에 들어가면 상단 제목 블록이 아래 왼쪽 이미지와 같이 너무 크게 잡힌다. 그래서 단 몇 분 만에 크기를 적당히 조절하는 방법을 소개하려 한다. 1. 박스 사이즈 조절 블로그 관리 페이지-> 꾸미기-> 스킨편집->html 편집으로 가서 CSS 창을 누르고 위와 같이 스킨을 변경하면 회색으로 이루어진 제목 박스 사이즈를 조정할 수 있다. 본인은 340px에서 200px로 변경하였다. 그리고 변경을 해 보면 박스 내부에 제목이 상단으로 쏠려 있는걸 확인 할 수 있다. 이제 이것을 보기 좋게 변경해보자. 2. 제목을 박스 중간으로 정렬 padding-bottom: 78px에서 10px로 변경해보았다. 이건 제목의 길이 및 브라우저의 종류 및 화면 해상도에 따라 본인이 .. 2021. 1. 9.
티스토리 기본스킨 꾸미기 03 - 사이드바 (메뉴바) 폰트 변경 티스토리 기본 스킨인 Book Club 스킨에서 제공하는 사이드바 글씨를 읽다 보면 너무 작아서 답답하다. 과연 누가 이렇게 글씨 크기를 이렇게 작게 만들어 놓은 건지...... 관심사가 생겨서 들어가려면 돋보기 필수지참일 듯. 그래서 사이드바의 글씨를 키워보려고 한다. 티스토리 html 편집으로 들어가 CSS 부분에서 Sidebar라고 검색을 한 후에 font size가 있는 부분을 하나씩 조절해보면서 원하는 사이즈와 padding을 찾아가면서 layout을 조정하면 된다. 처음 html편집이 어렵지 한번 하고 나면 너무나 쉽다. 그리고 코드라인이 너무 많아서 찾기 어렵다면 이전 블로그 게시글 "기본스킨 꾸미기 01"에서 설명한 웨일 브라우저를 사용을 추천한다. 관련 글 링크: 기본스킨 꾸미기 01 기.. 2020. 12. 10.
티스토리 기본스킨 꾸미기 02 - 본문 상단 대표 이미지 제거 티스토리에서 제공하는 Book Club 스킨을 사용하다 보면 대표 이미지에 글씨가 포함된 이미지를 설정할 경우 본문을 읽을 때 아래 이미지와 같이 제목을 읽기가 매우 힘들다. 그래서 html 스킨 편집으로 이러한 문제점을 해결하려고 한다. 단순히 html 편집으로 가서 아래 빨간색으로 하이라이트 된 부분을 삭제하면 된다. 단순히 삭제한 것만으로도 본문 열람 시 제목을 읽기 어렵게 만드는 대표 이미지 효과는 사라지게 된다. (좌측이 Before, 우측이 After) 2020. 12. 9.
티스토리 기본스킨 꾸미기 01 - 블로그 대문 폰트변경 티스토리 블로그를 운영하다 보면 스킨을 적용해서 개인 홈페이지처럼 꾸밀 수 있고 호스팅 비용도 나가지 않고 너무 좋다. 하지만 스킨을 쓰다 보면 여러 기능이 포함되어서 속도가 느려지거나 페이지 로딩 오류가 발생한다. "튜닝의 끝은 순정이다."라는 말이 있듯이 속도를 아무리 개선하려고 해도 전반적으로 여러 기능이 담긴 무거운 스킨이라서 로딩속도를 올리는 데 한계점을 느끼고 기본스킨으로 다시 돌아갔다. 현재 2020년 12월 06일 기준으로 사용 중인 스킨은 티스토리에서 기본으로 제공하는 Book Club 스킨이다. 이 스킨은 우측에 목록이 나와서 깔끔하게 책에 목차에서 찾고 싶은 걸을 바로 찾을 수 있는 장점이 있어 개인적으로 선호한다. 하지만 좌측 상단에 글씨 아래 사진과 같이 나와서 마음에 들지 않는다.. 2020. 12. 8.