2단 전체 메인 메뉴 정보
레이아웃 2단 전체 메인 메뉴![](http://sir.kr/data/member_image/bo/boonsoo.gif?1330339077)
관련링크
http://boonsoo.maru.net/
2243회 연결
첨부파일
본문
메인메뉴에 마우스 오버시 전체 메뉴가 한꺼번에 보여지는 형태의 레이아웃입니다.
설치방법은 다음과 같습니다.
1. 첨부된 압축파일을 다운 받으신 후 skin 폴더내에 압축풀어 놓습니다.
2. /head.php 파일에서 <nav id="gnb"> ~ </nav> 된 부분을 삭제하시고
<?php include_once(G5_PATH.'/skin/nav/redsalt/menu.php'); //상단 네비 ?>을 추가합니다.
IE8 이상과 크롬에선 문제없이 나옵니다.
설치방법은 다음과 같습니다.
1. 첨부된 압축파일을 다운 받으신 후 skin 폴더내에 압축풀어 놓습니다.
2. /head.php 파일에서 <nav id="gnb"> ~ </nav> 된 부분을 삭제하시고
<?php include_once(G5_PATH.'/skin/nav/redsalt/menu.php'); //상단 네비 ?>을 추가합니다.
IE8 이상과 크롬에선 문제없이 나옵니다.
추천
18
18
댓글 전체
오오 굿굿이요~
![](http://sir.kr/data/member_image/so/somang.gif?1454491142)
감사합니다..추천..^^
굿!!
![](http://sir.kr/data/member_image/fm/fm25.gif?1616781277)
색상만 각자 취향대로 바꾸면 되겠네요.
수고하셨습니다~^^
수고하셨습니다~^^
감사합니다.
전체메인메뉴를 고정시키고 싶은데요!!!!!
그상태에서 클릭을 안하면 전체메인메뉴가 없어지잖아요!!!!
클릭을 안해두 전체메인메뉴가 항시 고정하고 싶습니다.
전체메인메뉴를 고정시키고 싶은데요!!!!!
그상태에서 클릭을 안하면 전체메인메뉴가 없어지잖아요!!!!
클릭을 안해두 전체메인메뉴가 항시 고정하고 싶습니다.
![](http://sir.kr/data/member_image/bo/boonsoo.gif?1330339077)
그럴려면 소스를 수정해야 되겠는데요.
당장은 어렵고 조만간 수정본을 업데이트 할께요.
당장은 어렵고 조만간 수정본을 업데이트 할께요.
고맙습니다.
기다릴께요!!!!!
감사!! 감사합니다.!!!
기다릴께요!!!!!
감사!! 감사합니다.!!!
감사합니다..
보기에 좋습니다^^
감사합니다.
잘 쓰겠습니다.
감사합니다.
감사합니다.
위 메뉴 소스의 css에 대해서 부탁 좀 드립니다.
제 경우 바탕색이 어두운 청색이라 메인메뉴 글자색을 흰색으로 바꿀어 쓸려고 하는데,
color:#FFFFFF;
이 속성을 여기 저기에 다 넣어봐도 메인메뉴 색상이 바뀌지 않네요.
왜 안먹히는지 원인을 모르겠습니다.
도와주시면 감사하겠습니다.
제 경우 바탕색이 어두운 청색이라 메인메뉴 글자색을 흰색으로 바꿀어 쓸려고 하는데,
color:#FFFFFF;
이 속성을 여기 저기에 다 넣어봐도 메인메뉴 색상이 바뀌지 않네요.
왜 안먹히는지 원인을 모르겠습니다.
도와주시면 감사하겠습니다.
![](http://sir.kr/data/member_image/bo/boonsoo.gif?1330339077)
skin 폴더내에 풀어놓은 nav 폴더 내에 있는 css 를 수정하시면 됩니다.
css 에서 .nav_1da 에 color:#FFF !important; 이걸 적용하시면 흰색글자로 변경될 겁니다.
css 에서 .nav_1da 에 color:#FFF !important; 이걸 적용하시면 흰색글자로 변경될 겁니다.
그렇군요. 적용되었습니다.
감사합니다.
감사합니다.
고맙습니다.
잘 쓰겠습니다^^ 감사합니다 꾸벅
오오!! 감사합니당!
박스를 쇼핑몰 사이즈로 맞추려면 박스사이즈를 970px 로 하고 센터정렬을 하고 싶은데 잘안되네요.
![](http://sir.kr/data/member_image/bo/boonsoo.gif?1330339077)
박스를 100%로 하지 않고 고정 사이즈로 만들려면 새로 만들어야 할 듯 싶습니다. 그런 방식을 원하는 분이 계실지 몰랐네요.
당장은 힘들고 제가 만들게 되면 다시 업데이트 할께요.
당장은 힘들고 제가 만들게 되면 다시 업데이트 할께요.
감사합니다. 기다릴께요. ㅎㅎ
일단 좋은 소스 감사드립니다...
제가 이 소스를 수정해서 그누보드 4에 넣어보았더니 IE 10, 11에서는 나오는데 9이하 버전에서는 작동이 되지 않습니다. ㅠ ㅠ
IE 9이하에서도 작동되게 하는 방법이 있을까요 ㅠ ㅠ?
그누보드4의 질문답변방에 소스 올려놓았습니다 ㅠ ㅠ.....
http://sir.co.kr/qa/?wr_id=25828&page=0&posting=ok&sca=&sfl=&stx=&sst=wr_num&sod=&spt=0&page=0
제가 이 소스를 수정해서 그누보드 4에 넣어보았더니 IE 10, 11에서는 나오는데 9이하 버전에서는 작동이 되지 않습니다. ㅠ ㅠ
IE 9이하에서도 작동되게 하는 방법이 있을까요 ㅠ ㅠ?
그누보드4의 질문답변방에 소스 올려놓았습니다 ㅠ ㅠ.....
http://sir.co.kr/qa/?wr_id=25828&page=0&posting=ok&sca=&sfl=&stx=&sst=wr_num&sod=&spt=0&page=0
![](http://sir.kr/data/member_image/bo/boonsoo.gif?1330339077)
그누4를 봐야 알 듯 싶은데요. 그누4 생각하고 만든 소스가 아니다보니...
나중에 시간나면 한 번 볼께요.
아니면 질문답변에서 좋은 답변이 나올수도 있구요. ^^
나중에 시간나면 한 번 볼께요.
아니면 질문답변에서 좋은 답변이 나올수도 있구요. ^^
네 ^^ 감사합니다!
다시 확인해본 결과 IE9까지는 맞는데 8이하가 깨지네요..
![](http://sir.kr/data/member_image/bo/boonsoo.gif?1330339077)
아무래도 따로 만들어야 할 듯 싶은데 g4쪽 소스를 좀 봐야할 시간이 나야 할 듯 싶습니다.
가능하면 조만간 보도록 할께요.
가능하면 조만간 보도록 할께요.
![](http://sir.kr/data/member_image/bo/boonsoo.gif?1330339077)
G4쪽 소스를 좀 보긴 봣는데 아무래도 g4는 웹표준형식으로 제작된게 아니다보니 깨질수 밖에 없을 듯 싶습니다.
도움이 못 되어 드려서 죄송하네요.
도움이 못 되어 드려서 죄송하네요.
아닙니다^^ 감사합니다!
스킨을 적용해보니 슬라이더작동시 전체드롭다운메뉴 가 슬라이드안쪽위치 메뉴가 슬라이드에 가려버립니다
슬라이드(아니면) 메뉴소스를 수정해야할것같은데 다른그누보드메뉴는 슬라이드가 안쪽으로위치 정상적으로
출력되기에 메뉴소스어디에 부가적으로 넣어야 할까요?
적용스킨- 최신게시물7종세트 중 매인슬라이드는 메뉴가안쪽으로 위치해 메뉴가보이지않음 asides스킨은 정상적으로 메뉴가 가려지지 않음
http://orum.dothome.co.kr/gn5/index.php
슬라이드(아니면) 메뉴소스를 수정해야할것같은데 다른그누보드메뉴는 슬라이드가 안쪽으로위치 정상적으로
출력되기에 메뉴소스어디에 부가적으로 넣어야 할까요?
적용스킨- 최신게시물7종세트 중 매인슬라이드는 메뉴가안쪽으로 위치해 메뉴가보이지않음 asides스킨은 정상적으로 메뉴가 가려지지 않음
http://orum.dothome.co.kr/gn5/index.php
![](http://sir.kr/data/member_image/bo/boonsoo.gif?1330339077)
레이어 겹치는 문제로 보이는데요.
내려받은 소스중 css 에서 .subBox { position:absolute; z-index:15; top:38px; width:100%; height:200px; background-color:#000; border-bottom:1px solid #F00; display:none; } 이 부분에서 z-index:15; 이 부분을 z-index:9999999; 이런식으로 바꿔보세요. 정확한 레이어 위치는 모르겠지만 이정도로 바꾸면 위치가 바뀔겁니다.
내려받은 소스중 css 에서 .subBox { position:absolute; z-index:15; top:38px; width:100%; height:200px; background-color:#000; border-bottom:1px solid #F00; display:none; } 이 부분에서 z-index:15; 이 부분을 z-index:9999999; 이런식으로 바꿔보세요. 정확한 레이어 위치는 모르겠지만 이정도로 바꾸면 위치가 바뀔겁니다.
다른 제이쿼리와 충돌을 일으키기도 하나요? 메인 슬라이더가 제이쿼리로 동작하는데
마우스를 오버해도 서브메뉴가 안나오길래 z-index 잘못인줄 알고 봤는데 아무 이상이 없더라구요;;
그래서 메인 슬라이더 제이쿼리를 딴데 보내버리니 잘 작동하는.. 이건 써야겠고.. 메인 슬라이더도 써야하겠는데....ㅠㅜ 도움좀..
마우스를 오버해도 서브메뉴가 안나오길래 z-index 잘못인줄 알고 봤는데 아무 이상이 없더라구요;;
그래서 메인 슬라이더 제이쿼리를 딴데 보내버리니 잘 작동하는.. 이건 써야겠고.. 메인 슬라이더도 써야하겠는데....ㅠㅜ 도움좀..
![](http://sir.kr/data/member_image/bo/boonsoo.gif?1330339077)
바로 윗글에도 써 놨지만 레이어 순서 문제일겁니다. 바로 윗글에 답변단대로 하면 웬만하면 서브메뉴 나올겁니다.
z-index를 99999999; 로 해도 안되는건 충돌이겠죠?ㅠㅠ
![](http://sir.kr/data/member_image/bo/boonsoo.gif?1330339077)
사이트 URL좀 알려줘 보세요.
해결책이 있을까요? ;;;
![](http://sir.kr/data/member_image/bo/boonsoo.gif?1330339077)
소스를 봤는데 만일 위 방식대로 안 된다면 반대로 메인 슬라이더쪽 z-index 부분을 0까지 내려보세요.
소스 긁어서 하려고 했더니 메인슬라이더는 안 뜨는군요.
소스 긁어서 하려고 했더니 메인슬라이더는 안 뜨는군요.
아 알겠습니다! 일단 확인하시는김에 인기검색어 칸에 ㅁㄴ , as , ㅁㄴㄴ을 클릭했을때 게시판 페이지가 나오는데
여기서는 잘 작동 하는거 같네요! 일단은 메인슬라이더 z-index 내려보도록 하겠습니다ㅋ
여기서는 잘 작동 하는거 같네요! 일단은 메인슬라이더 z-index 내려보도록 하겠습니다ㅋ
음 z-index도 다 0으로 설정 했는데 안되길래 script src를 하나하나씩 빼보니 동작하는군여..
이놈이 말썽이네요..
이걸 대체할만한 소스가 없을까요 ㅠㅜ 버튼이 전부 사라져버렸네요 허허..
<script src="js/min/jquery-v1.10.2.min.js" type="text/javascript"></script>
이놈이 말썽이네요..
이걸 대체할만한 소스가 없을까요 ㅠㅜ 버튼이 전부 사라져버렸네요 허허..
![](http://sir.kr/data/member_image/bo/boonsoo.gif?1330339077)
그렇군요. 충돌이 생길줄은 몰랐네요.
아무래도 class쪽에서 충돌이 있을수도 있으니 class 네임을 바꿔서 적용해 보도록 하세요.
제가 직접 만들었던 것이라 충돌이 있을줄은 예상도 못했네요. 에효~~~
아무래도 class쪽에서 충돌이 있을수도 있으니 class 네임을 바꿔서 적용해 보도록 하세요.
제가 직접 만들었던 것이라 충돌이 있을줄은 예상도 못했네요. 에효~~~
제 껀 왜 이렇게 나오죠? 어디를 바꾸어야 할까요?
메뉴가 뒤로 숨고 메인 그림이 앞으로 나와서요..
그래서 일단 원상복귀했는데 ...
jangdooree.com
메뉴가 뒤로 숨고 메인 그림이 앞으로 나와서요..
그래서 일단 원상복귀했는데 ...
jangdooree.com
![](http://sir.kr/data/member_image/bo/boonsoo.gif?1330339077)
레이어 겹치는 문제로 보이는데요.
내려받은 소스중 css 에서 .subBox { position:absolute; z-index:15; top:38px; width:100%; height:200px; background-color:#000; border-bottom:1px solid #F00; display:none; } 이 부분에서 z-index:15; 이 부분을 z-index:9999999; 이런식으로 바꿔보세요. 정확한 레이어 위치는 모르겠지만 이정도로 바꾸면 위치가 바뀔겁니다.
내려받은 소스중 css 에서 .subBox { position:absolute; z-index:15; top:38px; width:100%; height:200px; background-color:#000; border-bottom:1px solid #F00; display:none; } 이 부분에서 z-index:15; 이 부분을 z-index:9999999; 이런식으로 바꿔보세요. 정확한 레이어 위치는 모르겠지만 이정도로 바꾸면 위치가 바뀔겁니다.
답변 감사 합니다.. 해보았는데 이렇게 되는데 감춰졌던 바탕 검정색 폭도 줄이는 거하고 서브메뉴 글씨도 안나오고 그리고 메인 그림이 감춰져 버립니다. 이 세가지가 문제가 되는데...어디를 고쳐 봐야 할지요?
![](http://sir.kr/data/member_image/bo/boonsoo.gif?1330339077)
설치된 URL좀 알려주세요. 확인해 볼께요.
네 http://jangdooree.com/g5-5.0/skin/nav/redsalt/
입니다...
일단 색만 바꿔서 올려놨는데...
메뉴와 메뉴사이가 벌어진건 어디서 수정해야 하나요?
메뉴가 벌어지다 보니 스마트폰에서는 메뉴가 다 안나오는 경우가 있네요.
그리고 접속자가 0으로만 나오네요.. 메뉴 수정하다 보니 이상하게 다른것들도 건들어지나봐요..?
접속자 0으로 나오는건 어떻게 해야 하는지..?
감사드리구요..좋은 하루 되세요 ^^
입니다...
일단 색만 바꿔서 올려놨는데...
메뉴와 메뉴사이가 벌어진건 어디서 수정해야 하나요?
메뉴가 벌어지다 보니 스마트폰에서는 메뉴가 다 안나오는 경우가 있네요.
그리고 접속자가 0으로만 나오네요.. 메뉴 수정하다 보니 이상하게 다른것들도 건들어지나봐요..?
접속자 0으로 나오는건 어떻게 해야 하는지..?
감사드리구요..좋은 하루 되세요 ^^
![](http://sir.kr/data/member_image/bo/boonsoo.gif?1330339077)
주신 링크가 깨져 있네요. 메뉴 사이가 벌어진 건 첨부한 css 파일에서 .nav ul.depth1 li.gnb1 에 있는 width:120px; 이걸 삭제하고 padding:0 30px; 이걸 대신 넣으면 여백이 균일하게 잡힐 겁니다.
제가 올린 스킨하고 접속자수는 전혀 관계가 없으니 다른 부분을 건드렸을 가능성이 있으니 다시 한 번 체크해 보세요. (__)
제가 올린 스킨하고 접속자수는 전혀 관계가 없으니 다른 부분을 건드렸을 가능성이 있으니 다시 한 번 체크해 보세요. (__)
감사드립니다.
![](http://sir.kr/data/member_image/ph/phi.gif?1333607233)
우아 감사합니다!! 깔끔하고 조아요 ㅠㅠ
정말 좋네요 감사합니다 ^^
저 /head.php 를열고 <nav id="gnb"> ~ </nav> 된 부분을 삭제 할려고 하니까 <nav id="gnb"> ~ </nav> 된 부분이 없는데 어떻게해요?