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
이 팁은 블루게이트님이 알려주신 소스입니다. 블루게이트님 http://www.bluegate.kr/에게 감사의 말씀을 드립니다. 지금까지 나와 있는 최근게시물들은 모듈을 선택하는 형식으로 되어있습니다. yak님이 전에 질문게시판에 남겨 주신 카테고리별로 선택하는 것을 문의 하셔서, 제가 블루게이트님에게 문의하여서 답변을 받아서 허락하에 이렇게 팁으로 올립니다. 원본내용보기 zbxe/widgets/newest_documentd 안의 해당파일을 편집기로 열어서 [newest_document.class.php 수정내용] // DocumentModel::getDocumentList()를 이용하기 위한 변수 정리 if(is_array($module_srl)) $obj->module_srl = implode(',',$module_srl); else $obj->module_srl = $module_srl; $obj->sort_index = $order_target; $obj->order_type = $order_type=="desc"?"asc":"desc"; $obj->list_count = $list_count; $obj->category_srl = $args->category_srl; $output = executeQueryArray('widgets.newest_document.getNewestDocuments', $obj); // document 모듈의 model 객체를 받아서 결과를 객체화 시킴 $oModuleModel = &getModel('module'); $module_info = $oModuleModel->getModuleInfoByMid($args->mid); $module_srl = $module_info->module_srl; $oDocumentModel = &getModel('document'); $category_list = $oDocumentModel->getCategoryList($module_srl); [info.xml 수정내용] <var id="category_srl"> <name xml:lang="ko">대상 카테고리 번호</name> <type>text</type> <description xml:lang="ko">선택하신 카테고리에 등록된 글을 대상으로 합니다.</description> </var> 수정후 최근게시물위젯의 설정에 들어가면 아래 이미지와 같이 됩니다. 여기서 대상카테고리 번호에 게시판의 제목부분에 있는 카테고리를 지정하면 주소창에 카테고리 번호가 나옵니다. (예: https://moonhouse.co.kr/zbxe/?mid=xemy&category=62509) Zbxe메뉴에 / My Zbxe모듈에 / Tip카테고리 카테고리번호는 62509이죠 이번호를 등록하시면 됩니다. 여기까지가 블루게이트님에게서 받은 답변을 제가 정리한 부분입니다. p.s 문제점이라면 한개의 모듈에 한개의 카테고리밖에 지정이 되지를 않는다는 점입니다. 앞으로 제가 더 공부해서 발전시켜 나갈지는 모르겠지만 지금은 여기까지 입니다.
Board 나의 RM Category Tip 2008.05.21 팔공산 R 12387 C 2
댄스이모티콘모음 file
이모티콘출력에 움직이는 댄스이미지만을 모았습니다. 총 160개입니다. 움직이는이미지들이라 용량이 꽤 됩니다. 총 22M정도 됩니다. 압축을 풀어서 /zbxe/modules/editor/components/emoticon/tpl/images 폴더안에 dance폴더 전체를 올려주시면 에디터에 이모티콘출력에 dance목록으로 나타납니다.
Board 나의 RM Category 기타 2008.05.07 팔공산 R 7486 C 3
MH 카멜레온팝업과 배너팝업의 결합 - 트렌스포머 file
MH카멜레온팝업과 MH배너팝업의 결합입니다. 설치방법은 MH배너팝업창 위젯과 동일합니다. https://moonhouse.co.kr/zbxe/159289 확장변수 선택시 노출여부를 N로 선택하면 카멜레온팝업이 보이고, 노출여부를 Y로 선택하면 배너팝업이 보입니다. 다수목록 선택시 이중으로 보이기도 합니다. 배너팝업 작업하다 중간생성과정에서 만들어 진 것인데, 이런 기능도 괜찮겠다 싶어 소스 정리해서 함 올려봅니다. 의외로 이게 편하네요. 위에가 N을 선택해서 카멜레온팝업, 아래가 Y를 선택해서 배너팝업입니다. 목록을 1개만 선택해서 필요에 따라서 Y와 N을 번갈아 사용하면 편합니다.
Board 나의 RM Category 위젯 2008.05.07 팔공산 R 6383

