[티스토리 스킨] Book Club 스킨 header 색, 블로그 이름 색, 검색창 색 변경하기

book club 스킨의 header 배경색과 제목 색을 변경하기

우선 블로그관리의 스킨편집에서 css파일을 본다.

 

 

header 색 변경

 

ctrl + f로 layout selector 검색

background-color  값 변경하기

 

 

 

 

ctrl + f로 header h1 검색

header h1 태그 블로그이름 폰트 변경

 

font-family 에 원하는 폰트로 변경

 

 

header h1 태그 블로그이름 글자 색 변경

 

 

 

 

위의 세가지를 적용한 결과

 

 

 

검색버튼의 배경은 header 색 변경 전 과 동일하게 흰색인 것을 확인할 수 있다.

검색버튼의 배경색도 변경한 header 배경색과 동일하게 바꿔보자

 

 

ctrl + f로 .util .search 검색

background-color를 header의 background-color와 동일하게 변경

 

 

 

변경 후 결과 확인

 

 

 

 

검색창 배경색 변경하기

 

header의 배경색을 변경하니 검색 버튼 클릭후 검색 내용 입력 창이 뚜렷히 보이지 않는다.

검색창의 배경을 흰색으로 변경해보자.

 

 

ctrl + f로 .util .search input:focus 검색 후 background-color 흰색 조건 추가하기

 

 

 

결과 확인하기