레이아웃
루미노시티, 서브메뉴 언드라인 컬러 변경
코어 버전
1.7

안녕하세요.

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

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


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

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

이 게시물을

댓글'6'
XETemplate
  • 2013.08.01

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

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

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


참고하시길 바랍니다.

이 댓글을


#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; }

/* 3차 메뉴 */
#gnb li li ul { top:0; left:100%; margin-left:-1px; }


서브메뉴 마우스 오버시 글자색은 변경되었는데.. 오버시 언드라인은 변경이 안되네요.. 어느부분인지??

이 댓글을

XETemplate
  • 2013.08.01

css중 border-bottom:1px solid #c00 부분이 해당 부분입니다.

#c00 부분을 다른 컬러로 변경하시면 됩니다.

이 댓글을

#3399cc 으로 변경해도,, 적용되지 않네요.. (이전에도 그렇게 설정해봤는데..안되어서.. 질문드렸어요.)

이 댓글을

XETemplate
  • 2013.08.02

다시 안내드립니다.


루미노시티 레이아웃 폴더 내에 보시면 preference.html 파일이 있습니다.

84번줄에  보시면 border-color:#c00;  라는 부분의 컬러 부분을 변경해 주시면 됩니다.

이 댓글을

감사합니다.^^

이 댓글을

번호
분류
제목
작성자
날짜
384
위젯/스킨
2014.02.18
383
위젯/스킨
2014.02.17
382
위젯/스킨
2014.02.17
381
위젯/스킨
2013.10.14
379
레이아웃
2013.08.26
375
위젯/스킨
2013.08.01
373
모듈/스킨
2013.07.06
372
레이아웃
2013.06.27
370
레이아웃
2013.06.13
369
레이아웃
2013.06.12
368
모듈/스킨
2013.06.11
위젯/스킨
2014.02.18
위젯/스킨
2014.02.17
위젯/스킨
2014.02.17
위젯/스킨
2013.08.01
레이아웃
2013.06.13
모듈/스킨
2013.06.11