1차 메뉴를 누르면 2차 메뉴 전체가 내려오는 메뉴 > 그누보드5 스킨

그누보드5 스킨

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

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

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

첨부파일

slidemenu.zip (40.1K) 864회 다운로드 2015-03-19 14:45:21

본문

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

사용방법은:

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

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

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


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

댓글 전체

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

압축파일 해제후 폴더명을 mymenu로 변경하십시오!
감사합니다.  6칸으로 보이는 문제는 전체 메뉴박스에 배경값이 들어가 있어서 그렇네요
style 2번째줄을
.menuBox {width:800px; margin:0 auto;height:50px;}
이렇게 수정해주세요
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;}
전체 65 |RSS
그누보드5 스킨 내용 검색
  • 게시물이 없습니다.

회원로그인

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