티스토리 뷰
오늘도 변함없이 티스토리 블로그 운영하기 훈련소에 참가한 것을 환영한다. 오늘은 지난번에 이어서 티스토리 북클럽 스킨의 세팅방법을 알아보도록 할 것인데 포스팅을 선택하였을 때 본문에 나오는 상단의 타이틀 바의 크기와 투명도 조절하는 방법을 연습해 보도록 할 것이다. 오늘도 역시 교관이 지시하는 대로 잘만 따라 하면 아무 문제 없이 타이틀 수정에 성공할 수 있으니 잘 보고 따라 하길 바란다.
오늘 포스팅의 훈련 사항
- 포스팅 본문 상단의 타이틀 투명도조절
- 포스팅 본문 상단의 타이틀 투명도크기조절
본문 상단의 타이틀 투명도조절
1. 티스토리 블로그 관리자 페이지에서 왼쪽 메뉴 아래쪽의 꾸미기 메뉴에서 스킨 편집을 선택한다.
2. 스킨편집 메뉴로 이동하면 HTML편입을 선택한다.
3. HTML 편집편집 모드로 변경되면 CSS를 선택 후 1060라인의 post-coverbefore 안에 Backround color rgba (0,0,0,0.85)가 보일 것이다 여기서 rgba 안의 숫자를 변경하면 투명도를 조절하게 되는데 각자 취향에 맞게 투명도를 조절하여 주면 되며 투명도는 아래를 참조하도록.
rgba 숫자별 투명도
포스팅 본문 상단의 타이틀 투명도 크기 조절
1. HTML의 CSS의 상태에서 이번에는 1046번 라인을 찾는다.
2. 1046번 라인은 Height의 값을 변경하여 타이틀 배경의 높이 조절을 할 수가 있다.
3. Height의 값을340px에서 300px로 변경하면 아래 화면처럼 타이틀 높이가 변경되는 것을 확인할 수가 있으면 역시 이것도 본인의 취향에 따라 높이를 조절하여 사용하면 된다.
모두 잘 보고 따라 했을 것으로 이 교관은 생각하며 다음번에도 더 쉽고 이해하기 쉽게 티스토리 북클럽 스킨의 세팅 방법을 준비하도록 하겠다. 이상 10분간 휴식~!