2단 전체 메인 메뉴

· 2014-05-29 (목) 17:01:03 · 25480 · 49
nav01.jpg
메인메뉴에 마우스 오버시 전체 메뉴가 한꺼번에 보여지는 형태의 레이아웃입니다.

설치방법은 다음과 같습니다.


1. 첨부된 압축파일을 다운 받으신 후 skin 폴더내에 압축풀어 놓습니다.

2. /head.php 파일에서 <nav id="gnb"> ~ </nav> 된 부분을 삭제하시고
<?php include_once(G5_PATH.'/skin/nav/redsalt/menu.php'); //상단 네비 ?>을 추가합니다.

IE8 이상과 크롬에선 문제없이 나옵니다.


첨부파일

nav01.jpg (236.2 KB)
0회 2014-05-29 17:01
nav.zip (7.8 KB) 1136회 2014-05-29 17:01
|

댓글 49개

오오 굿굿이요~
감사합니다..추천..^^
굿!!
2014-05-30 (금) 00:26:39
색상만 각자 취향대로 바꾸면 되겠네요.
수고하셨습니다~^^
감사합니다.

전체메인메뉴를 고정시키고 싶은데요!!!!!
그상태에서 클릭을 안하면 전체메인메뉴가 없어지잖아요!!!!
클릭을 안해두 전체메인메뉴가 항시 고정하고 싶습니다.
2014-05-30 (금) 14:08:45
그럴려면 소스를 수정해야 되겠는데요.
당장은 어렵고 조만간 수정본을 업데이트 할께요.
고맙습니다.
기다릴께요!!!!!
감사!! 감사합니다.!!!
감사합니다..
2014-05-31 (토) 14:17:30
보기에 좋습니다^^
감사합니다.
잘 쓰겠습니다.
감사합니다.
위 메뉴 소스의 css에 대해서 부탁 좀 드립니다.
제 경우 바탕색이 어두운 청색이라 메인메뉴 글자색을 흰색으로 바꿀어 쓸려고 하는데,
color:#FFFFFF;
이 속성을 여기 저기에 다 넣어봐도 메인메뉴 색상이 바뀌지 않네요.
왜 안먹히는지 원인을 모르겠습니다.
도와주시면 감사하겠습니다.
2014-06-03 (화) 13:07:24
skin 폴더내에 풀어놓은 nav 폴더 내에 있는 css 를 수정하시면 됩니다.
css 에서 .nav_1da 에 color:#FFF !important; 이걸 적용하시면 흰색글자로 변경될 겁니다.
그렇군요. 적용되었습니다.
감사합니다.
2014-06-08 (일) 20:15:48
고맙습니다.
잘 쓰겠습니다^^ 감사합니다 꾸벅
2014-06-10 (화) 21:42:43
오오!! 감사합니당!
2014-06-11 (수) 18:12:10
박스를 쇼핑몰 사이즈로 맞추려면 박스사이즈를 970px 로 하고 센터정렬을 하고 싶은데 잘안되네요.
2014-06-13 (금) 11:47:33
박스를 100%로 하지 않고 고정 사이즈로 만들려면 새로 만들어야 할 듯 싶습니다. 그런 방식을 원하는 분이 계실지 몰랐네요.
당장은 힘들고 제가 만들게 되면 다시 업데이트 할께요.
2014-06-13 (금) 12:36:55
감사합니다. 기다릴께요. ㅎㅎ
일단 좋은 소스 감사드립니다...

제가 이 소스를 수정해서 그누보드 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
2014-06-16 (월) 10:10:16
그누4를 봐야 알 듯 싶은데요. 그누4 생각하고 만든 소스가 아니다보니...
나중에 시간나면 한 번 볼께요.
아니면 질문답변에서 좋은 답변이 나올수도 있구요. ^^
네 ^^ 감사합니다!
다시 확인해본 결과 IE9까지는 맞는데 8이하가 깨지네요..
2014-06-25 (수) 09:26:49
아무래도 따로 만들어야 할 듯 싶은데 g4쪽 소스를 좀 봐야할 시간이 나야 할 듯 싶습니다.
가능하면 조만간 보도록 할께요.
2014-06-25 (수) 13:18:49
G4쪽 소스를 좀 보긴 봣는데 아무래도 g4는 웹표준형식으로 제작된게 아니다보니 깨질수 밖에 없을 듯 싶습니다.
도움이 못 되어 드려서 죄송하네요.
아닙니다^^ 감사합니다!
2014-06-26 (목) 11:53:44
스킨을 적용해보니 슬라이더작동시 전체드롭다운메뉴 가 슬라이드안쪽위치 메뉴가 슬라이드에 가려버립니다
슬라이드(아니면) 메뉴소스를 수정해야할것같은데 다른그누보드메뉴는 슬라이드가 안쪽으로위치 정상적으로
출력되기에 메뉴소스어디에 부가적으로 넣어야 할까요?

적용스킨- 최신게시물7종세트 중 매인슬라이드는 메뉴가안쪽으로 위치해 메뉴가보이지않음 asides스킨은 정상적으로 메뉴가 가려지지 않음


