HAPPYJINI.COM

안녕하세요. HAPPY JINI 입니다.

패스트붓(FastBoot)스킨으로 설정 후에는 메뉴바가 기본적으로 회색으로 설정이 되어 있습니다.

저는 그 상태 그대로 그레이로 사용하고 있습니다. 하지만 다양한 컬러를 사용하고자 하시는 분들이 계시겠죠.

FastBoot 스킨 사용자의 경우 티스토리 상단 메뉴바와 하단의 색상을 바꿔보겠습니다.

어렵지 않습니다.

상단 메뉴바 색상 바꾸는 방법[Fastboot 스킨 사용자의 경우]

저는 원래 패스트부트 스킨의 메뉴바 색상인 회색으로 사용하고 있습니다.

1.상단 메뉴바의 색상을 변경하기 위해서는 블로그 관리(manage) => 꾸미기 => 스킨편집 => html편집을 클릭합니다.

→상단에 CSS 로 들어가 Ctrl + F를 눌러 검색 창에 secondNav 을 입력합니다. 그러면 아래와 같이 #secondNav 라 씌여져 있는 소스들이 주르륵 나옵니다. 그 중 #434A54 라고 씌여져 있는 곳이 2 곳 있습니다.

#434A54 두 곳을 원하는 색상 코드를 입력하여 수정하고 저장 버튼 클릭하고 됩니다.(#434A54 가 기본 컬러 회색의 색상 코드입니다.)

[위의 이미지를 클릭하시면 네이버 색상 팔레트로 이동합니다.]

위의 네이버 생상 팔레트에서 원하시는 색상 코드를 참고하세요.

2. 두 곳의 #434A54를 #000000으로 변경하였습니다. (#000000은 블랙 컬러입니다. 

변경 후에는 저장 버튼을 꼭 눌러주세요.

메인 화면에서 새로고침하여 확인합니다. 상단 메뉴바의 색상이 블랙으로 바뀐 것을 확인 할 수 있습니다.

상단의 메뉴바의 색상을 바꿨다면 하단 또한 바꿔서 발란스를 맞춰줘야겠지요! ^^

하단 색상 바꾸는 방법[Fastboot 스킨 사용자의 경우]

3.블로그 하단 색상을 변경하기 위해서는 블로그 관리(manage) => 꾸미기 => 스킨편집 => html편집을 클릭합니다.

→ 아까와 같이 CSS 로 들어가 Ctrl + F를 눌러 검색창에 footer 를 입력합니다. 아까처럼 #434a54 가 보일겁니다. 

그 부분을 상단 메뉴바에서 바꿨듯이 동일하게 #000000 으로 수정하신 후 저장하면 됩니다.

→메인 화면에서 새로고침하여 확인합니다.하단색상 또한 블랙으로 바뀐 것을 확인 할 수 있습니다.

이로써 상단 메뉴와 하단까지 발란스 맞게 블랙으로 변경된 것을 확인하실 수 있습니다.

어렵지 않게 쉽게 바꾸었습니다. ^^