티스토리 스킨 FastBoot 글 목록 글자색 변경 방법

티스토리 블로그에 스킨 FastBoot 1.6.2를 적용해서 만족하며 쓰고 있습니다.

원작자 Readiz님의 블로그에 스킨을 입맛에 맞게 수정하는 방법들을 자세히 설명하고 있고, 많은 FastBoot 스킨 사용자들 또한 스킨 바꾸는 방법에 대해 설명하고 있어 조금만 검색해도 이런 저런 불편한 점을 개선할 수 있었습니다.

바꾸고 싶은 부분이 있는데 검색해도 나오지 않는 부분은 또 나름의 노하우를 동원해서 수정을 해보고 있습니다.

지난 번에 수정한 Category목록 보기나 전체글보기 할 때 목록 표시될 때의 불편한 점을 수정했었습니다.

비슷한 불편함을 겪는 분이시라면 링크를 참고해주세요.

[Tech & IT/블로그 관리] - 티스토리 FastBoot 목록표시방법 변경 및 갤러리형 잔상없애기

http://happycode.tistory.com/472

이번에는 글목록 의 글자색이 하늘색인 것을 검정으로 바꾸고 싶어 한 번 찾아봤습니다.

제 블로그를 보면 아래처럼 제목이 하늘색으로 나옵니다.

이 하늘색 제목이 마음에 안들어서 검정색으로 바꾸었습니다.

저는 좀 무식한 방법으로 찾았습니다만 Color Picker 프로그램을 이용해서 해당 글자색과 마우스오버색 두개의 코드를 알아냅니다.

#3BAFDA 과 #4FC1E9 라는 것을 알아냈습니다.

그런 후 블로그관리 페이지에 들어가서 스킨편집>HTML편집으로 들어가 HTML과 CSS에서 해당 색상을 검색해 봤는데

Calendar에서만 한개가 나오는 겁니다.

Calendar를 바꿀 것은 아니기 때문에 티스토리 블로그관리 페이지에서는 수정이 안됩니다.

맨 처음 스킨적용을 했던 FastBoot 1.6.2 파일의 소스를 찾아봅니다.

다행히 images/fastboot.css에서 해당 색상이 쓰이고 있는 것이 나옵니다.

메모장으로 해당 파일을 열어서 수정을 해주겠습니다.

그 중 링크속성인 a의 속성값이 해당 값으로 세팅이 되어있습니다.

링크속성 말고 다른 값은 건드리지 않았습니다.

링크속성만 바꾸기로 합니다.

a{color:#3bafda;text-decoration:none}a:focus,a:hover{color:#4fc1e9;text-decoration:none}a:focus{outline:0} 

이었던 값을

a{color:#000000;text-decoration:none}a:focus,a:hover{color:#333333;text-decoration:none}a:focus{outline:0}

링크속성 a에는 검정(#000000), 마우스오버 hover에는 회색(#333333)으로 바꿔주었습니다.

image/fastboot.css파일 수정내용을 저장한 후에 파일업로드를 해줍니다.

이제 아래화면처럼 이렇게 검정으로 바뀌었습니다.

제 취향은 그냥 제목이 검정인 게 더 낫네요.

글 목록 글자 색만 딱 바꾸고 싶었지만 목록자체만 그룹으로 묶여있지 않고 목록은 그냥 링크속성값을 쓰고 있어서 

그냥 링크속성에 대해서 다 검정/회색으로 바꿔버렸습니다.

혹시 링크속성은 그대로 두고 목록 글자색만 바꾸는 방법을 아시는 분이 있으면 제보바랍니다.

마칩니다.