http://orum.dothome.co.kr/gn5/index.php
2014-06-26 (목) 12:32:17
레이어 겹치는 문제로 보이는데요.
내려받은 소스중 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 잘못인줄 알고 봤는데 아무 이상이 없더라구요;;
그래서 메인 슬라이더 제이쿼리를 딴데 보내버리니 잘 작동하는.. 이건 써야겠고.. 메인 슬라이더도 써야하겠는데....ㅠㅜ 도움좀..
2014-07-02 (수) 14:23:11
바로 윗글에도 써 놨지만 레이어 순서 문제일겁니다. 바로 윗글에 답변단대로 하면 웬만하면 서브메뉴 나올겁니다.
z-index를 99999999; 로 해도 안되는건 충돌이겠죠?ㅠㅠ
2014-07-02 (수) 14:50:14
사이트 URL좀 알려줘 보세요.
해결책이 있을까요? ;;;
2014-07-02 (수) 15:35:04
소스를 봤는데 만일 위 방식대로 안 된다면 반대로 메인 슬라이더쪽 z-index 부분을 0까지 내려보세요.
소스 긁어서 하려고 했더니 메인슬라이더는 안 뜨는군요.
아 알겠습니다! 일단 확인하시는김에 인기검색어 칸에 ㅁㄴ , as , ㅁㄴㄴ을 클릭했을때 게시판 페이지가 나오는데
여기서는 잘 작동 하는거 같네요! 일단은 메인슬라이더 z-index 내려보도록 하겠습니다ㅋ
음 z-index도 다 0으로 설정 했는데 안되길래 script src를 하나하나씩 빼보니 동작하는군여..
[code]
<script src="js/min/jquery-v1.10.2.min.js" type="text/javascript"></script>
[/code]
이놈이 말썽이네요..

이걸 대체할만한 소스가 없을까요 ㅠㅜ 버튼이 전부 사라져버렸네요 허허..
2014-07-02 (수) 16:05:57
그렇군요. 충돌이 생길줄은 몰랐네요.
아무래도 class쪽에서 충돌이 있을수도 있으니 class 네임을 바꿔서 적용해 보도록 하세요.
제가 직접 만들었던 것이라 충돌이 있을줄은 예상도 못했네요. 에효~~~
2014-07-08 (화) 07:53:06
제 껀 왜 이렇게 나오죠? 어디를 바꾸어야 할까요?

메뉴가 뒤로 숨고 메인 그림이 앞으로 나와서요..

그래서 일단 원상복귀했는데 ...
jangdooree.com
2014-07-08 (화) 09:15:46
레이어 겹치는 문제로 보이는데요.
내려받은 소스중 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; 이런식으로 바꿔보세요. 정확한 레이어 위치는 모르겠지만 이정도로 바꾸면 위치가 바뀔겁니다.
2014-07-08 (화) 23:15:52
답변 감사 합니다.. 해보았는데 이렇게 되는데 감춰졌던 바탕 검정색 폭도 줄이는 거하고 서브메뉴 글씨도 안나오고 그리고 메인 그림이 감춰져 버립니다. 이 세가지가 문제가 되는데...어디를 고쳐 봐야 할지요?
2014-07-09 (수) 10:11:37
설치된 URL좀 알려주세요. 확인해 볼께요.
2014-07-09 (수) 13:43:27
http://jangdooree.com/g5-5.0/skin/nav/redsalt/
입니다...

일단 색만 바꿔서 올려놨는데...

메뉴와 메뉴사이가 벌어진건 어디서 수정해야 하나요?
메뉴가 벌어지다 보니 스마트폰에서는 메뉴가 다 안나오는 경우가 있네요.

그리고 접속자가 0으로만 나오네요.. 메뉴 수정하다 보니 이상하게 다른것들도 건들어지나봐요..?
접속자 0으로 나오는건 어떻게 해야 하는지..?
감사드리구요..좋은 하루 되세요 ^^
2014-07-09 (수) 14:12:11
주신 링크가 깨져 있네요. 메뉴 사이가 벌어진 건 첨부한 css 파일에서 .nav ul.depth1 li.gnb1 에 있는 width:120px; 이걸 삭제하고 padding:0 30px; 이걸 대신 넣으면 여백이 균일하게 잡힐 겁니다.
제가 올린 스킨하고 접속자수는 전혀 관계가 없으니 다른 부분을 건드렸을 가능성이 있으니 다시 한 번 체크해 보세요. (__)
감사드립니다.
우아 감사합니다!! 깔끔하고 조아요 ㅠㅠ
정말 좋네요 감사합니다 ^^
저 /head.php 를열고 <nav id="gnb"> ~ </nav> 된 부분을 삭제 할려고 하니까 <nav id="gnb"> ~ </nav> 된 부분이 없는데 어떻게해요?
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 스킨

2,751건

좋은 댓글과 좋아요는 제작자에게 큰힘이 됩니다.

+