상단메뉴 커스터마이징 하기 2탄 (메뉴색상변경)

어제는 메뉴를 제 블로그 처럼 수정하는 방법에 대해 알아보았습니다.

다시 복습하실려면 아래 링크를 클릭하세요.

FastBoot 스킨 상단메뉴 커스터마이징 하기

http://disital.tistory.com/37

오늘은 메뉴 색상을 좀더 뚜렸하게 변경하는 방법에 대해 알아보도록 하겠습니다.

주의 할것은 소스를 수정하시기 전에 백업본을 만들어서 저장해 놓으세요.

나중에 소스가 실수로 꼬일수도 있으니  반드시 스킨을 백업 해놓으시고 따라하시기 바랍니다.

블로그 관리자 메뉴에서 스킨편집 클릭 HTML 편집 클릭 하세요.

여기까지는 이제 쉽게 따라오실줄 믿습니다.

이제 CCS 텝으로 이동하세요.

그리고 나서  찾기의 단축키인  Ctrl+F  를 눌러서 "#desktopNav .graylink" 이라는 글자로 검색하세요.

그러면 아래와 같이 나옵니다.

여기서 빨간색 박스 위에것이 메뉴 색상값이구요 아래 박스가 마우스 오버시 색상값입니다.

저는 위에것은    color:#000000;  아래것은   color:#F46990; 으로  설정해보았습니다.

그렇게 하면 아래와 같이 적용되어 질것입니다.

마우스 오버시는 아래 "메인으로" 글자처럼 분홍색이 됩니다.

취향에 따라 원하시는 색상으로 변경하시면 됩니다.

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

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

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

따라하시느라 수고하셨습니다. 궁금한거 있으면 댓글 달아주세요. 

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