테스트 사이트 - 개발 중인 베타 버전입니다
SIR

모바일 웹에 딱 어울리는 메뉴 공유합니닷.. [1차 수정]

익명닉네임
프로필 보기이 회원 글보기이 회원의 댓글보기
 · 10년 전 · 18321 · 20
K-2.gif
메뉴 아이콘 및 메뉴 안에 디자인은 css 에서 직접 수정하셔야됩니다..
전 할줄몰라서 포기..!
[code]
<link rel="stylesheet" href="jquery.mmenu.all.css" />
<script type="text/javascript" src="jquery.mmenu.min.all.js"></script>
<script type="text/javascript">
$(function() {
$('nav#menu').mmenu();
});
</script>

/*메뉴 아이콘 버튼 아무곳에다가 넣으세요.*/
<div id="page"><div class="header"><a href="#menu"></a></div></div>

/* 메뉴 부분 하단에 넣는게 좋겠죠..?? 무한 서브 지원합니다. */
<nav id="menu">
<ul>
<li><a href="#notice">알림방</a>
<ul>
<li><a href="#notice">준비중 입니다.</a></li>
<li><a href="#notice">준비중 입니다.</a></li>
<li><a href="#notice">준비중 입니다.</a></li>
</ul>
</li>
<li><a href="#story">이야기관</a>
<ul>
<li><a href="#story/2">준비중 입니다.</a></li>
<li><a href="#story/2">준비중 입니다.</a></li>
<li><a href="#story/2">준비중 입니다.</a></li>
</ul>
</li>
<li><a href="#buy">구매 & 분양</a>
<ul>
<li><a href="#buy">준비중 입니다.</a></li>
<li><a href="#buy">준비중 입니다.</a></li>
<li><a href="#buy">준비중 입니다.</a></li>
</ul>
</li>
<li><a href="#photo">포토 갤러리</a>
<ul>
<li><a href="#photo">준비중 입니다.</a></li>
<li><a href="#photo">준비중 입니다.</a></li>
<li><a href="#photo">준비중 입니다.</a></li>
</ul>
</li>
<li><a href="#data">자료실</a>
<ul>
<li><a href="#data">준비중 입니다.</a></li>
<li><a href="#data">준비중 입니다.</a></li>
<li><a href="#data">준비중 입니다.</a></li>
</ul>
</li>
</ul>
</nav>
[/code]

첨부파일

K-2.gif (9.4 KB, 1회) (0 bytes, 1회) mmenu.zip (12.5 KB, 1441회)
목록
이전글 다음글

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 20개

