MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

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

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

MH PopUp 위젯 - mh_appoint_popup V2.0(19.03.24) file
최신버전 바로가기 MH 트렌스포머 PopUp위젯 V2.0 위젯은 대상 모듈을 지정해서 팝업을 열었다면 mh_appoint_popup 위젯은 대상문서의 번호를 입력하면 팝업으로 출력됩니다. 아무래도 전체 모듈을 지정하는 것 보다 특정 문서를 지정하여 팝업창으로 출력하는 것이 더 유용한 것 같군요. [특징] 1. MH 트렌스포머 PopUp위젯과 두개의 팝업을 띄울 수 도 있습니다. 최대한 두개의 팝업이 따로 작동 되겠끔 만들었습니다. 2. 팝업창 닫는 기간 날짜를 정 할 수 있습니다. [V2.0 특징] 1. 자체적으로 다수의 팝업을 띄울 수 있습니다. [V2.1 특징] 1. 코드정리 및 닫기 날짜 오류 수정
Board 나의 RM Category 위젯 2018.07.29 팔공산 R 1713 C 2
MH 이미지 Hover 위젯의 Skin추가 - Zoom스킨 file
썸네일 마우스 Over시 제목, 내용등 출력 위젯 V2.1 위의 위젯에 skin하나를 추가합니다. 이름하여 Zoom스킨 입니다. 썸네일안에서 마우스를 이동시 확대된 전체 이미지가 이리저리 보입니다. 적용된 링크에 접속해 보시면 확실히 알 수 있을 것입니다. https://moonhouse.co.kr/special [기본 상태] [마우스 오버시]
Board 나의 RM Category 위젯 2018.07.20 팔공산 R 231
템플릿 컴포넌트 Zoom기능 MH 템플릿 file
MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 아래목록에 있는 "MH 템플릿5종"과는 달리 약간의 설명이 필요하여 따로 글을 작성합니다. - MH-Zoom 템플릿 mh-zoom.zip 상품설명 : 이미지에 마우스를 대면 이미지가 확대되면서 상품의 자세한 부분 까지 확인할수 있습니다. 상품설명 : 이미지에 마우스를 대면 이미지가 확대되면서 상품의 자세한 부분 까지 확인할수 있습니다. mh-zoom을 설치해서 게시판에 삽입하면 위와 같이 출력됩니다. 그런 다음 자기가 출력하고자 하는 이미지를 화면에 첨부한후 소스보기를 눌러서 해당 이미지의 소스(아래 빨간색 부분)를 zoom소스에 대입하면 됩니다. 화면에 출력되는 이미지의 크기는 width="250"를 수정하시면 되고 원본이미지의 크기는 넓이 250px보다 큰 이미지라야 확대가 되겠죠. <div class="zoom-section"> <div class="zoom-small-image"><a class="cloud-zoom" href="/files/attach/images/177/820/446/04ee43ef336b496064fa9d275b42cbe1.png" id="zoom1" rel="adjustX:10, adjustY:-4"><img alt="" src="/files/attach/images/177/820/446/04ee43ef336b496064fa9d275b42cbe1.png" title="Optional title display" width="250" /></a></div> </div>
Board 나의 RM Category 기타 2018.07.19 팔공산 R 217
Prev 21 22 23 Next

My Xe - FirstThumb 스킨
Xe of Moonhouse　>

