Fastboot 스킨에서 상단메뉴바와 하단설명부분 색상 변경하는 방법

Fastboot 스킨 사용자분들이 많을걸로 아는데요 이 스킨의 장점은 빠른 페이지 로딩 속도와 사이드바 추천글 모듈을 넣을수 있어서 많은 방문자를 유입할수있다는 장점이 있습니다. 

(이 스킨을 사용할때는 관리자 페이지에서 모바일 자동연결을 끄시길 부탁드립니다, 반응형 스킨을 사용하는 목적이 모바일 접속시에도 보이게 하는건데 보바일 자동연결을 끄셔야 이 스킨으로 모바일 접속이 가능합니다.

그렇지 않으면 이 스킨과 상관없이 티스토리에서 제공되는 모바일 접속화면을 보실수 있을겁니다, 참고하세요.)

저 또한 Fastboot 스킨 을 사용중인데요 하지만 자신이 원하는 색상이 아니라서 수정하고싶은 분들이 많을것입니다.

이런분들을 위해서 계속해서  Fastboot 스킨 수정하는 방법에 대해  포스팅 중에 있습니다.

앞전에 포스팅한것도 참고하시면 많은 도움이 될것 같습니다.

그럼 이제 Fastboot 스킨에서 상단메뉴바 색상 변경하는 방법에 대해 알아보도록하겠습니다.

상단메뉴 기본 색상코드는 #434a54  입니다.

이것을 변경할려면 어떤 부분을 변경해야할지 알아보도록 하겠습니다.

먼저 관리자메뉴에서 스킨편집 클릭하시고 HTML 편집 클릭하시고 CSS 텝 클릭해주세요.

여기까지는 이제 쉽게 하실수있지요?

모르겠으면 전 강좌를 한번 보시고 오세요.

CCS 텝에서 찾기의 단축키인  Ctrl+F  를 눌러주세요.

그리고 "secondnav" 를 입력하고 엔터치시면 secondnav를 모두 찾아줍니다.

위 빨간색 밑줄 그은 부분 4군데를 원하는 색상코드로 변경해주시면 되겠습니다.

원하시는 색상을 쉽게 찾는 방법을 알려드릴께요.

https://html-color-codes.info/Korean/

위 사이트로 접속하시면 원하는 색상을 클릭만 하면 코드로 변환해줍니다.

색상코드를 몰라서 적용하기가 힘드신 분들이 많이 계시는걸로 아는데요 이제 쉽게 색상을 선택만 하시면 됩니다.

다음으로  블로그 하단의 블로그 설명 부분은 보통 HTML 에서 Footer 이라 불립니다. 

'발' 이라는 뜻으로, 최 하단이라는 의미를 가지고 있지요. 

CSS 부분에서  footer이라고 검색하면 아래와 같이 검색이 될겁니다.

FOOTER 를 번역하면 발이라고 해석되는데요 발이니깐 하단부를 뜻합니다. 참고하세요.

빨간 밑줄 표시 부분의 코드를 원하는 색상 코드로 변경하면 됩니다.

기본은  434A54 라고 적혀있습니다.

이걸 원하는 코드의 색상으로 변경하시면 됩니다. 

이제 원하는 색상으로 변경해서 자신만의 스타일의 색으로 블로그를 꾸미시길 바랍니다. 

앞으로도 계속 FASTBOOT 스킨 수정에대해 포스팅 해나갈건데요 많은 기대 부탁드립니다.

이상으로 낭만고양이였습니다. 좋은 하루 되세요.

제 글이 도움이 되셨다면  "공감 (♡)" 한번씩 클릭해주시고 응원의 댓글들도 남겨주세요.