fastboot 1.6.2 반응형 스킨에서 기본적으로 설정되어있는 포인트 컬러는 블루 계열이다. 해당 색상이 마음에 드시는 분들은 변경할 필요가 없겠지만 필자처럼 다른 계열의 컬러로 변경을 원하시는 분들이 있다면 다음의 방법을 따라하시면 된다. 해당 포스팅에서는 fastboot 1.6.2 반응형 스킨이 적용 된 블로그 내 게시글 검색 혹은 카테고리별 게시글 목록을 눌렀을때 갤러리 [Gallery]로 지정된 화면의 박스 색상과 폰트의 컬러를 변경하는 방법을 다루겠다.
보이는 것처럼 게시글 목록 보기 방식을 갤러리로 선택했을때 박스 형태로 게시글이 뜨게되는데, 기본 설정 색상인 파란색 박스로 표기된다. 간단한 코드 변경만으로 색상 교체가 가능하다. 필자는 그레이 계통의 연한 박스에 진한 검정 계열의 폰트로 변경하려고 한다.
먼저 티스토리 관리자 모드 - 꾸미기 - HTML/CSS 편집에 들어간다.
CSS 에서 본문 아무데나 클릭한 뒤에 ctrl +f를 누르면 찾기(검색)가 활성화된다. 검색창에 gallery라고 치면 아래와 같이 소스가 나오는데 여기서 하단 소스에 표기된 부분을 원하는 컬러로 변경하면 된다.
#search_gallery div.msnry_title { padding:5px; background-color:#원하는박스색상; border-radius: 5px 5px 0 0; }
#search_gallery div.msnry_title a { color:#원하는글자색상; font-weight:bold; font-size:13px; }
색상 코드표는 네이버에 색상 코드표라고 치면 바로 나온다!
원하는 색상코드를 소스에 삽입하고 저장을 누르면 블로그에 반영되어 있는 것을 확인 할 수 있다.
여러가지 컬러로 변경을 시도해보고 본인에게 가장 잘 맞는 블로그 디자인을 만들어보길 바라며 포스팅을 마친다.
'정보 공유 > 블로그 가이드' 카테고리의 다른 글
| 티에디션으로 티스토리 홈화면 꾸미기 (4) | 2018.01.14 |
|---|---|
| 티스토리 / 네이버 블로그 썸네일 대표 사진 지정하기 (1) | 2018.01.08 |
| fastboot 스킨 게시글 목록 / 검색 상단에 구글 애드센스 적용하기 (0) | 2018.01.04 |
| 구글 애널리틱스 가입 티스토리 블로그 적용 (0) | 2017.12.28 |
| 티스토리 블로그 스킨 변경하기 (0) | 2017.12.27 |