뒷집돌쇠
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
감사합니다. ^^
적용이 매우 쉬워서 좋으네요 ㅎㅎ
익명닉네임
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
히힛.. 첫 댓글 감사합니다.~~ 앞으로 좋은 플러그인 찾으면 공유할수잇도록 해볼께요..
거기에다가 추천까지..!! 감사합니닷..!
[http://cafeimgs.naver.net/sticker/pc/line_characters_in_love/original/15.png]
익명닉네임
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
제가 모르고 뭔가 중요한거 하나를 추가안했습니다. 그래서 방금 수정했어요 ..!!
MVP솔루션
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
지금 찾고 있었는데 이런게 ㅎㅎㅎ 감사합니다.
붉은바람
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
좋은정보 감사합니다.^^
초보엄마
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
제가 초보라서 그런데...
mmenu 폴더를 어디다 올리는거예요?? 올려주신 소스는 어디다 적용하는건가요?
익명닉네임
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
mmenu 는 임의로 만든 폴더며 안에 보면 다있습니다. ^^ 소스는 head 헤더부분에다가 넣구요.
링크 부분 아이콘 은 직접 구하셔야 됩니다. ^^
이제는난
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
아.. 이상하네요 .. 아무리 적용해도 적용이 안되네요..
그냥 위에 소스 그대로 한 폴더에 집어넣고 위의 소스만 그대로 따다가 붙여놓으면 일단
작동은 해야할거 같은데. ㅜㅜ . 제가 뭘 잘못하고 있는걸가요 ㅜㅜ'
너무 적용해보고 싶은데..

초보를 위해서 예제파일까지 같이 한번 부탁드려도 될까요..ㅜㅜ
기본적으로 위에 소스 그대로 같은 폴더에 놓고 위에 내용 php로 만들어서 올리면 되는게 아닌가요 ㅜㅜ
익명닉네임
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
다 작동되는거구요 제일 중요한 css 는 이미지 쪽에 문제가있어서 제가 제시를 안했습니다.

<a href="#menu">메뉴 출력할 이미지 또는 글씨</a> 넣고 테스트를 해보시는게 좋겠습니다. ^^
이제는난
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
희안하네요.. 그대로 따로 빼서 테스트도 해보고 집어넣어서도 해보고..
일단 이러나저러나 그대로 복사해서 소스 넣고 구동하면 되야할거 같은데..
제가 바보인거 같긴한데.. ㅜㅜ 다른분들은 쉽게 쉽게 되시나보네요.
변수값이 뭐 딱히 문제 있는거 같지는 않은데..
익명닉네임
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
[code]
<!DOCTYPE>
<html lang="ko">
<head>
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" name="viewport">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>모바일웹 레이아웃 2015</title>
<link rel="stylesheet" href="jquery.mmenu.all.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script type="text/javascript" src="jquery.mmenu.min.all.js"></script>
</head>
<body>
<script type="text/javascript">
$(function() {
$('nav#menu').mmenu();
});
</script>

<div id="page"><div class="header"><a href="#menu">메뉴</a></div></div>

<nav id="menu">
<ul>
<li><a href="#notice">알림방</a>
<ul>
<li><a href="#notice">준비중 입니다.</a></li>
<li><a href="#notice">준비중 입니다.</a></li>
<li><a href="#notice">준비중 입니다.</a></li>
</ul>
</li>
<li><a href="#story">이야기관</a>
<ul>
<li><a href="#story/2">준비중 입니다.</a></li>
<li><a href="#story/2">준비중 입니다.</a></li>
<li><a href="#story/2">준비중 입니다.</a></li>
</ul>
</li>
<li><a href="#buy">구매 & 분양</a>
<ul>
<li><a href="#buy">준비중 입니다.</a></li>
<li><a href="#buy">준비중 입니다.</a></li>
<li><a href="#buy">준비중 입니다.</a></li>
</ul>
</li>
<li><a href="#photo">포토 갤러리</a>
<ul>
<li><a href="#photo">준비중 입니다.</a></li>
<li><a href="#photo">준비중 입니다.</a></li>
<li><a href="#photo">준비중 입니다.</a></li>
</ul>
</li>
<li><a href="#data">자료실</a>
<ul>
<li><a href="#data">준비중 입니다.</a></li>
<li><a href="#data">준비중 입니다.</a></li>
<li><a href="#data">준비중 입니다.</a></li>
</ul>
</li>
</ul>
</nav>
</body>
</html>
[/code]
이제는난
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
아이고 초보를 위해서 아주 떠다가 먹여주시네요 ㅜㅜ
감사합니다!! 문제없이 잘됩니다. 고맙습니다 복받으실거에요^^꾸벅__;
익명닉네임
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
좋은하루 되시길 바랍니다. ~~ ^^
다이월드
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
설치 방법 좀 자세히 아르켜 주세요..
어느 디렉토리 어디 어디 리허게요 ㅡㅡ 잘 모르겟어요
HMHM
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
저는 이게 되긴 되는데 메뉴를 문지르면 메뉴가 안 움직이고 메인 배경화면이 움직이는데 메뉴가 터치되게 하려면 어떻게 해야 할까요?
쫠스
프로필 보기이 회원 글보기이 회원의 댓글보기
 10년 전
좋아요 좋아요 좋아요!!!
ssohyuni
프로필 보기이 회원 글보기이 회원의 댓글보기
 9년 전
너무 필요한 자료였어요. 감솨해요^^
flexdd
프로필 보기이 회원 글보기이 회원의 댓글보기
 8년 전
심플하고 좋네요~^^
쫑콩
프로필 보기이 회원 글보기이 회원의 댓글보기
 8년 전
이런걸 찾고있었습니다! 감사합니다~
헬로준6
프로필 보기이 회원 글보기이 회원의 댓글보기
 5년 전
감사합니다~

게시판 목록

그누보드5 플러그인

그누보드 호환이거나 독립적으로 실행되는 플러그인을 소개합니다.
글쓰기

CKEditor 4.4.7 최신 Standard 버전 [7]

다다이월드
프로필 보기이 회원 글보기이 회원의 댓글보기
• 10년 전

모바일 웹에 딱 어울리는 메뉴 공유합니닷.. [1차 수정] [20] 현재 보는 글

익명닉네임
프로필 보기이 회원 글보기이 회원의 댓글보기
• 10년 전

게시글에 투표 (각 게시글에 "투표" 첨부하기) [10]

검검은아이
프로필 보기이 회원 글보기이 회원의 댓글보기
• 10년 전

그누보드5용 (마이 페이지) BASIC [6]

검검은아이
프로필 보기이 회원 글보기이 회원의 댓글보기
• 10년 전

팝업관리툴- 그누보드5용[관리자메뉴] [12]

공명과맥
프로필 보기이 회원 글보기이 회원의 댓글보기
• 10년 전

피리 출석체크 [1]

검검은아이
프로필 보기이 회원 글보기이 회원의 댓글보기
• 10년 전

내글 박스, 글내용에 작성자의 최근 게시물 보여주기 [9]

검검은아이
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

그누보드5, 끌어올림 (이전 게시글을 최신글로 점프시키는 기능) [12]

검검은아이
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

OpenSSL for HTTP 수정 취합 [3]

fm25
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

그누보드5 전용 구글사이트맵(SEO) 생성기 [36]

GGodsTale
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

SIR 도로명주소 서비스 지원 중단에 따른 다음 도로명 API 적용 분. [12]

잉끼
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전

Postcodify 도로명주소 우편번호 검색 플러그인 v2.1 [15]

기기진곰
프로필 보기이 회원 글보기이 회원의 댓글보기
• 11년 전
🐛 버그신고