오늘은 티스토리 스킨 중 북클럽이라는 것을 사용하다 보니 처음에는 그냥 회색의 제목난에 흰색의 글씨가 나타나더군요. 몇 개의 글을 쓰고 난 후 왠지 제목난의 기본 배경색인 회색을 다른 색상으로 바꾸어 보고 싶었습니다. 바뀌어진 내용을 여러분 들과 함께 공유하고자 합니다.
이전 글 - [티스토리] - 티스토리 스킨편집: 북클럽 제목 색상 바꾸기
블로그 제목 배경색 바꾸기
티스토리의 스킨을 수정하는 것은 사용자 정의 CSS(Cascade Style Sheet)를 통해 가능합니다. 북클럽 스킨에서 기본으로 주어지는 회색의 제목 바탕색을 바꾸는 것은 먼저:
1. 티스토리 관리자 페이지에 로그인합니다.
2. 왼쪽 메뉴에서 꾸미기 -> 스킨 편집 -> 북클럽 이미지 아래에 있는 html 편집을 클릭합니다.
3. 이제 사용자 정의 CSS 설정으로 갑니다. 화면 오른쪽에 있는 CSS를 클릭합니다.
CSS 코드 작성:
1. 원하는 변경사항을 반영하기 위해 CSS 코드를 변경해야 합니다.
2. 이 과정을 하기위해서는 위의 화면에서 키보드 단축키인 CTRL_F를 눌러주고, 아래에서 보여주듯이 찾기 난에 post-cover를 입력한 후 Enter 키를 눌러줍니다.
3. 여기서 현재의 회색 배경색을 빼기 위해서는 생략표시 html 코드를(/* ~ */) 사용해서 /* background-color:cbcbcb */ 사이에 있는 내용의 시작과 끝에 표시를 합니다.
4. 회색 대신에 다른 background-color를 바꾸어 주고 싶다면 post-cover:before{ 부분에 있는 background-color를 설정해 주면 됩니다. 화이트 색을 설정하고자 한다면 (255,255,255,1)로 변경해 주면 됩니다. 여기서 다른 컬러를 원한다면 사각기호를 마우스로 선택하여 변경하면 됩니다.
5. 이제 바뀐 내용을 저장하기 위해 작성하는 오른쪽 화면 아래쪽의완료 버튼을 눌러 줍니다.
이제 나의 블로그 글을 열면 더이상 회색의 제목 배경색이 나타나지 않습니다. 저는 약간의 인디언 핑크로 설정을 했는데 괜찮았답니다. 다음글은 아마도 인디언 핑크계열로 배경색을 넣다 보니 제목글씨가 흰색이니 잘 나타나지 않아서 그것을 찾아 수정해 보려고 합니다. 도움이 되셨기를 바랍니다.
티스토리 스킨편집: 북클럽 제목 색상 바꾸기
안녕하세요? 지난 번 블로그에서는 티스토리 스킨 중 북클럽이라는 것을 사용하여 회색의 제목 바탕으로 설정된 기본 회색을 인디언 핑크로 바꾸어 보았습니다. 오늘은 배경색이 밝은 색이고
sarahspace.tistory.com
'IT 인터넷 > 티스토리(tistory)' 카테고리의 다른 글
| 티스토리 블로그 링크: 내부링크와 외부링크 (1) | 2024.01.09 |
|---|---|
| 티스토리 카테고리 관리 설정방법 (0) | 2024.01.04 |
| 티스토리 텍스트 카운터:Chrome Extension 설치 (0) | 2023.12.28 |
| 티스토리 블로그:쉽고 빠른 무료 블로깅 시작하기1 (4) | 2023.12.26 |
| 티스토리 스킨편집: 북클럽 제목 색상 바꾸기 (0) | 2023.12.20 |
