Fastboot 스킨 상단바 색상 변경
스킨을 다시 Fastboot 오리지날로 바꾸게 되면서 상단바 색상 및 footer의 색상도 바꾸었습니다.
상단바 색상과 타이틀 제목의 색상은 Fastboot 스킨 중 가장 눈에 띄는 곳이기도 하며,
다른 블로거들과 차별화 되고 내 블로그의 색이 되기도 합니다.
물론 바꾸지 않아도 되는 부분이긴 합니다만 바꾸는 편이 더 좋다고 생각합니다.
여러분의 선택입니다.
STEP :: 1
매번 그랬듯이 Fastboot 및 그 외 스킨의 편집은 이 곳에서 이루어집니다.
블로그관리의 편집탭의 HTML/CSS편집을 클릭하여줍니다.
STEP :: 2
이동하시게 되면 HTML/CSS/업로드 총 3개의 탭이 있습니다.
CSS를 누르셔서 'ctrl+F'를 누르셔서 434A54를 검색합니다. 434A54는 fastboot 스킨에 기본적으로 설정되어있는 색상코드입니다.
아래쪽으로 내리시면 #434A54가 4개 있는 부분이 있는데, 이 곳을 원하시는 색상코드로 바꾸시면 됩니다.
전 작년의 유행 컬러였던 로즈쿼츠와 세레니티 중 세레니티 색상으로 바꾸었습니다.
상단바 색상 변경 전·후
위 이미지 중 위에 이미지가 기존의 fastboot 스킨의 상단바 색상입니다.
아래 이미지가 방금 변경한 세레니티 색상의 상단바입니다.
타이틀 제목의 색상 또한 세레니티 색상으로 변경해주어 통일감 있게 맞추었습니다.
STEP :: 3
다음은 footer의 색상을 변경하려고 합니다.
footer는 사전에 '꼬리말(인쇄 때 문서의 각 페이지 아랫부분에 자동으로 첨가되는 표제, 날짜 등)'라고 나옵니다.
스킨에서 footer 부분의 색상도 상단바와 동일하게 색상을 변경해주면 더욱 이쁜 블로그가 될꺼라 생각됩니다.
그래서 footer의 색상도 변경하고자 합니다.
CSS 탭에서 검색을 통하여 'footer'를 검색하셔서 background-color를 바꾸어줍니다.
CSS 탭에서 검색을 통하여 'footer'를 검색하셔서 background-color를 바꾸어줍니다.
Footer 색상 변경 전·후
Footer의 색상도 변경하셨다면 위 이미지처럼 변경된 모습을 보실 수 있습니다.
아래의 이미지가 변경된 후의 색상모습입니다. 보시는 것처럼 가독성이 좋지 않습니다.
그래서 전 세레니티 색상에서 조금 더 어두운 색상으로 변경하였습니다.
현재 제 블로그의 footer를 보시면 훨씬 가독성이 좋아진 모습을 보실 수 있습니다.
[Fastboot] 스킨 티스토리 블로그 배경색 바꾸는 방법
포스팅 내용은 어떠셨나요? 많은 도움이 되셨나요??
▼▼▼▼▼▼▼▼▼▼▼
공감과 댓글은 제게 큰 행복이랍니다 :)
