MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
1.0x
profile
팔공산
Jun 05 2021
Q. 직접입력을 해서 유튜브 동영상 소스코드를 넣으면 팝업이 보이지 않습니다. A. 직접 입력을 선택하셔도 문서번호는 필히 입력하셔야 됩니다. Q. 문서 번호를 넣어봤는데요 썹네일과 동영상이 작게 나와서요. A. "media_embed 애드온"을 사용하시는 것 같은데 글 작성시 소스코드를 직접 입력하셔야 됩니다. [ V1.5 UP ] -2025.06.03 • 출력된 팝업창을 지정 Time 경과시 자동으로 종료 추가(선택가능) [ V1.4 UP ] -2022.04.19 •상단에 닫기 아이콘 선택 가능 •팝업 외부에 하단 닫기 영역 위치시 Bar전체에 배경색 적용 - 내부에 위치시는 기존의 방식 유지 •달카페님의 요구 관철 - https://moonhouse.co.kr/qa/555255?comment_srl=555331#comment_555331 [ V1.3 UP ] -2021.06.05 •무한대의 팝업 출력 가능을 단순화 •팝업의 출력을 그룹별로 지정 가능 [ V 1.2 Up ] -2021.01.22 무한대의 팝업 출력 가능 - 팝업 순서와 팝업 Class명만 바꾸어 주면 됩니다. - V 1.1 Up [2020.12.23] 지정한 게시판외에 직접 입력방식 추가 상단부분은 이미지이며 하단 부분은 html로 작성한 경우입니다. - 사용방법 mh_appoint_popup Pro 위젯은 대상문서의 번호를 입력하면 팝업으로 출력됩니다. - Pro 특징 1. 자체적으로 2개의 팝업을 띄울 수 있습니다. 2. 2개의 팝업창이 완전히 다르게 작동합니다. (팝업순서와 팝업 Class명 으로 적용) 3. 팝업창 닫는 기간 날 수를 정 할 수 있습니다. 4. 지정한 날짜에 팝업을 닫을 수 있습니다.(2가지 방법) 두 방법 다 장단점이 있습니다. 위젯의 설정을 이용하는 방법은 간단하나 클라이언트가 방법을 어려워 할 수 있습니다. 게시판의 확장변수를 이용하는 방법은 설정이 좀 복잡하나 한번 설정해 놓으면 게시판에서 글 수정만으로 종료일을 변경할 수 있습니다. [첫번째 - 위젯의 설정를 이용] 위젯의 설정에서 "팝업창 출력종료 날짜지정"란에 종료할 날짜를 20191207 이런 형식으로 적어주시면 됩니다. [두번째 - 게시판의 확장변수를 이용하여 설정] A. 먼저 팝업으로 지정할 게시판에 "설정" - "사용자정의" 에 사용자정의 이름을 end로 하고 "형식"을 "일자(연월일)"로 확장변수를 하나 만듭니다. B. 게시판에 글 작성시 확장변수의 팝업종료일을 지정합니다. (종료일을 지정하지 않으면 종료 기능이 작동하지 않습니다) C. "사용지 정의 이름"이 end가 아닌 경우는 팝업위젯 출력시 "날짜지정 팝업닫기 사용자정의 이름"란에 이름을 적어 주시면 됩니다 이전 일반 버전들 입니다.
판도라 TV 동영상 업로드 컴포넌트를 최신 API로 업데이트 하였습니다. 삽입된 게시물 미리보기 & 동영상 업로드 해보기 1. 설치 첨부된 압축 파일을 내려 받습니다. 폴더째 압축되어 있으므로 아래 위치에 압축을 풀면 됩니다. \modules\editor\components 압축 푼 후... \modules\editor\components\pandora_tv XE 관리 페이지 - 기능성 모듈의 위지윅 에디터 - 판도라 동영상 삽입 컴포넌트를 활성화 합니다. 2. 가입 판도라 사이트에서 OpenAPI 키를 얻기 위해 가입을 합니다. http://interface.pandora.tv/?mode=form 3. 설정 첨부된 파일 중 popup.js 파일을 열고 OpenAPI key, 판도라 userid 값을 입력합니다. 또, returnPath 값의 pandora_result_utf.php 파일의 URL 절대 경로를 사용자 사이트의 주소로 변경합니다. (※ pandora_result_utf.php 파일을 XE 컴포넌트 폴더가 아닌 다른 곳에 복사하여 경로를 짧게 하셔도 됩니다) 예제 4. 사용 글 작성 - 에디터에서 판도라 아이콘을 누르면 컴포넌트 창과 동영상 업로드 창이 열립니다. 내용을 작성하고 동영상을 올리면 썸네일이 만들어지며 자동으로 XE 에디터에 동영상이 삽입 됩니다. 열렸던 컴포넌트 창은 자동으로 닫히게 되며, 동영상이 삽입 되었는데도 창이 그대로 남아있으면 닫아주세요. 작성 된 글을 확인하면 처음에는 안나올 수 있으나 새로고침을 하면 정상적으로 재생 됩니다. pandora_tv.zip (7.0KB)(2)
SiHuFa http://www.zeroboard.com/16883123 버튼 체인지 (ButtonChange) 애드온 ver 0.2 입니다. xe의 버튼들을 위와 같은 버튼 스타일로 일괄적으로 바꿔 주는 에드온입니다. 설치 - zbxe/addons/ 하위 디렉토리 설정 - 관리자 페이지 - 관리형 모듈 - 애드온 - Button Change 애드온 설정 [변경사항] 각 모듈별 버튼스타일을 추가 (총 5개 그룹) 사용자 설정 스타일 추가 각 모듈별 스타일 사용여부 선택 추가 적용 방법 변경 [주의사항] 이 에드온은 스킨에서 버튼스타일을 별도로 정의 하셨다면 변경이 되지 않습니다. 보드 스킨의 write_form.html 등에서 버튼부분이 class="button"로 정의되어 있어야 합니다. 설정화면 설명 7번(버튼스타일개별설정)이 사용함일경우 모듈선택에 체크가 하나도 없어야 합니다. 있을 경우 그 모듈만 적용이 됩니다. [잡담] 개별설정 적용하느라고 안돌아가는 머리쓰느라 몇일을 고생했습니다. 별것도 아닌것을 ㅠㅠ 어떻게든 하긴했는데 어떨지는 고수님들이 좀 알려주세요. 문제점이라든지요 ^^;; 그리고 전에 class="button"에 적용하던것을 깔끔하게 head부분에서 CSS파일 변경과 수정된 스타일만 별도의 파일을 만들어 적용하게 했습니다. 사용자 설정의 경우 설정값을 head부분에 CSS스타일로 추가되게 만들었습니다. 잔머리만으로 만들다 보니 부족한 점이 있을수 있습니다. 문제가 발생하면 바로 바로 알려 주세요. [설정화면 설명] 1,2,3,4,5번 : 버튼스타일별로 모듈에 적용할수 있는 5개의 설정 버튼 스타일을 선택하고 적용할 모듈을 쉼표","로 구분해서 작성하면 됩니다. 동일한 모듈이 두곳이상에 있을경우 맨 처음 버튼 스타일이 적용됩니다. 6번 : 사용자가 직접 폰트명, 버튼배경이미지, 기본글자색, 마우스오버시 글자색을 설정 할수 있습니다. 7번 : 1~5번까지 개별로 적용할 버튼스타일을 사용할 것인지를 정합니다. 8번 : 모듈전체 또는 개별 모듈 버튼스타일 사용시 기본으로 사용할 버튼 스타일을 정합니다. 스타일원본출처 간지님의 포삽질닷컴 http://poshopzil.com/ 에서 스타일을 참조 했습니다. 스타일의 글자색, 이미지의 버튼색만 참조하여 직접 xe 버튼스타일에 적용하고 이미지도 버튼 높이가 틀려서 모두 새로 작업하였습니다. 전체 버튼별 스타일 확인 페이지는 http://poshopzil.com/gBtn_all/ 로 들어가셔서 보시면 됩니다. [21가지 스타일 버튼 모양] ** ver 0.2에는 22번 사용자 스타일이 추가되었습니다. [5번 오랜지라인이 적용된 화면] ButtonChange ver0.2.zip (185.4KB)(38)
SiHuFa http://www.zeroboard.com/16853512 xe의 버튼들을 위와 같은 버튼 스타일로 일괄적으로 바꿔 주는 에드온입니다. 설치 - zbxe/addons/ 하위 디렉토리 설정 - 관리자 페이지 - 관리형 모듈 - 애드온 - Button Change 애드온 설정 설명 xe의 버튼은 /common/css/button.css에서 스타일을 정의 해서 쓰며 모듈스킨에서 사용자가 별도로 적용할수 있습니다. 보통 /common/tpl/images/form_buttons.png의 버튼이미지만을 수정 해서 사용하는데 업데이트시 변경 될수 있어 업데이트시 주의를 해야했습니다. 이 에드온은 버튼스타일과 이미지를 애드온으로 동작하게 하여 모든 모듈또는 선택된 모듈에 대한 버튼 스타일을 변경합니다. 모듈별로는 각각 다른 스타일을 적용 할수는 없습니다. 연구를 해봐야 겠습니다. 디자인이나 프로그램을 독학 하다보니 단순 무식하게 만들었습니다. 고수님들이 혹시나 보신다면 많은 조언 부탁드립니다. 일반 유저들이 이미지 파일 교체 없이 에드온 설정만으로 버튼스타일 적용이 가능하게 만들었습니다. xe 1.0.3의 모듈 선택기능으로 전체모듈 또는 선택 모듈에만 버튼 스타일 적용이 가능합니다. 주의 이 에드온은 스킨에서 버튼스타일을 별도로 정의 하셨다면 변경이 되지 않습니다. 보드 스킨의 write_form.html 등에서 버튼부분이 class="button"로 정의되어 있어야 합니다. 21가지의 CSS와 이미지를 별도로 보드스킨에 적용 시키셔서 사용해도 됩니다. 보드스킨에 별도록 직접 적용 하는 방법은 팁란에 올리도록 하겠습니다. 제작시 질문사항 (제로님이나 고수님) 버튼스타일을 에드온 설정화면에서 이미지로 보여주고 선택 할수 있도록 만들고 싶었는데. 보드스킨설정에서 처럼 info.xml에 colorset이 안먹혀 그냥 셀렉트로 만들었습니다. 설정화면에서 이미지를 넣고 싶은데 어떻게 하면 될까요. 스타일원본출처 간지님의 포삽질닷컴 http://poshopzil.com/ 에서 스타일을 참조 했습니다. 스타일의 글자색, 이미지의 버튼색만 참조하여 직접 xe 버튼스타일에 적용하고 이미지도 버튼 높이가 틀려서 모두 새로 작업하였습니다. 전체 버튼별 스타일 확인 페이지는 http://poshopzil.com/gBtn_all/ 로 들어가셔서 보시면 됩니다. 설정화면에서 21가지의 스타일중에서 선택 하시고 적용하시면 됩니다. 모듈을 따로 선택하지 않고(전체모듈) 적용했을 경우 위와 같이 21번 청색스타일이 바로 버튼스타일에 적용 된것을 보실수 있습니다. 오렌지 라인이 적용된 화면입니다. 이 게시물을.. buttonchange.zip (199.7KB)(32)

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

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

댓글 많은순

No 게시판 제목 글쓴이 날짜 조회수
2,551 6 헐~ 눈이 쉬게하는 경우 file 風文 2024.11.28 4,050
2,550 6 나모웹에디터 file 風文 2024.11.15 1,528
2,549 6 안녕하세요!!!! 나무 2024.01.09 2,254
2,548 6 윈도우 & MS Office 인증툴 file 팔공산 2022.05.23 6,959
2,547 6 나는야 프로불편러 ㅋㅋ 웹이 다크모드에 자동반응 하는데....색상이 안습 ㅋㅋ file 랩퍼투혼 2023.04.25 3,993

 

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