그누보드 5 커뮤니티 테마 모바일 - 사이드메뉴 오른쪽에서 왼쪽으로
http://theme.sir.kr/gnuboard5/index.php?theme=community&device=mobile">http://theme.sir.kr/gnuboard5/index.php?theme=community&device=mobile
커뮤니티 테마 모바일 버전 예제입니다.
이 테마에서 오른쪽으로 들어가고 나오는 사이드 메뉴를 왼쪽에 배치하고 왼쪽으로 들락날락하게
배치하고 싶은데 어떻게 해야 할까요?
답변 1개
theme/community/css/mobile.css
42-43 Line
#btn_side{position:absolute;top:0;left:10px;z-index:200}</p><p>#btn_side #side_mn_btn{position:absolute; left:10px; top:24px; width:22px; height:17px;background:url('../img/gnb_btn.gif') 50% 50% no-repeat; border: none }</p><p>
81, 83 Line
</span><span style="font-size: 14.6667px; line-height: 22px;">#side_menu{display:block;position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:9999;margin:0;background-color: rgba( 0, 0, 0, 0.5 );display:none;}</span></p><p>82 Line...</p><p><span style="font-size: 14.6667px; line-height: 22px;">#side_menu .side_wr{width:280px;height:100%;background:#e3e3e3;opacity:1;position:absolute;top:0;left:0;box-shadow:0 0 10px #000;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}</span></p><p><span style="font-size: 14.6667px;">
108 Line
</span><span style="font-size: 14.6667px; line-height: 22px;">.side_close{position:absolute;top:10px;left:282px;margin:0;line-height:1em; }</span><span style="font-size: 14.6667px; line-height: 1.5;">
공히 right를 left로만 바꿨습니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인