상단 하단 메뉴바 색상 바꾸기: 1개의 글



티스토리 상단,하단 메뉴바 색상 바꾸기! [Fastboot 스킨 사용자]

Posted by HAPPYJINI
2018.06.05 07:30 Blog 101/Tistory

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

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

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



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


어렵지 않습니다.



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



티스토리 상단,하단 메뉴바 색상 바꾸기! [Fastboot 스킨 사용자]





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



티스토리 상단,하단 메뉴바 색상 바꾸기! [Fastboot 스킨 사용자]1


티스토리 상단,하단 메뉴바 색상 바꾸기! [Fastboot 스킨 사용자]2




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


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

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



티스토리 상단,하단 메뉴바 색상 바꾸기! [Fastboot 스킨 사용자]3


티스토리 상단,하단 메뉴바 색상 바꾸기! [Fastboot 스킨 사용자]4

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


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


티스토리 상단,하단 메뉴바 색상 바꾸기! [Fastboot 스킨 사용자]5



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


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




티스토리 상단,하단 메뉴바 색상 바꾸기! [Fastboot 스킨 사용자]7



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



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


티스토리 상단,하단 메뉴바 색상 바꾸기! [Fastboot 스킨 사용자]8




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


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

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






티스토리 상단,하단 메뉴바 색상 바꾸기! [Fastboot 스킨 사용자]9


티스토리 상단,하단 메뉴바 색상 바꾸기! [Fastboot 스킨 사용자]10




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


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



티스토리 상단,하단 메뉴바 색상 바꾸기! [Fastboot 스킨 사용자]11




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

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






눌러주시는 공감 () 은 큰 힘이 됩니다.

로그인하지 않으셔도 공감은 가능합니다.

감사합니다. ^_______^





이 포스트 공유하기

페이스북
트위터
구글+
네이버
밴드
카스

티스토리 툴바