[티스토리 스킨변경] iNove 스킨 타이틀 색상변경하기!

# 내 블로그(OASIS) 캡쳐화면(이미지 좌측상단 블로그 타이틀 색깔 참조)

자고로 블로그가 이뻐야 포스팅 할 맛이 나지 않겠어? 나만 그런가? iNove Skin을 적용하고 이것저것 수정하고 있다. 최대한 깔끔하게. 이번에는 메인 타이틀(Title)과 태그라인(Tagline)의 색깔을 바꾸는 방법을 알아보도록 하자. 기본 디폴트로 설정되어 있는 색깔은 하얀색이다. 위 이미지에 나오는 것 처럼. 내가 생각한 건 기본적으로 표시되는 메인 타이틀과 태그라인 색깔을 상단바 블로그 색상과 동일하게 설정하여 글자가 표시되지않게 보이게 하고 싶었다. 그리고 블로그 상단 이미지를 수정하여 내가 원하는 곳에, 원하는 폰트로 타이틀을 표시하고자 했다.

# HTML/CSS 편집 화면

우선 [HTML/CSS편집] 으로 이동 후 "찾기"로 tilte을 입력하여 "#title a {" 를 찾는다. 타이틀과 태그라인은 위 이미지에서 볼 수 있듯이 바로 붙어있어 같이 수정해주면 된다. 컬러부분에 변경하고자 하는 컬러코드를 넣어주면 된다. 컬러코드는 포토샵을 통해 원하는 색상의 코드를 확인할 수 있으며 아니면 인터넷 검색을 통해 컬러코드표를 확인할 수 도 있다. 우선 포토샵에서 확인하는 방법만 여기 올리고, 컬러코드표는 아래에 링크를 걸도록 하겠다. 지금 보니깐 티스토리 글쓰기에서 글자색상 선택 누르면 거기서도 컬러코드를 확인할 수 있다.;;;

# 포토샵 컬러 피커(Color Picker) 캡쳐화면

포토샵을 실행한 뒤 컬러피커 창을 연다. 색상 선택하는거 아무거나 눌러주면 나온다. 원하는 색상을 지정하면 바로바로 컬러코드를 확인할 수 있다.(위 캡쳐 이미지 하단 빨간색 표시부분 참조) 위 코드를 복사해서 블로그 style.css 편집창에 넣어주면 된다. 그럼 아래와 같이 타이틀과 태그라인의 색상이 변경됨을 확인할 수 있다. 블로그 스킨 수정 후 ctrl+F5 키를 눌러 한 번 리셋팅 시켜주면 바로 반영됨을 확인할 수 있다. ▼

# 타이틀과 태그라인 색상이 수정된 화면

---

참조

● 컬러코드표( HTML Color Code Table) 링크(클릭!!)