그룹 메뉴 글자색을 고치려면...
본문
/* 메인메뉴 */
#gnb {position:relative;margin:-1px 0 0;border-top:1px dotted #dde4e9;border-bottom:1px solid #dde4e9;background:#ecf0f7}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb #gnb_1dul {margin:0 auto !important;padding:0;width:1001px;zoom:1}
#gnb #gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left;zoom:1}
.gnb_1dli:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1da {display:block;float:left;padding:0 10px;width:130px;height:35px;font-weight:bold;line-height:2.95em;text-decoration:none}
.gnb_1da:focus, .gnb_1da:hover {background:#333;text-decoration:none}
.gnb_1dli_air a {background-color:#666666;color:#fff}
.gnb_1dli_on a {background-color:#666666;color:#fff}
.gnb_2dul {display:none;position:absolute;top:35px}
.gnb_2da {display:block;width:130px;}
.gnb_2da {display:inline-block;padding:0 10px;width:130px;height:35px;text-align:left;text-decoration:none;line-height:2.95em}
.gnb_2da:focus, .gnb_2da:hover {background:#484848;color:#fff;text-decoration:none} /* 수정 */
.gnb_1dli_over .gnb_2dul {display:block;left:0;width:130px;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:1px;width:130px;background:#fff}
.gnb_empty {width:100%;height:35px;text-align:center;line-height:2.95em}답변 4
위에처럼 추가하니 되네요~
그룹메뉴 마우스 올리기 전의 글자색을 바꾸시려면 가령 흰색으로 바꾸시려면
.gnb_1da {display:block;float:left;padding:0 20px;height:35px;color:#fff !important;font-weight:bold;line-height:2.45em;text-decoration:none}
글자 중간에
color:#fff !important;
이렇게 추가해 주세요.
먼저css는 순차적으로 적용되기 때문에 중복 적용 될 경우에는 가장 나중에 작성한 값이 적용됩니다.
맨처음 적용된 값을 사용하려면 !important <-- 이 명령어를 추가해 주면됩니다.
!important가 그런 용도군요.
적용해보겠습니다. 고맙습니다~^^
잘 되네요~
그런데 그룹 선택 후 글자색이 바뀌어지게 'head.php'에 적용한 값은 구현이 안되네요.
$group_link = (!empty($row['gr_10']))?$row['gr_10']:G5_BBS_URL.'/group.php?gr_id=' .$row['gr_id'];
?>
<li class="gnb_1dli" style="z-index:<?php echo $gnb_zindex; ?>">
<a <?php if($row[gr_id]==$gr_id){echo "style='color:red;'";}?> href="<?php echo $group_link; ?>" class="gnb_1da"><?php echo $row['gr_subject'] ?></a>빨리 초보를 벗어나야 할텐데...;;;
그렇게 하시면 당연히 적용이 안됩니다.
다음과 같이 해 보십시요.
css/default.css 에서
.gnb_1da {
.gnb_1da:focus, .gnb_1da:hover {
위 코드 밑에 위 코드와 똑같은 코드를 바로 밑에 복사한 후
.gnb_1da_on {
.gnb_1da_on:focus, .gnb_1da_on:hover {
이름만 위와 같이 바꾸고
.gnb_1da_on <-- 이 코드 안에서
color:#fff !important <-- 이부분을
color:red !important <-- 이렇게 바꾸시고...
head.php에서는
<a href="<?php echo $group_link; ?>" class="<?php if ($row[gr_id]==$gr_id) echo 'gnb_1da_on'; else echo 'gnb_1da';?>"><?php echo $row['gr_subject'] ?></a>
이렇게 하시면 될 것입니다.
덕분에 깔끔하게 해결했습니다. 고맙습니다~^^
