2018.06.05 07:30ㆍBlog 101/Tistory
안녕하세요. 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 으로 수정하신 후 저장하면 됩니다.
→메인 화면에서 새로고침하여 확인합니다.하단색상 또한 블랙으로 바뀐 것을 확인 할 수 있습니다.
이로써 상단 메뉴와 하단까지 발란스 맞게 블랙으로 변경된 것을 확인하실 수 있습니다.
어렵지 않게 쉽게 바꾸었습니다. ^^
눌러주시는 공감 () 은 큰 힘이 됩니다.
로그인하지 않으셔도 공감은 가능합니다.
감사합니다. ^_______^
'Blog 101 > Tistory' 카테고리의 다른 글
블로그 상단 메뉴,아이콘 추가와 언어 변경 방법 [ Fastboot 스킨 사용자/ 티스토리 ] (0) | 2018.06.06 |
---|---|
티스토리 상단,하단 메뉴바 색상 바꾸기! [Fastboot 스킨 사용자] (0) | 2018.06.05 |
일목요연한 티스토리 블로그 만들기! [Fastboot 스킨 사용자 사이드바 설정하기] (0) | 2018.06.04 |
모바일에서 타이틀 클릭시 홈으로 이동하게 설정하기[FastBoot 스킨 사용자/ 티스토리] (6) | 2018.06.03 |