게시판의 글자만 방문한 부분에 대해서 색상을 다르게 하려면? 채택완료
허당빵
7년 전
조회 2,468
안녕하세요? 더운 여름 몸 건강하십시오~
default.css에 있는 내용입니다.
a:link {color:#000000;text-decoration:none} a:visited {color:#9b9ea5;text-decoration:none} a:hover, a:focus, a:active {color:#000000;text-decoration:underline}
위처럼 하면 상단에 있는 대메뉴의 visited 부분까지 #9b9ea5 변하게 되어 흐릿하게 됩니다. 질문은 여기의 냑처럼 대메뉴를 제외한 하단의 게시판 글자만 방문한 부분을 #9b9ea5 변하게 하고 대메뉴의 색상은 방문을 하였다 하더라도 #000000로 유지하고 싶습니다. 좋은 방법을 알려주시면 감사하겠습니다.
그럼 좋은 저녁되십시오~^^)
댓글을 작성하려면 로그인이 필요합니다.
답변 1개
채택된 답변
+20 포인트
7년 전
게시판 a 태그와 상단 메뉴 a태그에 color:#000; 으로 지정하면 됩니다.
따로 지정하지 않으면 a 태그 전체가 영향 받습니다.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 7개
�
허당빵
7년 전
�
탬니
7년 전
홈페이지 내 모든 A태그에 마우스 오버 파란색을 주고 싶으신 건가요??
�
허당빵
7년 전
default.css에서
a:link {color:#000000;text-decoration:none}
a:visited {color:#9b9ea5;text-decoration:none}
a:hover, a:focus, a:active {color:#000000;text-decoration:underline}
위처럼 하여도 상단 대메뉴는 검은색을 유지하고 마우스 오버 시에는 color:#00ab33 색을 주고 싶습니다.
a:link {color:#000000;text-decoration:none}
a:visited {color:#9b9ea5;text-decoration:none}
a:hover, a:focus, a:active {color:#000000;text-decoration:underline}
위처럼 하여도 상단 대메뉴는 검은색을 유지하고 마우스 오버 시에는 color:#00ab33 색을 주고 싶습니다.
�
탬니
7년 전
상단 메인메뉴 A태그 클래스에 color:#000; 으로 검정색 글씨를 적용시키고,
A태그 클래스에 :hover 옵션을 주어 color:#00ab33; 주면 됩니다.
Ex) #menu a {color:000;}
#menu a:hover {color:#00ab33;}
A태그 클래스에 :hover 옵션을 주어 color:#00ab33; 주면 됩니다.
Ex) #menu a {color:000;}
#menu a:hover {color:#00ab33;}
�
허당빵
7년 전
죄송합니다... 한 번 봐주십시오~
default.css에서
/* 초기화 */
a:link {text-decoration:blink; text-decoration:none; color:#000000}
a:visited {text-decoration:blink; text-decoration:none; color:#9b9ea5}
a:active {text-decoration:blink; text-decoration:none; color:#000000}
a:hover {text-decoration:blink; text-decoration:none; color:#3399ff}
/* 메인 드롭 메뉴*/
.gnb_1da {display:inline-block;padding:0 108px 3px 11px;height:34px;line-height:2.95em;text-decoration:none;font-size:12px;font-weight:bold;color:#000} /* 대메뉴 간격 및 글자색 등 */
.gnb_1dli_on .gnb_1da {font-weight:bold;font-size:12px;color:#00ab33} /* 마우스 오버시 메뉴 색 */
위처럼 하였더니
a:visited {text-decoration:blink; text-decoration:none; color:#9b9ea5} 가 먼저 적용이 되어
그 아래에 있는 /* 메인 드롭 메뉴*/에 있는 것이 적용이 되지 않습니다.
default.css에서
/* 초기화 */
a:link {text-decoration:blink; text-decoration:none; color:#000000}
a:visited {text-decoration:blink; text-decoration:none; color:#9b9ea5}
a:active {text-decoration:blink; text-decoration:none; color:#000000}
a:hover {text-decoration:blink; text-decoration:none; color:#3399ff}
/* 메인 드롭 메뉴*/
.gnb_1da {display:inline-block;padding:0 108px 3px 11px;height:34px;line-height:2.95em;text-decoration:none;font-size:12px;font-weight:bold;color:#000} /* 대메뉴 간격 및 글자색 등 */
.gnb_1dli_on .gnb_1da {font-weight:bold;font-size:12px;color:#00ab33} /* 마우스 오버시 메뉴 색 */
위처럼 하였더니
a:visited {text-decoration:blink; text-decoration:none; color:#9b9ea5} 가 먼저 적용이 되어
그 아래에 있는 /* 메인 드롭 메뉴*/에 있는 것이 적용이 되지 않습니다.
�
탬니
7년 전
실례가 안된다면 홈페이지 주소를 쪽지로 알려주세요.
확인해볼게요~
확인해볼게요~
�
허당빵
7년 전
유료사이트라 알려드리기가 좀 그렇습니다.
아뭏든 감사합니다. 연구해 보겠습니다.
채택하였습니다.
아뭏든 감사합니다. 연구해 보겠습니다.
채택하였습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
그런데 원질문에는 빠져있는데 a:hover {color:blue;text-decoration:underline} 이렇게 하고 싶은데...
말씀대로 a태그에 color:#000; 으로 지정하면 hover가 blue가 되는 것이 아니라 color:#000;으로 적용을 받는데...이것은 어떻게 해결해야 할까요?