메뉴바 글씨 색바꾸는 부분좀 알려주시면 감사하겠습니다
본문
검정색으로 된 회사소개 인트라넷 등등 이부분 색을 바꾸고 싶은데 어느 부분을 수정해야 할련지요ㅠㅠ
답변 1
css/default.css 파일에서 메뉴 관련 부분은
주석으로 /* 메인메뉴 */라고 되어 있는 밑에 부분들입니다.
그런데 메뉴부분이 기본적으로 링크(a태그)로 구성이 되어 있으므로
22번째 줄에 있는
a:link, a:visited {color:#000;text-decoration:none}
a:hover, a:focus, a:active {color:#000;text-decoration:underline}
부분에 영향을 받습니다.
메뉴 부분에서는 별도로
69번째줄에 보면
.gnb_1da:focus, .gnb_1da:hover {background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none}
이 코드가 있는데요. 즉 마우스 포커스가 위치하거나 롤오버 될 경우에 대한 부분만 지정되어 있고 글자색에 대한 별도의 부분은 추가되어 있지 않습니다.
메뉴에서만 별도로 글자 색상을 지정한다면
.gnb_1da {color:원하는색상} /* 기본 주메뉴 글자 색상 */
.gnb_1da:visited {color:원하는색상} /* 링크 방문한적이 있는 주메뉴 글자색상 */
로 지정해주면 되고요. 롤오버 등에 대해서도 별도의 색상을 지정하고자 한다면
.gnb_1da:hover {color:원하는색상}
형태로 지정해 주시면 됩니다.
답변 감사해요 그런데
.gnb_1da {color:원하는색상}
이 부분에 색을 넣어서 적용해도 메뉴에 있는 글씨는 까만색으로만 나오네요ㅠ
위에 설명한 부분에서 빠뜨린게 있으신 것 같네요.
링크 부분을 이미 클릭한 적이 있으면 방문한 적이 있는 링크에 대한 스타일이 적용되므로
.gnb_1da:visited {color:원하는색상} /* 링크 방문한적이 있는 주메뉴 글자색상 */
부분에서 색상을 추가해 적용해 주셔야 합니다.
.gnb_1da:visited {color:원하는색상} /* 링크 방문한적이 있는 주메뉴 글자색상 */
.gnb_1da:link {color:원하는색상} /* 링크 방문한적이 없는 주메뉴 글자색상 */
