루미노시티, 서브메뉴 언드라인 컬러 변경 - 기술지원

기술지원

코어 버전

1.7

안녕하세요.

루미노시티, 메인화면의 서브 메뉴로 마우스 오버될 경우,

붉은색 언드라인이 나오는데요..

이걸 블루계열로 바꾸고 싶은데..

어느 부분을 수정해야 하나요?

인쇄

댓글'6'

XETemplate

2013.08.01

마우스오버시 나타나는 라인 컬러를 수정하시려면

상단메뉴인경우 plugins/gnb/css/gnb.css 에 보시면 hover시 컬러가 지정되어있으니 변경하시면 됩니다.

좌측메뉴인경우 plugins/lnb/css/lnb.css 에서 수정하실수 있습니다.

참고하시길 바랍니다.

지선 (작성자)

2013.08.01

#gnb { z-index:98; position:absolute; right:0; top:2px; height:56px; }

#gnb ul { z-index:98; _float:right; margin:0; padding:0; list-style:none; *zoom:1; }

#gnb li { position:relative; float:left; margin:0; padding:0; }

#gnb li a { display:inline-block; font-size:13px; font-weight:normal; height:56px; line-height:56px; margin:0; padding:0 15px; text-decoration:none; color:#333; }

#gnb li a img { vertical-align:middle; margin:23px 0; }

#gnb li:hover > a,

#gnb li a.on { margin:0 -1px; background:url(../img/gnb_on.gif) top center no-repeat #ddd; color:#000; border-width:0 1px; border-style:solid; border-color:#d1d1d1; }

/* 컬러셋 */

#xet_layout.black #gnb li a { color:#ccc; }

#xet_layout.black #gnb li:hover > a,

#xet_layout.black #gnb li a.on { background:url(../img/black/gnb_on.gif) top center no-repeat #222; color:#fff; border-color:#000; }

/* 드롭다운메뉴 */

#gnb ul ul { z-index:99; display:none; position:absolute; left:-1px; top:56px; list-style:none; margin:0; padding:0; -moz-box-shadow: 1px 1px 4px #d1d1d1; -webkit-box-shadow: 1px 1px 4px#d1d1d1; box-shadow: 1px 1px 4px #d1d1d1; }

#gnb li li { float:none; margin:0; padding:0; *vertical-align:top; *zoom:1; background:#fff; }

#gnb li li a { display:block; height:30px; line-height:30px; margin:0 0 -1px; font-size:12px; text-align:left; white-space:nowrap; color:#444; background:none; border:1px solid #d1d1d1; }

#gnb li li a img { margin:10px 0; }

#gnb li li:hover > a span { padding:0 0 2px; border-bottom:1px solid #c00; }

#gnb li li:hover > a { margin:0 0 -1px; background:none; border:none; color:#3399cc; border:1px solid #d1d1d1; }

#gnb li li a.parent { background:url(../img/right_arrow.gif) 90% center no-repeat; }

#gnb li li:hover > a.parent { background:url(../img/right_arrow_on.gif) 90% center no-repeat; }

/* 컬러셋 */

#xet_layout.black #gnb ul ul { -moz-box-shadow: 1px 1px 4px #000; -webkit-box-shadow: 1px 1px 4px#000; box-shadow: 1px 1px 4px #000; }

#xet_layout.black #gnb li li { background:#222; }

#xet_layout.black #gnb li li a { color:#ccc; background:none; border:1px solid #000; }

#xet_layout.black #gnb li li:hover > a { background:none; border:none; color:#fff; border:1px solid #000; }

#xet_layout.black #gnb li li a.parent { background:url(../img/black/right_arrow.gif) 90% center no-repeat; }

#xet_layout.black #gnb li li:hover > a.parent { background:url(../img/right_arrow_on.gif) 90% center no-repeat; }