묻고답하기
xedefault 레이아웃에서 2차 메뉴드롭다운 질문드립니다.
2015.03.04 19:43
메뉴에 커서를 올렸을 때 2차 메뉴가 없는 곳까지 드롭다운이 되어서 본문을 가립니다.
2차 메뉴가 있는곳만 펼쳐지게 하는법 좀 알려주세요. 부탁드립니다.
/* GNB */
.gnb{position:relative;z-index:1;border:1px solid #080808;font-size:13px;font-weight:bold;height:31px;clear:both;background-color:#080808;background:-webkit-linear-gradient(top, #2e2d32, #0c0c0e);background:-moz-linear-gradient(top, #2e2d32, #0c0c0e);background:-o-linear-gradient(top, #2e2d32, #0c0c0e);background:-ms-linear-gradient(top, #2e2d32, #0c0c0e);background:linear-gradient(top, #2e2d32, #0c0c0e);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#2e2d32, endColorStr=#0c0c0e)}
.gnb:before{content:"";display:block;background:#3e3e40;width:100%;height:1px}
.gnb ul{margin:0;padding:0;list-style:none}
.gnb a{text-decoration:none;white-space:nowrap}
.gnb>ul{position:absolute;top:32px;left:-1px;right:-1px;background:#464d5d;opacity:.98;filter:alpha(opacity=98);height:0}
.gnb.open>ul{height:auto;border-bottom:1px solid #333}
.gnb>ul:after{content:"";display:block;clear:both}
.gnb>ul>li{position:relative;top:-32px;float:left;margin:0 -1px -8px 0}
.gnb>ul>li>a{display:block;border-left:1px solid #3e3e40;border-right:1px solid #3e3e40;line-height:32px;padding:0 20px;color:#fff;position:relative}
.gnb>ul>li>a:after{content:"";position:absolute;width:1px;height:100%;right:0;top:0;background:#080808;overflow:hidden}
.gnb>ul>li.active>a,
.gnb>ul>li.hover>a{border-top:1px solid #4a505c;line-height:30px;padding-bottom:1px;background-color:#2f333b;background:-webkit-linear-gradient(top, #383c45, #0c0d0f);background:-moz-linear-gradient(top, #383c45, #0c0d0f);background:-o-linear-gradient(top, #383c45, #0c0d0f);background:-ms-linear-gradient(top, #383c45, #0c0d0f);background:linear-gradient(top, #383c45, #0c0d0f);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#383c45, endColorStr=#0c0d0f)}
.gnb ul ul{display:block;position:relative;z-index:2;padding:0 20px;margin:0 0 0 -1px;border-left:1px solid #424856;height:0;overflow:hidden}
.gnb.open ul ul{margin-top:6px}
.gnb ul ul:before{content:"";position:absolute;left:0;top:0;width:1px;height:100%;background:#4b5265}
.gnb.open ul ul{padding:13px 20px;height:auto}
.gnb>ul>li:first-child>ul{border:0}
.gnb>ul>li:first-child>ul:before{content:normal}
.gnb ul ul a{display:block;line-height:20px;font-size:12px;color:#fff}
.gnb ul ul a:hover,
.gnb ul ul a:focus{text-decoration:underline}
댓글 8
-
닉이
2015.03.04 19:46
-
winning52101
2015.03.04 19:59
xe설치하면 나오는 default 레이아웃입니다.
혹시 몰라 파일 첨부합니다.
-
닉이
2015.03.04 20:56
관리자 페이지에서 설치된 레이아웃 -> 기본 레이아웃 -> 편집 layout.html에서
<li loop="$GNB->list=>$key1,$val1" class="active"|cond="$val1['selected']">이부분을
<li loop="$GNB->list=>$key1,$val1" class="<!--@if($val1['list'])-->dropdown<!--@end--><!--@if($val1['selected'])--> active<!--@end-->">
이걸로 변경후 업로드한 js파일을 레이아웃 폴더에 덮어 씌우세요.
테스트 : http://www.dramajoa.com/xe/testboard
-
winning52101
2015.03.05 00:15
답변해주셔서 감사합니다. 근데 제가 잘 못 물어봤나봅니다.
제가 여쭈어 본 것은 테스트 링크를 예로 들자면
저장소에 마우스를 올렸을 때 그 밑으로만 드랍다운이 되고, 공지사항에 올렸을 때 그 밑으로만 드랍다운이 되는 걸 여쭤본 거였습니다.
혹시 바쁘지 않으시면 다시 봐주셨으면 감사하겠습니다.
-
닉이
2015.03.05 00:18
그건....스킨의 css와 js를 싹다 바꿔야됩니다. 다른 레이아웃스킨을 참고하셔서 변경하시는걸 추천합니다.
-
winning52101
2015.03.05 00:27
아 그렇군요ㅜㅜ 답변 친절히 달아주셔서 정말 감사합니다!
-
/layouts/default
첨부파일 참고하세요.
-
winning52101
2015.03.05 01:35
와!떠 먹여주시까지ㅜㅜ넘 감사합니다!
레이아웃을 어떤걸 사용하시는지 알려주셔야 답변이 가능할것같네요.