2단 전체 메인 메뉴 > 그누보드5 스킨

그누보드5 스킨

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

2단 전체 메인 메뉴 정보

레이아웃 2단 전체 메인 메뉴

첨부파일

nav.zip (7.8K) 1128회 다운로드 2014-05-29 17:01:03

본문

메인메뉴에 마우스 오버시 전체 메뉴가 한꺼번에 보여지는 형태의 레이아웃입니다.

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


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

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

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


추천
18

댓글 전체

감사합니다.

전체메인메뉴를 고정시키고 싶은데요!!!!!
그상태에서 클릭을 안하면 전체메인메뉴가 없어지잖아요!!!!
클릭을 안해두 전체메인메뉴가 항시 고정하고 싶습니다.
위 메뉴 소스의 css에 대해서 부탁 좀 드립니다.
제 경우 바탕색이 어두운 청색이라 메인메뉴 글자색을 흰색으로 바꿀어 쓸려고 하는데,
color:#FFFFFF;
이 속성을 여기 저기에 다 넣어봐도 메인메뉴 색상이 바뀌지 않네요.
왜 안먹히는지 원인을 모르겠습니다.
도와주시면 감사하겠습니다.
skin 폴더내에 풀어놓은 nav 폴더 내에 있는 css 를 수정하시면 됩니다.
css 에서 .nav_1da 에 color:#FFF !important; 이걸 적용하시면 흰색글자로 변경될 겁니다.
박스를 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를 봐야 알 듯 싶은데요. 그누4 생각하고 만든 소스가 아니다보니...
나중에 시간나면 한 번 볼께요.
아니면 질문답변에서 좋은 답변이 나올수도 있구요. ^^
아무래도 따로 만들어야 할 듯 싶은데 g4쪽 소스를 좀 봐야할 시간이 나야 할 듯 싶습니다.
가능하면 조만간 보도록 할께요.
G4쪽 소스를 좀 보긴 봣는데 아무래도 g4는 웹표준형식으로 제작된게 아니다보니 깨질수 밖에 없을 듯 싶습니다.
도움이 못 되어 드려서 죄송하네요.
스킨을 적용해보니 슬라이더작동시 전체드롭다운메뉴 가 슬라이드안쪽위치 메뉴가 슬라이드에 가려버립니다
슬라이드(아니면) 메뉴소스를 수정해야할것같은데  다른그누보드메뉴는 슬라이드가 안쪽으로위치 정상적으로
출력되기에 메뉴소스어디에 부가적으로 넣어야 할까요?

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


http://orum.dothome.co.kr/gn5/index.php
레이어 겹치는 문제로 보이는데요.
내려받은 소스중 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 부분을 0까지 내려보세요.
소스 긁어서 하려고 했더니 메인슬라이더는 안 뜨는군요.
아 알겠습니다! 일단 확인하시는김에 인기검색어 칸에 ㅁㄴ , as , ㅁㄴㄴ을 클릭했을때 게시판 페이지가 나오는데
여기서는 잘 작동 하는거 같네요! 일단은 메인슬라이더 z-index 내려보도록 하겠습니다ㅋ
음 z-index도 다 0으로 설정 했는데 안되길래 script src를 하나하나씩 빼보니 동작하는군여..

<script src="js/min/jquery-v1.10.2.min.js" type="text/javascript"></script>

이놈이 말썽이네요..

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

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

그래서  일단 원상복귀했는데  ...
jangdooree.com
레이어 겹치는 문제로 보이는데요.
내려받은 소스중 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://jangdooree.com/g5-5.0/skin/nav/redsalt/
입니다...

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

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

그리고  접속자가 0으로만 나오네요.. 메뉴 수정하다 보니  이상하게  다른것들도 건들어지나봐요..?
접속자 0으로 나오는건 어떻게 해야 하는지..?
감사드리구요..좋은 하루 되세요 ^^
주신 링크가 깨져 있네요. 메뉴 사이가 벌어진 건 첨부한 css 파일에서 .nav ul.depth1 li.gnb1 에 있는 width:120px; 이걸 삭제하고  padding:0 30px; 이걸 대신 넣으면 여백이 균일하게 잡힐 겁니다.
제가 올린 스킨하고 접속자수는 전혀 관계가 없으니 다른 부분을 건드렸을 가능성이 있으니 다시 한 번 체크해 보세요. (__)
전체 2,438 |RSS
그누보드5 스킨 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT