티스토리 북클럽(book clup) 본문 상단 타이틀 편집하기

티스토리 북클럽(book clup) 본문 상단 타이틀 편집하기

티스토리 북클럽 기본 스킨의 본문 상단 타이틀 부분이 두껍고 배경이 밝아서 흰글씨의 제목이 안보이는 것 같아 편집을 진행하였다. 블로그관리 홈 - 스킨편집 - HTML 편집 - CSS 로 접속한다.

 

 

css 1046번줄의 height의 값을 변경하여 타이틀 배경의 높이를 조절할 수 있다.

 

340px일 경우

150px일 경우

 

css 1060줄의 back ground color 에서 rgba 숫자열의 마지막 값을 바꾸어 배경의 어두운 농도를 정할 수 있다.

숫자값이 클수록 어두워진다.

 

rgba 45 일경우

 

rgba 85 일경우

 

css 1067줄의 padding-bottom은 글제목 글자 위치의 높이를 정할 수 있다. 숫자값이 높을 수록 위로 간다. 

자신의 배경 높이에 따라 중앙에 오게끔 하나하나 맞춰가면 된다. 나의 경우 height가 150px여서 bottom을 10px로 두었다.

 

30px일 경우

10px 일경우 아래로 내려가 중앙에 위치하였다.

 

css 1079, 1080줄의 font weight 는 제목 글씨의 두께를, font size는 크기를 조절할 수 있다. 둘다 숫자 값이 클수록 두꺼워지고, 커진다. 나의 경우 weight는 400, size는 2.125em로 맞추었다.

 

상부타이틀을 좁히다 보면 본문과의 거리가 생겨 중간 공백이 생긴다. 본문을 위로 끌어올리기 위해서 

css 440줄 padding-top 의 값을 조절한다. 값이 크면 본문이 아래로 내려가고 작으면 본문과 타이틀이 가까워진다.

이외에도 페이지의 여러가지 것들을 html과 css를 통해서 수정할 수 있다.