1차 메뉴를 누르면 2차 메뉴 전체가 내려오는 메뉴

몰라몰라몰라

· 2015-03-19 (목) 14:45:21 · 조회 16713 16713 · 댓글 13 13

답답해서 여러 고수님들의 다양한 소스를 짜집기해서 이런 메뉴 직접 만들어 봤습니다.
대단한건 아니구요. 1차 메뉴를 누르면 2차 메뉴 전체가 보여지는 메뉴입니다.
요즘 이런 메뉴 많은데 그누보드에는 이런 메뉴 스킨이 없는것 같아 ....
맨날 고수님들에게 도움만 받다가 첨으로 올립니다.

사용방법은:

1. skin폴더 네에 nav폴더 만들고 그 안에 압축파일을 푼 폴더를 집어넣습니다.
2. 그누보드가 설치된 루트폴더 내의 head.php 의 <nav id="gnb"></nav>를 지우고...
<?php include_once(G5_PATH.'/skin/nav/slidemenu/menu.php'); //상단 네비 ?>라고 쓰고
확인하시면 됩니다.

***** 엄청 초보가 만들어서 허술하기 짝이 없습니다. 원본파일 꼬옥 백업파일 만든 후 테스트 하고 이상 없으시면 사용하시기 바랍니다. *******

***** 더 좋은 방법이 있으면 소스 마구 수정하셔도 무방합니다. . *******

***** 첨 올리는 거라서 문제가 있거나, 그러시면 자삭하겠습니다. *******

#PC용

첨부파일

img.jpg (74.2 KB) 0회 2015-03-19 14:45

slidemenu.zip (40.1 KB) 874회 2015-03-19 14:45

댓글 13개

어린왕자

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2015-03-19 (목) 15:52:45

^^ 저도 비슷한거 있는데 어떻게 만드셨는지 궁금해서...

둘째삼식

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2015-03-19 (목) 16:01:29

왜서 잘 안되지요...
스타일이 안먹히는건지, 아래로 주루룩 나타나네요....

둘째삼식

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2015-03-29 (일) 16:28:32

왜서 안되나 했더니,,,
압축파일은 slidemenu로 돼있고, 파일에서 스타일이나 쟈바는 mymenu로 불러왔네요.

압축파일 해제후 폴더명을 mymenu로 변경하십시오!

탈환대

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2015-04-14 (화) 14:09:25

감사합니다. 6칸으로 보이는 문제는 전체 메뉴박스에 배경값이 들어가 있어서 그렇네요
style 2번째줄을
.menuBox {width:800px; margin:0 auto;height:50px;}
이렇게 수정해주세요

탈환대

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2015-04-14 (화) 14:11:59

2차메뉴도 수정할부분이 있어서 서브메뉴박스에 배경값이 들어가 있어서 ..li로 옮겼습니다.

/* 상단메뉴 적용 */ /* 140312 추가 */
.menuBox {width:800px; margin:0 auto;height:50px;}
.menuBox UL {list-style:none; margin:0px; padding:0px; }
.menuBox .menu { float:left;height:50px; line-height:50px; }
.menuBox .menu > LI { float:left; width:150px; text-align:center;font-size:16px;font-weight:700;border-right:1px dotted #fff;cursor:pointer; background:skyblue; }
.menuBox .submenuBox { float:left; top:50px; height:0px; width:100%; overflow:hidden; }
.menuBox .submenu { float:left; width:150px;height:300px;border-right:1px dotted #fff; background:gray;}
.menuBox .submenu > LI { padding-top:15px;padding-bottom:0px; text-align:center; font-size:12px;}
.menuBox .submenu > LI a {color:#fff;}

토토박스

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2015-11-30 (월) 06:48:34

감사합니다.

주봉이

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2017-04-30 (일) 00:26:22

감사해요~~^^

브러운아이

프로필 보기 이 회원 글보기 이 회원의 댓글보기

2018-04-18 (수) 01:07:01

전체메뉴