profile
팔공산
Dec 16 2018
Reveal Hover 위젯 file
위젯 전체글에 썸네일을 출력하기에는 무리가 있고, 보여 주고는 싶을때 해당글에 마우스Hover시 썸네일을 출력해주는 위젯입니다. [특징] - 썸네일 출력형식을 11가지의 fx효과중 선택할 수 있습니다. - 위젯의 넓이를 지정해서 중앙에 위치 시킬 수 있습니다. - 테두리 및 색상, 작성자, 작성일등 선택 가능 [ https://moonhouse.co.kr/ Wing영역에 설치한 이미지] [ https://moonhouse.co.kr/wp 에 적용된 이미지 - Hover색상 / 제목에도 fx적용 ]
profile
팔공산
Dec 10 2018
Lightbox 전용 Hover 위젯 file
위젯에서 썸네일 클릭시 이미지가 화면위에 출력되는 Lightbox기능 전용 Hover 위젯입니다. [특징] 1. 기본설정으로 두면 250*200의 썸네일이 가로3줄 세로2줄 총 6개의 게시물 이미지가 출력 2. 썸네일에 마우스 Hover시 제목과 내용글이 슬라이딩 되며 출력 3. 썸네일하단에 게시글로 바로가기 버턴 출력 4. 썸네일을 클릭하면 이미지가 화면 중앙부위에 Lightbox로 출력 5. Lightbox 좌,우로 Nav버턴 과 이미지 아래 좌측에 게시글제목과 우측에 X 버턴으로 닫기 적용 6. 썸네일의 갯수와 위젯가로,세로폭 조절을 잘 이용하면 가로열과 세로열을 마음대로 조절 할 수 있습니다. - 한개의 썸네일만 보이게 하고 라이트박스에 출력은 여러개 할려면 : 위젯가로(250), 세로(200), 이미지수(다수) - 가로 두줄, 세로 한줄 : 위젯가로(500), 세로(200), 이미지수(다수) 7. 썸네일의 색상형태를 원본과 그레이로 설정 가능 8. 반응형(모바일)기능도 잘 작동합니다.(한개의 썸네일만 출력 / Lightbox 이미지는 지정 수 만큼) 9. 게시글에 이미지파일이 없으면 위젯에 게시글이 출력되지를 않습니다. p.s MH FullPage 레이아웃을 만들고 나서 페이지에 출력될 마땅한 위젯이 없어서 만듬
Prev 21 22 23 Next

Xe Data - 카멜레온스킨
Xe Datas of Moonhouse　>

2008.03.10 [0.2] 플래너(planner) 모듈 (일정관리) 3894
http://www.zeroboard.com/16590872 Planner 모듈입니다. 스케쥴(schedule) 모듈을 고치고 고친 모듈입니다. 기본적인 기능만으로만 동작합니다. 달력은 Lifepod의 UI API를 이용하였습니다. 문의 http://bnufactory.com/ 설치 zbXE가 설치 된 디렉토리의 modules 하위에 planner디렉토리에 파일 업로드(/modules/planner) zbXE 관리페이지의 '모듈'메뉴에서 '플래너(planner)' 항목의 '설치'를 클릭 기존 schedule모듈 사용자 이전 버전을 사용하시던 분은 'schedule'모듈을 제거하시고 사용하시기 바랍니다.(파일삭제) schedule 모듈을 planner 에서 인식하지만, 분류(카테고리) 색상 적용이 안될 수 있습니다. 분류는 삭제 후 다시 생성해서 사용하시면 정상적으로 색상설정이 적용됩니다. planner_module_0.2.zip (134.0KB)(218)
2008.03.10 선택문서출력 (Patched)inxhune 3936
inxhune http://www.zeroboard.com/16590313 widget의 이름을 특정문서출력 => 선택문서출력으로 수정합니다. 기능 설명 특정문서출력 widget은 특정문서를 최근게시물 또는 페이지 형태로 출력해 주는 widget입니다. 게시판 위주의 웹사이트가 아닌, 페이지 위주의 웹사이트일 경우 과도한 페이지 모듈 사용으로 인하여, 페이지 관리가 힘들어져 본 widget을 활용하게 되었습니다. 요약하면, 페이지를 일일이 생성할 필요없이 게시판 하나를 생성해 놓고 해당 컨텐츠 들을 기재해 놓으면 특정 게시물을 호출하여 원하는 위치에 적절히 배열할 수 있습니다. 본 widget은 basic 버전과 paging 버전이 있습니다. Basic Version - inx_include_document.zip (14.9KB) Paging Version - inx_include_document_paging.zip (15.2KB)
2008.03.08 XE Manual SE ver 0.1 4348
funny4u 스킨제작 센터를 통해 만들어진 첫번째 스킨입니다. 제가 처음으로 디자인을 올린 덕분에 퍼블리싱과 ZE코딩은 제로님이 직접해주셨고, (참고 링크: http://www.zeroboard.com/16573853 ) 더불어 그 과정을 메뉴얼에 자세하게 설명까지 해주셨습니다. ( http://zbxe.springnote.com/pages/905090 ) - 위의 링크를 잘 읽어 보시면 앞으로 스킨을 디자인/퍼블리싱/XE코딩 하시려는 분들께 많은 참고가 되리라 믿습니다. xe_manual_se0.1.zip 압축파일을 풀고 나오는 xe_manual_se0.1 라는 디렉토리를 zbXE의 ./layouts 에 올려 놓으시면 됩니다. 현재 좌우/하단 그림자 효과가 IE6에서 png 처리가 안되는 문제와 저만 아는 소소한 문제들이 있습니다만, 해당 문제들을 고치려다가 (자꾸 욕심을 내서) 시간만 끌 것 같아 0.1 버전으로 일단 공개합니다. (다음에는 언제 어떤 걸 들고 나타날 지 ..저 자신도 모릅니다 ^_^;; ) *스킨 폴더의 총 용량이 64KB로 제법 가볍습니다(스킨 이름의 se는 'Simple Edition'의 약자입니다 ^_^ ) ** 이걸 좋아하실 분들이 제법 계실지 모르겠습니다만, 하단 부분에 copyright 관련사항을 아예 표시하지 않았습니다. 스킨의 기본 정보는 conf폴더의 info.xml을 통해 확인하실 수 있습니다. xe_manual_se0.1.zip (48.7KB)(39)
2008.03.06 워터마크 애드온 3 7318
mmx900 워터마크 애드온입니다. 지정된 경로의 투명 GIF파일을, 업로드되는 JPG/JPEG 이미지와 합성시킵니다. 찾아봐도 없어서 만들었는데, 어쩌면 이미 이런 게 있을 지도 모르겠네요. 푸름빠덜 님이 올리신 그누보드 스킨의 소스를 참고했습니다. 사용법은 addons 디렉터리에 압축을 푼 다음 애드온 메뉴에서 "JPG 워터마크 애드온"을 활성화 시키시면 됩니다. 워터마크가 될 이미지 GIF 파일이 반드시 필요합니다. 대상 모듈, 투명도, 합성시 만들어질 JPG의 해상도 등을 옵션으로 지정할 수 있으며, 0.2.9 에서 테스트 했습니다. 유용하게 쓰였으면 좋겠네요. watermark-0.2.1.zip (2.9KB)(375)
2008.03.06 졸졸이 스토커 위젯 버전 3 7729
안녕하십니까 소마세월 입니다. 음.. 애드온으로써의 졸졸이의 한계성 때문에 위젯으로 만들고 원래 코드에 조금 수정을 가해서 옵션을 몇개 달았습니다. alway_stalker.zip 다운로드 받으신 후에 압축을 푸시고 zbxe 폴더안의 widgets 폴더 안에 넣으시면 됩니다. 미리보기 : [새창] <- 기준점을 하단으로 잡아둔 화면 입니다.(메인에만...) 졸졸이 스토커란 ? 페이지가 길어질 경우 메뉴를 누르러 상위로 가려면 몇번의 키 조작을 해야 하기 때문에 편의성을 위해 스크롤 되는 장소에 메뉴가 따라다니는 것을 말합니다. 위젯버전에서 달라진점 1. 한 화면에 2개이상의 졸졸이를 설치 하실수 있습니다. 2. 기준점을 상단, 하단으로 지정 하실 수 있습니다. 상단 : 기본 홈페이지 로써 기준이 상단에서 시작할 경우입니다. 하단 : 졸졸이를 하단을 기준으로 스크롤 됩니다. (원하시는 분이 있으셔서) 3. 속도등 여러가지를 세팅 하실 수 있습니다. 4. html 코드를 직접 넣으실 수 있습니다. (아직 테스트를 많이 해보지 않았습니다.) 5. 애드온 버전에 있던 위치버그 수정 (왼쪽으로는 설정이 안되던..) 단점은 레이아웃 마다 세팅을 해줘야....... (한번 세팅후에 코드 복사해서 붙여 넣으시면 됩니다.) 사용방법 레이아웃 편집에 들어가시면 아래와 같이 졸졸이 스토커가 나타 날겁니다. 클릭 하시면 아래와 같이.... 쭉 나오는데요.. 보시면 아시겠지만.. 열심히 설명도 적어뒀습니다. 생성된 코드는 레이아웃의 최하단에 넣어주세요... html 란에 tag로 넣고 한번 테스트 해보세요.. 아직 테스트 못해봤어요.. 그냥 뿌려주게 만들기만 했을뿐... 기존에 사용 하시던 분들이시라면.. 크게 어려운일 없을듯 합니다. ps. 이상하게 bottom으로 가는게 안돼서.. 이상합니다.ㅠ,.ㅜ 그럼 즐거운 나날 되세요.. 하단으로 보내는 스크립트 /zbxe/widgets/alway_stalker/skins/default/stalker.html 제일아래 빨간색 코드추가 //스크립트 안에 이 코드를 추가하세요.. function pageScroll(){ //페이지 하단으로 보내버려 window.scroll(0, document.documentElement.scrollHeight || document.body.scrollHeight); } --> </script> <script type='text/javascript'> stalkerInitializeStaticMenu_{$widget_info->seq}(); // 스크롤메뉴를 초기화하는 자바스크립트 </script> 그리고... 버튼에는 <a onclick='pageScroll();' style='cursor:pointer'>하단</a> 이런식으로 설정 해주시면 됩니다.... 팁 한가지 왼쪽을 기준으로 삼을때 왼쪽 좌표를 0 으로 잡으면 메뉴의 넓이 때문에 올바로 표시가 안될겁니다. 그럴경우.. 메뉴 넓이만큰 빼주시면 됩니다. 베너가 가로가 50 이고 왼쪽 좌표가 0 이라면. 50 만큼 레이아웃이 가려지게 되죠.. 이럴때 왼쪽좌표를 -50 으로 설정하시면 올바르게 표현 됩니다. alway_stalker.zip (5.4KB)(6)
Prev 21 22 23 Next

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
Map 강원 정동진 모래시계공원 file
정동진 모래시계공원 팔공산 2024.03.20 6
Map 전라 쏠비치 진도 file
쏠비치 진도 팔공산 2024.03.20 7
Map 서울 서울 이순신장군 동상 file
서울 이순신장군 동상 팔공산 2024.03.20 6
Map 충청 충주 중앙탑 file
충주 중앙탑 팔공산 2024.03.20 8
Map 대구 [D - 227] 앞산공원 전망대 file
2024-12-31 앞산공원 전망대 팔공산 2023.03.29 32

 

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