My Xe - FirstThumb 스킨
Xe of Moonhouse　>

profile
팔공산
Dec 28 2010
상단2차 메뉴 세로(슬라이딩)로 나타내기 4탄 file
상단2차메뉴를 세로로 나타내기를 이것저것 적용하다 보니 4탄까지 오게 되었네요. 1. 먼저 해당 layout.html를 열어서 아래와 같이 상단메뉴 부분을 수정을 합니다. (해당코드가 작성이 되지 않는관계로 파일로 올립니다) layout.html 2. 해당 css파일을 열어서 아래와 같이 추가합니다. common.css 3. js 폴더안에 gnbh.js 파일을 업로드 합니다. 4. img 폴더안에 img.zip 파일의 압축을 풀어서 업로드합니다.
❤️1
profile
팔공산
Oct 03 2010
레이아웃에 이미지 슬라이딩 기능 추가하기 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;}

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
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 팁 3 스케치북5 게시판에서 링크 게시판, 별점 기능 사용법 file
　┖ 우연찮게 보게되서 정말 뜻밖에 좋은거 찿았구나 했는데 전 일반 평정으로만 되고 별이... 프리뷰어
　┖ 사용자 정의 이름을 반드시 "rating"으로 하고 게시판정보에서 목록설정에 "평가" 추가... 팔공산
　┖ 네 이름이 문제였네요 정말 감사합니다 수고하세요 프리뷰어
팔공산 2014.06.23 5,367
2,560 QNA 3 MH_Fullpage 레이아웃 설치했는데요. file
　┖ Fullpage레이아웃에 welcom page 데모라는 부분이 있나요? 님의 홈피에 들어가 봐도 보... 팔공산
　┖ 좋은 레이아웃과 위젯 잘보고 사용해보려고 합니다.^^* 현재위치 보이게 하는 빵메뉴 ... 제이엘몰
　┖ 잘 사용해 주시고요. MH_sliding 레이아웃도 나름 반응형입니다. 팔공산
제이엘몰 2019.01.05 1,429
2,559 QNA 3 팔공산님 귀찮게 해드려서 죄송합니다...
　┖ 포인트 팡팡!에 당첨되셨습니다. 뽕이와진이님은 100포인트를 보너스로 받으셨습니다. 관리자
　┖ 지금 사용하시고 있는 호스팅회사에서 기본적으로 제공하고 있지 않는지 확인해 보세요... 팔공산
　┖ 답변 감사드립니다, 팔공산님... 제가 이 곳에서 하는 일이 좀 많아서 작업을 할 수 없... 뽕이와진
뽕이와진이 2012.09.18 16,843
2,558 QNA 3 메뉴 라인에 더보기 부분에 관한 질문 입니다. file
　┖ 포인트 팡팡!에 당첨되셨습니다. 제티스님은 200포인트를 보너스로 받으셨습니다. 관리자
　┖ 댓글로 간단히 설명드리기는 좀 복잡합니다. 회원자료실에 팁으로 남겨놓았습니다. htt... 팔공산
　┖ 답변글 너무 감사합니다. 좋은 오후 되시길 바랍니다. 제티스
제티스 2011.07.13 13,615
2,557 QNA 3 고수님들께 부탁 문의 드립니다. 회원가입 폼 문의
　┖ https://moonhouse.co.kr/280838 참고하시면 폼을 수정하실 수 있을 것입니다. 어느파... 팔공산
　┖ 정말 감사합니다. 덕분에 이제 공부할수있습니다. 열심히 해 보겠습니다. 호왕
　┖ 덕분에, 저도 열심히 해 보겠습니다. 모돌
호왕 2011.06.01 9,407

 

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