티스토리 북클럽 반응형 스킨 ‘글 제목 배경 사진 변경’

오랜만에 노트북으로 들어간 티스토리 블로그!
항상 티스토리 어플만 쓰다 pc로 들어가니
글씨는 작고, 사진은 너무 컸다.

스킨을 변경하기로 하고 살펴보니
bookclub 스킨이 마음에 들었다.

이것저것 조정 후 보니
글 페이지마다 포스팅 한 첫번째 사진이 배경으로 올라왔다.
블로그에 광고도 달아서
내가 보기에는 복잡해 보였다.

글 제목에 뜨는 배경 사진을 변경하려고 이것저것 찾아봤는데
안 나왔다.

html과 css를 하나도 몰라서
다시 이것저것 찾아보며
하나씩 대입해보니 원하는대로 바꼈다!


​​1​. 글 제목 배경 변경
​

사진의 커서 부분을 원하는 이미지로 넣으면 된다.
나는 아무것도 안 나와도 되서
none;
으로 변경했다.
변경하니 회색배경으로 나온다!

원하는 이미지로 넣는 방법은 ‘티스토리 배경이미지 변경, 수정’으로 검색해보면 많이 나온다.

​

변경하면 위 사진처럼 회색으로 뜬다.


​​2. 글 제목 높이 조절

회색의 높이를 줄이고 싶어서
또 이것저것 찾아보며 건들이니 됐다!
(북클럽 스킨은 인기가 없는지 잘 안 나온다)
​

css에서 윗 사진 커서 부분의 높이를 변경!
0으로 하든 10으로 하든 밑 사진의 높이로 나온다.
아래 사진의 높이가 기본값인가보다.

변경하고 나니 제목과 본문 글 사이가 너무 멀었다.
제목과 본문 글 사이 조정을 위해 또 이것저것 찾아 바꿔보기 시작!

​​3. 티스토리 북클럽 스킨 ‘글 제목 본문 여백 조절’
​

커서 부분을 150으로 조절!
150보다 낮게하면 광고부분이 짤린다.


끝!

​