MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
1.0x

My Xe - 웹진스킨 - LightBox
Xpressengine of Moonhouse　>

메뉴바에 토글메뉴 추가하기 file
오랜만에 제 홈피에 글을 남겨봅니다. 제티스님의 요청으로 ( https://moonhouse.co.kr/297897 ) 기본 메뉴바 옆에 따로 토글메뉴를 추가해서 사이트맵이나 지정 위젯을 나타나게 하는 팁입니다. 1. 사용중인 레이아웃의 info.xml에 아래의 코드를 추가해 줍니다. <var name="toggle" type="select"> <title xml:lang="ko">★토글 사용 여부</title> <title xml:lang="en">★토글 사용 여부</title> <description xml:lang="ko">토글기능의 표시를 결정하세요.</description> <description xml:lang="en">토글기능의 표시를 결정하세요.</description> <options value="Y"> <title xml:lang="ko">표시</title> <title xml:lang="en">표시</title> </options> <options value="N"> <title xml:lang="ko">표시안함</title> <title xml:lang="en">표시안함</title> </options> </var> <var name="sitemap" type="select"> <title xml:lang="ko"> ┖ 토글기능 내용</title> <title xml:lang="en"> ┖ 토글기능 내용</title> <description xml:lang="ko">토글안에 내용 결정하세요.</description> <description xml:lang="en">토글안에 내용 결정하세요.</description> <options value="Y"> <title xml:lang="ko">사이트맵</title> <title xml:lang="en">사이트맵</title> </options> <options value="N"> <title xml:lang="ko">위젯</title> <title xml:lang="en">위젯</title> </options> </var> <var name="toggle_widget" type="textarea"> <title xml:lang="ko"> ┖ 토글안 위젯코드</title> <title xml:lang="en"> ┖ 토글안 위젯코드</title> <description xml:lang="ko">토글안에 들어갈 위젯을 추가합니다.(위젯코드를 붙여넣기 하세요) </description> <description xml:lang="en">토글안에 들어갈 위젯을 추가합니다.(위젯코드를 붙여넣기 하세요) </description> </var> 2. layout.html 파일안에 아래의 코드를 추가해 줍니다. <!--토글메뉴--> <!--@if($layout_info->toggle == 'Y')--> <!--%import("js/toggle.js")--> <div id="toggle" style="left:{$layout_info->bodyWrap_width-120}px;"> <!--@if($layout_info->sitemap == 'Y')--> <div id="sitemap_icon" class="iePngFix"></div> <div id="sitemap"> <div class="extension"> <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])--> <div class="section"> <h2><a href="{$val['href']}"<!--@if($val['open_window']=='Y')--> onclick="window.open(this.href);return false;"<!--@end-->> {$val['text']} </a></h2> <!--@if($val['list'])--> <ul> <!--@foreach($val['list'] as $k => $v)--> <!--@if($v['link'])--> <li><a href="{$v['href']}"<!--@if($v['open_window']=='Y')--> onclick="window.open(this.href);return false;"<!--@end-->>{$v['text']}</a></li> <!--@end--> <!--@end--> </ul> <!--@end--> </div> <!--@end--> <!--@end--> </div> </div> <!--@else--> <div id="widget_icon" class="iePngFix"></div> <div id="toggle_widget"> <div class="extension"> {$layout_info->toggle_widget} </div> </div> <!--@end--> </div> <!--@end--> 3. 해당 css파일안에 아래의 코드를 추가해 줍니다. /* Toggle_Sitemap */ #toggle { position:absolute; top:132px; z-index:90;} #sitemap_icon { position:relative; width:106px; height:16px; padding:0; background:url(../images/common/sitemap_icon.png) no-repeat; background-position:left 0px; cursor:pointer; } #sitemap { position:absolute; width:670px; height:auto; background:url(../images/common/sitemap_bg_top.png) no-repeat; top:20px; right:-10px; display:none; padding:29px 0px 0px 0px; border:0px solid #ffffff; z-index:9; } #sitemap a { text-decoration:none; } #sitemap a:hover, #sitemap a:active, #sitemap a:focus{ color:#ff6600; } #sitemap .extension { *zoom:1; padding:5px 0; background-color:#999; margin-bottom:0px; border:2px solid #000; z-index:9; } #sitemap .extension:after { content:""; display:block; clear:both; } #sitemap .extension .section { float:left; width:150px; margin-bottom:20px; padding:0 0 0 10px; background:url(../images/common/lineKneeVr.gif) repeat-y 0 0; } #sitemap .extension .section h2 { font-size:12px; margin:0 0 10px 0; } #sitemap .extension .section h2 a { padding:5px 10px 0 0px; color:#555; } #sitemap .extension .section h2 a:hover, #sitemap .extension .section h2 a:active, #sitemap .extension .section h2 a:focus{ padding:5px 10px 0 10px;background-color:#fff; color:#555;} #sitemap .extension .section a { color:#ddd; } #sitemap .extension .section a:hover, #sitemap .extension .section a:active, #sitemap .extension .section a:focus{ color:#fff; } #sitemap .extension .section ul { margin:0; padding:0; list-style:none; } #sitemap .extension .section li { margin-bottom:6px; } /* Toggle_Widget */ #widget_icon { position:relative; width:106px; height:16px; padding:0; background:url(../images/common/more_icon.png) no-repeat; background-position:left 0px; cursor:pointer; } #toggle_widget { position:absolute; width:500px; height:auto; background:url(../images/common/togglewidget_bg_top.png) no-repeat; top:20px; right:-10px; display:none; padding:29px 0px 0px 0px; border:0px solid #ffffff; z-index:99; } #toggle_widget a { text-decoration:none; } #toggle_widget a:hover, #toggle_widget a:active, #toggle_widget a:focus{ color:#ff6600; } #toggle_widget .extension { *zoom:1; padding:0; background-color:#F6F6F6; margin-bottom:0px; border:2px solid #000; } #toggle_widget .extension:after { content:""; display:block; clear:both; } #toggle_widget .extension .section { float:left; width:150px; margin:0; padding:0 0 0 10px; border-left:1px dotted #a98a60; } #toggle_widget .extension .section h2 { font-size:12px; margin:0 0 10px 0; } #toggle_widget .extension .section h2 a { padding:5px 10px 0 10px; background-color:#000; color:#fff; } #toggle_widget .extension .section h2 a:hover, #toggle_widget .extension .section h2 a:active, #toggle_widget .extension .section h2 a:focus{ background-color:#fff; color:#a98a60;} #toggle_widget .extension .section a { color:#7B7B7B; } #toggle_widget .extension .section a:hover, #toggle_widget .extension .section a:active, #toggle_widget .extension .section a:focus{ color:#ff6600; } #toggle_widget .extension .section ul { margin:0; padding:0; list-style:none; } #toggle_widget .extension .section li { margin-bottom:6px; } 위의 부분에서 top:132px 의 수치를 알맞게 조절하시면 되고 해당 이미지들은 자신의 사이트에 맞게끔 제작하시면 됩니다. 마지막으로 toggle.js 파일을 내려 받아서 js폴더에 넣어시면 됩니다. 챀고로 레이아웃설정에서 "토글기능내용" 중에서 "사이트맵"을 선택하시면 자동으로 자신의 메뉴들이 보여집니다. 그리고 "위젯"을 선택하셨다면 아래 "토글안 위젯코드"에 자신이 넣고 싶은 위젯코드를 추출해서 넣어 주시면 됩니다.
Board 나의 RM Category Tip 2011.07.15 팔공산 R 1185 C 1
상단2차 메뉴 세로(슬라이딩)로 나타내기 4탄 file
상단2차메뉴를 세로로 나타내기를 이것저것 적용하다 보니 4탄까지 오게 되었네요. 1. 먼저 해당 layout.html를 열어서 아래와 같이 상단메뉴 부분을 수정을 합니다. (해당코드가 작성이 되지 않는관계로 파일로 올립니다) layout.html 2. 해당 css파일을 열어서 아래와 같이 추가합니다. common.css 3. js 폴더안에 gnbh.js 파일을 업로드 합니다. 4. img 폴더안에 img.zip 파일의 압축을 풀어서 업로드합니다.
Board 나의 RM Category Tip 2010.12.28 팔공산 R 1256 C 4 V 1
레이아웃에 이미지 슬라이딩 기능 추가하기 file
ForHanbi 레이아웃 ver 0.1.1 안에 들어있는 1차메뉴와 본문내용 중간에 출력되는 이미지 슬라이딩출력이 마음에 들어서 그 부분만 적용하는 방법을 팁으로 남갑니다. 1. 먼저 사용하시는 레이아웃의 layout.html에 상단부분과 본문부분의 중간에 아래 코드를 추가합니다. <!--@if($layout_info->view_image_1)--> <!--%import("./js/paging.js")--> <div class="main_banner png_bg"> <div class="main_view"> <div class="viewer"> <div class="image_reel"> <ul> <li><a href="<!--@if($layout_info->view_url_1)-->{$layout_info->view_url_1}<!--@else-->#<!--@end-->"><img src="{$layout_info->view_image_1}" width="750" height="290" alt="{$layout_info->view_title_1}" title="{$layout_info->view_title_1}" /></a></li> <!--@if($layout_info->view_image_2)--> <li><a href="<!--@if($layout_info->view_url_2)-->{$layout_info->view_url_2}<!--@else-->#<!--@end-->"><img src="{$layout_info->view_image_2}" width="750" height="290" alt="{$layout_info->view_title_2}" title="{$layout_info->view_title_2}" /></a></li> <!--@end--> <!--@if($layout_info->view_image_3)--> <li><a href="<!--@if($layout_info->view_url_3)-->{$layout_info->view_url_3}<!--@else-->#<!--@end-->"><img src="{$layout_info->view_image_3}" width="750" height="290" alt="{$layout_info->view_title_3}" title="{$layout_info->view_title_3}" /></a></li> <!--@end--> <!--@if($layout_info->view_image_4)--> <li><a href="<!--@if($layout_info->view_url_4)-->{$layout_info->view_url_4}<!--@else-->#<!--@end-->"><img src="{$layout_info->view_image_4}" width="750" height="290" alt="{$layout_info->view_title_4}" title="{$layout_info->view_title_4}" /></a></li> <!--@end--> </ul> </div> </div> <div class="paging"> <div class="png_bg"> <!--@if($layout_info->view_title_1)--> <a href="#" rel="1"><span>{$layout_info->view_title_1}</span></a> <!--@end--> <!--@if($layout_info->view_title_2)--> <a href="#" rel="2"><span>{$layout_info->view_title_2}</span></a> <!--@end--> <!--@if($layout_info->view_title_3)--> <a href="#" rel="3"><span>{$layout_info->view_title_3}</span></a> <!--@end--> <!--@if($layout_info->view_title_4)--> <a href="#" rel="4"><span>{$layout_info->view_title_4}</span></a> <!--@end--> </div> </div> </div> </div> <!--@end--> 2. info.xml 파일안에 아래의 코드를 추가 <var name="view_image_1" type="image"> <title xml:lang="ko">본문 상단 이미지 슬라이드의 이미지1 </title> <description xml:lang="ko"><strong>레이아웃에서 슬라이드가 필요없는 분은 이 부분을 입력하지 않으시면 나타나지 않습니다.</strong><br /> 이미지를 입력해 주세요. 높이:300 X 넓이:950</description> </var> <var name="view_title_1" type="text"> <title xml:lang="ko">이미지1 상단 제목</title> <description xml:lang="ko">이미지1 제목 글자를 입력해주세요.</description> </var> <var name="view_url_1" type="text"> <title xml:lang="ko">이미지1이 지정 링크</title> <description xml:lang="ko">링크가 없다면 입력하지 않으셔도 됩니다.</description> </var> <var name="view_image_2" type="image"> <title xml:lang="ko">본문 상단 이미지 슬라이드의 이미지2</title> <description xml:lang="ko">이미지를 입력해 주세요. 높이:300 X 넓이:950</description> </var> <var name="view_title_2" type="text"> <title xml:lang="ko">이미지2 상단 제목</title> <description xml:lang="ko">이미지2 제목 글자를 입력해주세요.</description> </var> <var name="view_url_2" type="text"> <title xml:lang="ko">이미지2이 지정 링크</title> <description xml:lang="ko">링크가 없다면 입력하지 않으셔도 됩니다.</description> </var> <var name="view_image_3" type="image"> <title xml:lang="ko">본문 상단 이미지 슬라이드의 이미지3</title> <description xml:lang="ko">이미지를 입력해 주세요. 높이:300 X 넓이:950</description> </var> <var name="view_title_3" type="text"> <title xml:lang="ko">이미지3 상단 제목</title> <description xml:lang="ko">이미지3 제목 글자를 입력해주세요.</description> </var> <var name="view_url_3" type="text"> <title xml:lang="ko">이미지3이 지정 링크</title> <description xml:lang="ko">링크가 없다면 입력하지 않으셔도 됩니다.</description> </var> <var name="view_image_4" type="image"> <title xml:lang="ko">본문 상단 이미지 슬라이드의 이미지4</title> <description xml:lang="ko">이미지를 입력해 주세요. 높이:300 X 넓이:950</description> </var> <var name="view_title_4" type="text"> <title xml:lang="ko">이미지4 상단 제목</title> <description xml:lang="ko">이미지4 제목 글자를 입력해주세요.</description> </var> <var name="view_url_4" type="text"> <title xml:lang="ko">이미지4이 지정 링크</title> <description xml:lang="ko">링크가 없다면 입력하지 않으셔도 됩니다.</description> </var> 3. 해당 css 파일안에 아래의 코드를 추가 /*--Main Slide--*/ .main_banner{height:300px; background:url(../img/BgSlide.png) no-repeat left top; padding:5px; *zoom:1; margin-top:30px;} .main_view {position:relative; height:300px; width:950px;} .main_view:after{content:""; display:block; clear:both;} .main_view li{float:left; list-style:none;} .main_view .paging li{float:none;} .viewer {height:300px; width:950px; overflow:hidden; position:relative;} .image_reel {position:absolute; top:0; left:0;} .image_reel img {float:left;height:300px; width:950px;} .paging {position:absolute; left:0; bottom:0; z-index:100; display:inline-block; width:950px; height:35px; *zoom:1;} .paging div{ background:url(../img/BgPaging.png) no-repeat left top; height:35px;} .paging a {text-decoration:none; display:inline-block; padding: 0 20px; height:35px; line-height:35px;} .paging a span{display:inline-block; cursor:pointer; color:#333;} .paging a.active{background:url(../img/BgPagingActive.gif) no-repeat 13px 14px; *background-position:13px 13px} 4. 레이아웃의 js폴더에 paging.js 파일 업로드 5. img폴더에 img.zip 파일 업로드 6. 레이아웃설정에서 950*300크기의 이미지를 선택하시면 됩니다. 레이아웃의 크기가 다른 경우는 아래의 부분에서 크기를 변경하고 이미지의 크기도 맞추어 주면 됩니다. .main_view {position:relative; height:300px; width:950px;}
Board 나의 RM Category Tip 2010.10.03 팔공산 R 1351

My Xe - FirstThumb 스킨
Xe of Moonhouse　>

profile
팔공산
Aug 31 2018
템플릿 컴포넌트 Swiper Slide MH 템플릿 file
MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 서 시 윤동주 하늘을 우러러 한 점 부끄럼 없기를, 잎새에 이는 바람에도 나는 괴로워했다. 별을 사랑하는 마음으로 모든 죽어가는 것들을 사랑해야지, 그리고 나에게 주어진 길을 걸어가야겠다. 오늘도 별이 바람에 스치운다. 님의 침묵 한용운 님은 갔습니다. 아아, 사랑하는 나의 님은 갔습니다. 푸른 산빛을 깨치고 단풍나무 숲을 향하여 난 작은 길을 걸어서 차마 떨치고 갔습니다. 황금의 꽃같이 굳고 빛나던 옛 맹세는 차디찬 티끌이 되어서 한숨의 미풍에 날아갔습니다. 날카로운 첫 키스의 추억은 나의 운명의 지침을 돌려놓고 뒷걸음쳐서 사라졌습니다. 나는 향기로운 님의 말소리에 귀먹고 꽃다운 님의 얼굴에 눈멀었습니다. 사랑도 사람의 일이라 만날 때에 미리 떠날 것을 염려하고 경계하지 아니한 것은 아니지만, 이별은 뜻밖의 일이 되고 놀란 가슴은 새로운 슬픔에 터집니다. 그러나 이별을 쓸데없는 눈물의 원천으로 만들고 마는 것은 스스로 사랑을 깨치는 것인 줄 아는 까닭에 걷잡을 수 없는 슬픔의 힘을 옮겨서 새 희망의 정수박이에 들어부었습니다. 우리는 만날 때에 떠날 것을 염려하는 것과 같이 떠날 때에 다시 만날 것을 믿습니다. 아아, 님은 갔지마는 나는 님을 보내지 아니하였습니다. 제 곡조를 못 이기는 사랑의 노래는 님의 침묵을 휩싸고 돕니다. 진달래꽃 김소월 나 보기가 역겨워 가실 때에는 말없이 고이 보내 드리우리다 영변에 약산 진달래꽃 아름 따다 가실 길에 뿌리우리다 가시는 걸음 걸음 놓인 그 꽃을 사뿐히 즈려 밟고 가시옵서소. 나 보기가 역겨워 가실 때에는 죽어도 아니 눈물 흘리우리다.
profile
팔공산
Aug 23 2018
템플릿 컴포넌트 PopUp MH 템플릿 - 닫기버턴 추가 file
MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 PopUp이 게시판 본문에서 작동합니다. 별 쓸모가 있을지 모르겠지만 제작해 봅니다. ^.^, 본문은 PopUp 템플릿과 Zoom기능 템플릿 의 콜라보입니다. p,s 닫기버턴 추가 했습니다. 마우스 Hover시 이미지 확대 됩니다. Close X
❤️5

지도 바로가기 - 스케치북 리스트스킨

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
Map 충청 충주 중앙탑 file 충주 중앙탑 팔공산 2024.03.20 113
Map 서울 서울 이순신장군 동상 file 서울 이순신장군 동상 팔공산 2024.03.20 102
Map 전라 쏠비치 진도 file 쏠비치 진도 팔공산 2024.03.20 123
Map 강원 정동진 모래시계공원 file 정동진 모래시계공원 팔공산 2024.03.20 95
Map 대구 종료 앞산공원 전망대 file 2025-04-30 앞산공원 전망대 팔공산 2023.03.29 129

댓글 많은순

No 게시판 제목 글쓴이 날짜 조회수
2,561 나의 RM 4 MH 슬라이딩 타일 V1.2.1 file
　┖ 딱 찾고있던 위젯인데 정말 감사합니다~ ^^ Mandelvr
　┖ 팔공산님~ 이 위젯을 후원업체 배너로 활용하고 싶은데 사용자정의 (d_url) 생성하여 ... 윤충기
　┖ 다이랙트url 설정은 배너클릭시 확장변수url로 이동하는 것이 아니라 우측하단에 문구... 팔공산
　┖ 네~ 바로 적용해 보았는데 너무 잘 됩니다. 좋은자료 정말 감사합니다. 윤충기
팔공산 2018.02.22 1,839
2,560 달집의 팁 4 구글 드라이브에 올린 파일 직접 다운로드 링크 넣는 방법 file
　┖ 고맙습니다!! 정말 찾고 있던 내용이었는데 바로 해결했어요 hashiray
　┖ 정말 감사해요 !! 덕분에 무사히 직링 따는법 알아갑니다 ❣ 감사
　┖ 잘 사용하세요~ 근데 압축파일 같은 것은 직접 링크가 안됩니다. 초창기에는 되었는데 ... 팔공산
　┖ {@sticker:538680|538681} 하늘
팔공산 2018.09.23 10,790
2,559 유틸리티 4 아스팔트6 - 안드로이드게임 file
　┖ 퍼펙트 파일 적용이 안되는데요 ㅠㅠ 오랜만에 아스팔트 할라고 켜는데 초기화되잇어서... 아팔ㅋ
　┖ 기존의 profile1.sav파일을 지우고 퍼팩트파일을 복사해 보세요. 팔공산
　┖ 감사합니다. 박모씨
　┖ 잘 봤네요 자유인11
팔공산 2011.09.18 13,488
2,558 나의 RM 4 상단2차 메뉴 세로(슬라이딩)로 나타내기 4탄 file
　┖ 3차 수정까지 검색해 따라왔는데.. 아쉽게도 포인트가 모자라 다운이되지 않는군요.. ... 바나바울
　┖ 열심히 포인트를 모아서 여기까지 왔는데 마지막 img.zip 파일만 다운이 안되네요.ㅠㅠ... happycom
　┖ 포인트 팡팡!에 당첨되셨습니다. happycomp님은 50포인트를 보너스로 받으셨습니다. happycom
　┖ 이 글 남기고 나니까 다운로드가 되네요...^^; 진짜진짜 감사합니다.^^ happycom
팔공산 2010.12.28 1,256
2,557 나의 RM 4 문하우스 게시판스킨 V2.3.1 file
　┖ internet explorer 6 에서 댓글을 쓰면 댓글을 쓴 사람의 닉네임이 나타나지 않는 현상... 두꺼비
　┖ 좋은 자료 잘 받아 갑니다. 감사합니다. 자유인
　┖ 익스6에서 댓글창에 닉네임, 날짜, ip, 삭제/수정.댓글 부분들이 보이지를 않네요. 이... 팔공산
　┖ 나이 먹어 뒤늦게 홈페이지 만든다고 html언어부터 시작해서 XE까지 팔딱거리며 배우는... 이안
팔공산 2010.03.13 1,390

 

Mh_Multi Widget 특징

 

It's a multi widget that we've been creating since the XE super window, so you can output widgets in almost any form.

 

mhmulti-001.jpg

 

 

[업그레이드 내용]

•문서내의 모든 이미지를 썸네일로 출력 기능 추가(선택가능)

Screenshot 2020-10-05 at 13.00.27.jpg

 

 1. Mh_multi Widget 에 총 5가지 Skin이 포함되어 있으며 Skin 마다 각각 고유의 형테로 구성    

    • 완벽히 위젯별로 작동합니다.

       - 동일 Skin 으로 한페이지에 다수의 위젯을 생성할시 위젯설정에 "위젯 NO"를 다르게 적용

       mhmulti016.jpg 

 

  2. 거의 완벽한 반응형(모바일형)으로 츨력이 가능

    • 함께 배포되는 mhstyle 위젯스타일 적용시

       - https://moonhouse.co.kr/xetip/469297

     mhmulti-008.jpg

 

  3. 간단한 설정 으로 색상변경 가능

    • 총 9가지 색상 선택

     mhmulti-009.jpg

    • 위젯 타이틀, 게시물 제목, Hover 테두리, more색상등 변경

     line.jpg

    • 설정 옵션들에서 자신만의 컬러로 변경 가능 

 

  4. 거의 완벽한 설정으로 각 위젯이 카멜레온처럼 변형이 가능 

    • 페이지기능으로 Total게시판 기능으로 활용

       - ajax 기능으로 화면 리플레쉬 없이 작동합니다.

    • 모든 항목을 추가, 제외 가능 - 썸네일, 테두리, 위젯타이틀, 제목, 내용, 글쓴이, 날짜등

    • 모든 항목의 색상 지정 가능 - 테두리, 제목, 내용, 바탕색, Hover색상등

 

  5. 썸네일 클릭시 3가지 형태로 츨력가능 

    • 기본적으로 게시판으로 연결

    • Right Box 형식으로 출력

     mhmulti-010.jpg

    • Zoom 형식으로 출력

     mhmulti-011.jpg 

 

  6. 다양한 설정

    • 대상 모듈의 대상 분류 srl값으로도 출력 가능

    • 내용글 세로 칸 수를 지정해서 공간의 여백을 최소화

    • 댓글 출력가능

     mhmulti-012.jpg

    • 그룹별, 포인트별, 레벨별로 출력 가능

     2021-09-23 123907.jpg

    • 모듈명, 분류명 출력 가능

     mhmulti-014.jpg

    • 확장값 출력 가능

     mhmulti-015.jpg

 

  7. MoonHouse 자료들은 폰트어썸과 Sexy Button 그리고 말풍선(툴팁) 애드온들이 자주 사용됩니다.

      Web Fonts Addon  /  말풍선(툴팁) 애드온을 설치해서 애드온들을 활성화 시켜야 아이콘과 버턴들이 정상적으로 출력됩니다.

      페이지기능을 지원하는 Widgets의 경우는 "위젯 케시를 0" 으로 둬야 정상 작동합니다.

 

Shoping Demo Manual Q&A

 

Mh_Multi Widget 메뉴얼

 

1. 총 5가지 Skins

 

 1. Sketchbook5 Webzin 형태

     mhmulti-002.jpg

 

 2. Sketchbook5 List 형태

     mhmulti-003.jpg

     

    •SketchBook5 게시판스킨 - 문하우스 수정버전 Pro 와 연동하여 날짜지정 종료/진행중/종료임박/오늘종료 버턴을 출력할 수 있습니다.

       - https://moonhouse.co.kr/xetip/506303

     mhmulti-004.jpg

 

 3. chameleon 형태

     mhmulti-005.jpg

 

 4. Smart 형태

     mhmulti-006.jpg

 

 5. Scroll - 공지사항형태

     mhmulti-007.jpg

Mh Product Sales

This area displays Product Sales made by Moonhouse.

Mh Justice Layout

Mh Justice Layout is a one page html5 bootstrap template.
This template comes with smooth animations, pop-up video and many more…

1. As soon as onePage is operated and the bootstrap and animations are applied, the animation is output in each section.

2. Almost perfect response (mobile)

3. Built-in various self-programming programs
• accordion menu
• iPhone background login pop-up
• Background slide
• Notice pop-up window

Read more

Mh Multi Sale

It's a multi widget that we've been creating since the XE super window, so you can output widgets in almost any form.

1. Works perfectly per widget. - Old versions create multiple widgets on one page with the same skin, causing problems with page function or multiple places

2. Add shortcut to on the title bar the top of the two.

3. can print out the source, without using a using the image output rightbox.

Read more