묻고답하기

캡처.JPG



위의 메뉴를 모바일에서 좌측으로 슬라이드해서 빼는 형식으로 만들려고 합니다.


모바일용 템플릿은 따로 만드는데 성공했는데,


http://martian36.tistory.com/523 를 참조해서 하려 해도 잘 되지 않습니다.


<style type="text/css">
		.toggler { width: 500px; height: 200px; position: relative; }
		#button { float:left; position:relative; width:40px; height:30px; background:url(button1.gif); text-indent:-9999px; cursor:pointer;}
		#effect { width: 500px; height: 135px;  position: fixed;  left:-200px; top:45%;}
		#content { width:195px; float:left; font: 28px/1.6 NanumBrushWeb; }

</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> 
<script type="text/javascript"> 
jQuery(function() {
		jQuery( "#button" ).toggle(
			function() {
				jQuery( "#effect" ).animate({left: 0}, 500 );
				jQuery( "#button" ).css({"background":"url(button2.gif)"});
			},
			function() {
				jQuery( "#effect" ).animate({left: '-200px'}, 500 );
				jQuery( "#button" ).css({"background":"url(button1.gif)"});
			}
		);
	});
</script> 


위 코드를 m.main.header.tpl 에

m.main.header.tpl


<div id="effect">

   <div id="content">

메뉴부분

</div>

<div id="button">

<p><a href="#">Toggle</a></p>

</div>


</div>


이런식으로 처리를 했습니다.




이 메뉴부분은 두곳에서 처리를 할 수 있어서 한번씩 해봤습니다.


m.main.navigation.tpl 가 직접적으로 메뉴를 담당하는 부분이고,

m.main.navigation.tpl


m.layout.full.tpl 가 레이아웃의 역할로써 레이아웃에 필요한 tpl파일들을 부릅니다.

m.layout.full.tpl


대체로 맞게 한거같은데 뭘 잘못한거지 모르겠습니다.


class명이 겹쳐서 button, effect, content 앞에


m-button, m-effect, m-content 식으로 붙였습니다.


그렇게 했더니 막 메뉴가 데칼코마니 마냥 여러번 펼쳐져서 나오고, 슬라이드 메뉴는 제대로 되도않고, 버튼도 나오지 않네요 ;ㅅ;


왜그럴까요?



------------------

참조 사이트 및 첨부파일

http://martian36.tistory.com/523

m.main.header.tpl  (수정전 파일입니다)

m.layout.full.tpl       (수정전 파일입니다)

m.main.navigation.tpl  (수정전 파일입니다)


slideleft2.html

티스토리 주인장님이 슬라이드 메뉴 html로 만든것을 보고 참조했습니다.


글쓴이 제목 최종 글
XE 공지 글 쓰기,삭제 운영방식 변경 공지 [16] 2019.03.05 by 남기남
Mst13 스케치북5 유튜브 게시판 섬네일을 최근게시물로 보내기  
아형여옹 비밀번호 찾기 메일이 안와요. [15] 2014.10.18 by 아형여옹
Novelic Content 위젯에서 프로필 이미지 불러올 수 있을까요?  
hshlalla 플레쉬 삽입 질문드립니다 [1] 2014.10.18 by 키스투엑스이
webgori 모듈 제작시 &getModel(모듈명) 띄어쓰기 현상 [2] file 2014.10.18 by webgori
서울여우 네이버카페 대문 만들때 .... 질문드려요 [1] 2014.10.18 by 키스투엑스이
눈내리는낭만보더 댓글 등록시 글 작성자에게 SMS 보내기 (비회원일때) 방법좀 알려주세요  
제대로만들자 2페이지 클릭시 위젯 변경이 가능한가요?? [2] 2014.10.18 by 제대로만들자
틱택톡 네임서버 변경시 이전서버에 도메인이 연결되있어야하나요? [2] 2014.10.18 by 휘즈
bonui PXE_Clio 레이아웃 수정 관련 질문  
준빠™ 서버 이전중인데 php 버전의 문제일까요? [4] 2014.10.17 by 준빠™
내아내그리움 모바일,pc검색결과가 달라졌어요. [1] 2014.10.17 by 키스투엑스이
jkx08q SimpleStrap 상단바 고정 해제했을때 오류 [1] file 2014.10.17 by 키스투엑스이
super333 글복사시 출처표시 애드온에서 주소를 짧은주소로 표시하는 방법 [1] 2014.10.17 by 키스투엑스이
진지한남자 대량의 회원가입 방법? [5] 2014.10.17 by 키스투엑스이
내아내그리움 게시판상단 베스트글추출 노하우좀알려주세요 [2] file 2014.10.17 by 키스투엑스이
lifeto XE 를사용하면 원래 body가 두개인가요? [7] 2014.10.17 by 키스투엑스이
본쥬 xe 로그인 연동 [1] 2014.10.17 by 키스투엑스이
JUNG 웹표준 코딩 시작한지 얼마 안되서 기초 질문 하나 여쭤봅니당!^^; [3] 2014.10.17 by 키스투엑스이
최윤한 게시글 추천을 이용해서 평점을 만들려고 하는데 어디를 수정해야하는건가요? [2] 2014.10.17 by 키스투엑스이
koreafeel 지도와 게시판 연동 가능한가요? [5] 2014.10.17 by 키스투엑스이
lifeto html5 에서 이 웹사이트 같은 효과를 어떻게 만드는지요? [2] 2014.10.17 by 키스투엑스이
lifeto link href 와 load target 차이점이 무엇인가요? [3] 2014.10.17 by 고코루리
그랜드큐브 도와주세요!! DB document 에서 에러가 생겼는데 이런 메시지가 뜨는데 어찌해야 하나요 file  
gagagaga2 xe1.5=>xe1.7 로 업데이트하니 스케치북 게시판 웹진에서 쓰던 썸네일이 다없어졌서요 ㅜㅜ 이거 어떻게하나요? [1] 2014.10.17 by 고코루리
deinside 서버이전하는데 에러가 발생 [4] 2014.10.17 by deinside
Migguragi 서버이전시(도메인포함) 예전주소에서 현주소로 이동 [7] 2014.10.17 by 로이조52
오늘은삽질왕 스케치북5 화면에서 질문있습니다. file  
초보유저33 스케치북5 썸네일 보기 형식 간격오류 질문드립니다 [2] file 2014.10.17 by 초보유저33
카레맛콜라 다시 질문드립니다ㅠㅠ 게시판 메일 알림 관련이요