상세 컨텐츠

본문 제목

FastBoot 사이드바 모듈 색상 변경해보기

인터넷&SNS/Fastboot

by wjdqh6544 2017. 9. 26. 00:30

본문


오늘도 어김없이 FastBoot 커스터마이징을 연구하고 있습니다. 티스토리에서 기본 지원하는 스킨을 보면 사이드바의 댓글 모듈이라던지, 글 보관함 모듈에 마우스를 올리면 백그라운드 색상과 글씨의 색이 변경되는 것을 볼 수 있습니다. 그런데 배포한 FastBoot 1.6.2 버전에서는 이 기능에 조금 문제가 있는 듯 합니다. 백그라운드 색은 바뀌는데 글씨 색이 변경이 안됩니다. 그래서 그냥 수동으로 기본 색상만 변경해두었고, 아직 마우스 오버시 색상 변경에 대한 태그는 연구중이라고 봐도 무방합니다.

FastBoot 사이드바 모듈 색상 변경하기

그러면 나머지 기본 색상들은 어떻게 변경할까요? 이 문제도 정확히 위치만 알면 끝나는 문제이고 색상 코드는 아래의 관련글을 참고하여 원하는 색상을 선택 후 코드를 알아두도록 합시다. #부터 시작되는 것이 색상에 대한 16진수 코드입니다.

★관련 글: FastBoot 카테고리에 마우스 오버시 배경 색 변경되게 해보기

이제 블로그로 돌아옵시다. 자신의 티스토리 관리자 페이지로 와서 HTML/CSS 편집으로 들어갑니다.

그 후 CSS 탭으로 진입하여 Ctrl + F 로 hover 검색을 쭉 하다보면, 이 부분이 보입니다.

차례대로 왼쪽 위부터 설명하자면, 좌측 상단에는 마우스가 FastBoot 사이드바 모듈에 올라가면 바뀌는 백그라운드 색상입니다. 원하는 색상으로 넣으면 됩니다. 기본 코드는 #AAB2BD 이며 회색입니다.


다음 오른쪽 위에는 마우스가 올라갔을 때 변하는 글씨 색상을 지정하는 부분이며, 기본 코드는 #FFF 로 흰색입니다.


마지막으로 아래쪽에는 기본 글씨 색상을 조절합니다. 기본값은 #333으로 셋팅되어 있으며, 다소 어두운 회색입니다.

그리고 글씨 부분이 다른 곳이 있는데요, 이런 글 보관함 모듈의 날짜 부분이라던지, 혹은 카운터의 어제, 오늘, 종합을 나타내는 등의 영어의 글씨 부분인데, 여기는 기본 색상을 지정하는 코드 부분이 다릅니다. 박스로 표시해 둔 부분으로 span.name{color: #000} 이 부분을 수정해주어야 합니다.


하지만 서두에 언급하였듯, 티스토리 오리지널 스킨에서는 마우스 오버시 글씨 색이 잘만 변하는데, 여기에서는 안 변합니다. 코드가 빠진 것 같은데 그걸 못찾았습니다. 반드시 찾아보도록 하겠습니다.

<끝>

"wjdqh6544의 자료창고" 를 검색~!



★ 추천글 ★

★ Tenping ★

관련글 더보기

댓글 영역