MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
V1.4 수정내용(2020.12.13) 1. 코드정리 2. 자체 로그인 탑재 V1.3.1 수정내용 1. 심플레이아웃과 케릭터이미지를 분리했습니다. img.zip xe/layouts/mh_simple/images/img 폴더에 이미지를 넣어시면 됩니다. 2. 몇군데 IE6에서 어긋나던 문제 수정. 3. nuri가로 로그인 스킨에서 닉네임이 긴경우 라인을 벗어나던 문제 수정. 4. Admin클릭시 관리자페이지로 가지 않던 문제 수정 nuri_simple_login_garo.zip V1.3 수정내용 1. 상단 2차메뉴 유/무 2. 총14개의 케릭터이미지가 랜덤하게 표현됩니다. (유 /무 가능) 3. 우측메뉴의 위젯폭을 185px로 늘렸으며, 우측메뉴배경색상을 지정할 수 있습니다. 4. 위젯과 에드센스를 레이아웃설정에서 추가 할 수 있습니다.(총4군데) 5. 레이아웃코드안의 내용들이 상호 유기적으로 알맞게 배치됩니다. 6. 14개 케릭터이미지의 추가로 위젯의 용량이 5Mbyte가 조금 넘습니다. v1.2 수정내용 1. 레이아웃을 좌측배치와 중앙배치로 선택할 수 있습니다. 2. 우측메뉴버전에서 우측메뉴에 테두리추가 v1.1 수정내용 1. 외관상으로 별 변화는 없습니다. 2. 꼬여있던 스크립트를 XE에 맞추어 정리했습니다. 3. 특정 위젯에서 가로폭에 생기던 문제점을 해결했습니다.(제가 만든 카멜레온위젯들과 맞지를 않더군요.^.^) 4. 전체가로폭의 설정을 바르게 적용했습니다. 수정 1. layout.html안의 위젯란에 저의 위젯 스크립트가 들어가 있었네요, 지우고 다시 올렸습니다. 2. 썩은도끼님의 지적으로 아래에 문구 삽입 했습니다. 지적 감사합니다. Free Website Templates문구를 삭제하지 마세요. 다른 건 모두 삭제해도 상관없습니다. 프리웹사이트에 있는 템플릿중에 심플한 레이아웃이 있어서 XE 레이아웃으로 변경했습니다. http://www.freewebsitetemplates.com/preview/musicshop/ 여기저기서 스크립트들을 갖다 붙여서 어느곳이 누구의 스크립트인지 잘 모르겠습니다. 혹시 문제가 된다면 양해바랍니다. Mh_Simple Layout 설치 이 레이아웃은 가로로그인스킨을 선택 / 비선택 할 수 있습니다. 남시종님의 "누리파스텔가로로그인스킨"을 심플하게 변형을 한 로그인스킨이 포함되어 있습니다. 1. 단독 레이아웃스킨 의 압축을 풀어서 xe/layouts 폴더안에 mh_simple폴더채로 올리세요. 2. 누리 Simple 가로 로그인스킨 의 압축을 풀어서 xe/widgets/login_info/skins 폴더안에 nuri_simple_login_garo폴더채로 올리세요. 특징 샘플페이지 1. 심플하고 깔끔한 레이아웃을 원하시면 사용해보세요. 2. 기본설정으로 설치를 하셔도 사용하는데는 지장이 없지만, 자신이 만든 이미지를 직접 등록해서 자신만의 디자인으로 꾸밀 수 있습니다. 3. 심플버전 / 우측메뉴버전 두개의 레이아웃 형태를 선택할 수 있습니다. 4. 가로로그인스킨을 선택 / 비선택 할 수 있습니다. 5. 그 외 기타 문하우스 레이아웃에 사용된 여러 설정들이 적용되어 있습니다. 6. IE 6, 7버전 FF에서 확인햇습니다. 위의 이미지에서 여인들이 있는 위치에 기본이미지로는 음악듣는여인이 선택되어 있습니다. 기타 이미지를 올립니다.
1 2 3 Next
1 2 3 Next
자료 소개 웹브라우저에서 푸시알림 지원을 해주는 모듈입니다. 설치 경로 /modules/jwebpush 테스트 환경 Rhymix 2.0 라이선스 GPL v2 라이믹스 가장 최근버전 Rhymix 2.0.24 기준입니다. 얼마전에 팁게시판에 팁으로 공유했던 기능을 모듈화해서 다시 공개자료실에 배포하게 되었습니다. 배포할거면 모듈화 하는게 어떻겠냐고 댓글을 주셔서 생각끝에 이쪽저쪽 참고하여 모듈로 만들었습니다. 아무래도 코어 수정을 하지 않도록 해야 할 것 같아서 간단하게나마 모듈제작까지 하게 되었네요. (딱 알림에 필요한 코드만 집어넣었습니다.) 모듈로 만들어 배포까지 하게 된건 처음이라 수정사항이 있을 지는 모르겠습니다만 테스트한 바로는 잘 됩니다. 혹시 사용중 이상이 있거나 수정해야 할 부분이 있으면 언제든지 알려주세요. 그리고 팁게시판에 올린 글은 내용을 삭제해 놓겠습니다. 혹시라도 기존 팁을 보시고 적용하신 분들이 계시면 다음 순서대로 원상복구 후 본 모듈을 적용해주세요. 1. user_conf 모듈은 삭제해주세요. 2. ncenterlite.controller.php 에 끼워넣었던 코드(1146라인 쯤)도 삭제해주세요.(다른 코드를 삭제하지 않도록 주의) 이후에 본 모듈을 설치해주시면 됩니다. ------------------------ 1. 먼저 https://www.flarelane.com/ 에 접속 후 '무료로 시작하기'를 클릭합니다. (유료 플랜도 있는데 접속자 규모가 크거나 여러 기능을 이용해야 하는 경우엔 유료로 해주시면 될것 같습니다.) 그럼 관리자 콘솔로 이동되는데 그곳에서 좌측 메뉴의 설정->프로젝트를 클릭하여 프로젝트를 생성해줍니다. 프로젝트가 생성되면 '프로젝트 ID'와 'APIKEY'를 받을 수 있습니다. 이후 좌측 메뉴에서 설정->채널을 클릭합니다. 그곳에서 채널관련 여러 설정들을 입력해줍니다.(기본설정/위젯설정/팝업설정-훑어보시면 알수 있을겁니다.) 2. 첨부한 sw.js파일을 홈페이지의 루트경로(/)에 업로드해줍니다. (예: https://도메인주소/sw.js) 3. 첨부한 jwebpush폴더를 모듈(/modules)폴더에 업로드해줍니다. 4. 레이아웃 파일의 가장 아래부분에 다음 코드를 붙여넣기합니다.(모바일 레이아웃이 별도로 있다면 그쪽에도 같이..) ("플레어 레인에서 받은 프로젝트 ID 입력") 부분은 수정해야합니다.(따옴표 안에 입력) <script src="https://cdn.flarelane.com/WebSDK.js" charset="UTF-8"></script> <script> FlareLane.initialize({ projectId: "플레어 레인에서 받은 프로젝트 ID 입력" }); FlareLane.setUserId('{$logged_info->user_id}'); </script> ------------------------ 설치할 부분은 여기까지입니다. 이후 관리자 페이지->설치된모듈->(F)웹푸시 모듈로 들어갑니다. - (F)웹푸시모듈 사용 : 예 - 프로젝트 ID : 플레어레인에서 받은 '프로젝트 ID' 입력(플레어레인의 프로젝트 메뉴에 생성되어 있습니다.) - APIKEY : 플레어레인에서 받은 'APIKEY' 입력 관리자페이지->설치된모듈->알림센터로 들어갑니다. - 기본설정에서 웹알림 체크박스에 모두 체크를 해줍니다. # iOS를 사용하는 기기에서는 아직 웹푸시 지원이 되지 않습니다. 2023년 중에 지원할 예정이라고는 합니다. iOS까지 지원을 시작하게 되면 오직 알림이 필요해서 안드로이드/애플 앱을 만들게 되는 가성비 최악의 상황은 없어지겠네요. 갈수록 앱 승인받기도 엄청 까다로워지는 것 같던데... 수정사항 1.1.0 url 링크에서 http가 빠져 클릭시 해당 페이지로 가지 못하던 부분 수정
2022.12.10 링크 프리뷰 file 891
- CK에디터 안에서 링크 프리뷰 카드를 바로 삽입해줍니다. - CK에디터 안에서 미디어 콘텐츠를 바로 임베드해줍니다. 0.0.4 업데이트 - 2022.11.30 - [프리뷰 카드] 자기 사이트의 url 링크에 대해서는 라이믹스 내장 함수를 이용하여 권한 체크를 하고 프리뷰 정보 수집 (마트몬님) 1. 설치 방법 - 첨부한 압축파일을 압축 해제하고 ./modules/preview 에 설치합니다. - 파일 업로드 후 다음 페이지에 나오는 '1. 보안 설정', '2. CK에디터 플러그인 설치'를 따라합니다. 2. 모듈 설정 - 관리자 페이지의 고급 > 설치된 모듈 > 링크 프리뷰로 들어가서 설정값을 입력합니다. 1) 기본 설정 모듈 사용 : 아니오를 선택하면 모듈 전체가 실행되지 않습니다. 링크 텍스트 남기기 : 프리뷰 카드 및 임베디드 미디어와 함께 링크 텍스트를 남기거나 지울 수 있습니다. 링크 텍스트 꾸미기 : 링크 텍스트를 표시할 때 스타일을 줄 수 있습니다. 기본값은 <p>%text%</p>입니다. %text% 앞 뒤로 태그를 붙여 스타일을 꾸며보세요. 사용자 스크립트 : 스크립트 구문을 추가할 수 있습니다. script 태그 안에 들어갈 구문만 입력해주세요. 2) 프리뷰 카드 설정 프리뷰 카드 사용 : 링크 페이지 미리보기를 카드 형식으로 출력할 수 있습니다. 스킨 : 프리뷰 카드의 스킨을 선택합니다. 기본 스킨(default)이 제공됩니다. 외부접속 제한 시간 : 프리뷰를 위해 url의 서버와 연결할 최대 시간을 제한합니다. 입력된 도메인만 : 특정 도메인에 대해서만 프리뷰 카드 생성을 허용하거나 허용하지 않을 수 있습니다. 허용/제외할 도메인 : 프리뷰에서 허용 또는 제외할 도메인을 줄 단위로 입력합니다. (가급적 '허용' 옵션 선택을 권장합니다) 이미지 파일 첨부 : 링크 페이지의 대표 이미지를 파일로 저장할 수 있습니다. 파일 첨부 예외 도메인 : 이미지 파일 첨부 대상에서 제외할 도메인을 줄 단위로 입력합니다. gif를 jpg로 : 링크 페이지의 대표 이미지가 "움직이는 gif" 파일일 경우 "jpg"로 변환하여 저장합니다. 3) 미디어 임베드 설정 미디어 임베드 사용 : 주요 미디어 콘텐츠들을 iframe 형태로 바로 삽입할 수 있습니다. 미디어 임베드 목록 : iframe으로 삽입할 미디어 콘텐츠들을 선별할 수 있습니다. 4) 게시판 공통 설정 선택한 모듈에서만 : 특정 모듈에서만 프리뷰와 임베드를 작동 또는 미작동시킬 수 있습니다. 모듈 목록 : 작동 또는 미작동시킬 모듈을 선택합니다. 3. 소소한 팁 ./modules/preview/tpl/css 폴더에 custom.css 파일을 만들어 저장/업로드하면 자신만의 스타일로 프리뷰 카드와 미디어 임베드를 제어할 수 있습니다. ./modules/preview/skins 폴더에 프리뷰 카드 스킨 폴더를 만들어보세요. 기본 제공되는 $preview_info 변수를 활용해서 다양한 스타일을 꾸며볼 수 있습니다. '프리뷰 카드 설정'에서 '입력된 도메인만' 항목에서는 '허용'을 선택하기를 권장합니다. 작지 않은 확률로 프리뷰를 위한 데이터 수집에 실패할 수 있기 때문입니다.
https://xetown.com/download/1666779 어제 공개했던 '게시판 목록에서 확장변수 바로 수정 애드온'에 카테고리도 바로 수정이 가능하도록 업데이트를 했습니다. 0.0.1로 시작하긴 했지만 이번 0.1.3 버전으로 비로소 최종본 단계에 들어간 것 같습니다. (오늘 하루에만 버전업을 세 번이나 했네요ㅜㅜ) 아울러 몇 가지 참고 사항도 정리를 해보고자 합니다. 1. 기본으로 제공되는 애드온 스킨은 디자인 요소에 크게 신경을 쓰지 못했습니다. 다만 템플릿 형태로 스킨이 제공되니 커스터마이징해서 사용하거나 별도의 스킨을 만드실 수 있을 겁니다. 혹시라도 이 애드온을 게시판 스킨 개발에 적용하실 경우가 있다면 default 스킨을 참조하여 별도의 스킨을 통해 접근을 해주시면 좋을 것 같습니다. 2. 기본 스킨에서 확장변수 수정은 새로고침 없이 이뤄지지만 카테고리 수정은 수정 직후 페이지 새로고침이 이뤄집니다. 카테고리의 document_count와 document 캐시를 수정하게 되는데, 그 결과를 게시판 스킨에서 바로 적용하기 위해서입니다. 1) 애드온에 템플릿 스킨이 제공되니, 이용하시는 분들은 스킨 안의 js 파일을 통해 새로고침을 실행하지 않도록 하실 수 있습니다. ... 이와 관련하여, 카테고리 수정시 새로운 결과값을 반환 받아 게시판 스킨에 바로 적용하실 수 있을 겁니다. 참고로 업데이트 후 기본 스킨의 default.js 기준으로 새로운 document_count는 다음과 같이 반환됩니다. - 원래 카테고리의 새로운 document_count : data.category_list[data.old_category_srl].document_count - 수정 카테고리의 새로운 document_count : data.category_list[data.category_srl].document_count 2) 또한 거꾸로 확장변수 수정시에도 새로고침을 실행하도록 하실 수 있을 겁니다. 이 또한 스킨의 js 파일을 통해 수정하실 수 있습니다. 똑띠님 팁 좋은 자료 잘 사용하고 있습니다. 편하고 정말 좋네요. 저는 목록 뿐만 아니라 읽기 페이지에서도 적용해서 사용하고 있습니다. 스케치북 기준 확장변수 출력되는 부분에서 <td cond="$val->eid!='rating'" onclick="showUpdateExtraModal(this, {$oDocument->document_srl}, {$val->idx})"|cond="$grant->manager && $use_extra_vars_update && $val->eid === $extra_keys_for_update[$val->idx]->eid" >{$val->getValueHTML()}</td> 목록하고, 읽기페이지하고 문서번호 가져오는 변수명이 다르다보니...혹시나 다른분들도 적용 하실려면 변수명만 변경해서 적용하시면 되겠네요. 목록페이지 : $document->document_srl 읽기페이지 : $oDocument->document_srl 윤삼님 Tip 카테고리/확장변수 바로 수정 애드온을 관리자뿐 아니라 작성자도 사용할 수 있게 하기 문하우스의 Tip
CKEditor에 외부의 멀티미디어 파일을 '드롭' 또는 '붙여넣기'하면 첨부 파일로 '바로 업로드' 시켜주는 애드온입니다. 그렇다고 모든 파일이 다 바로 업로드되는 건 아닙니다;;; 파일 드롭과 복사/붙여넣기, 두 경우에 따라 기능이 살짝 다릅니다. 매우 제한적인 환경(윈도우11, 크롬)에서 개발 및 테스트되었기 때문에 오류 가능성이 있을 수 있습니다. 폭넓은 양해와 적극적인 제보 부탁드립니다~ 0.0.2 업데이트 (2022.03.14) - 클립보드 이미지 붙여넣기 동작 추가 1. 파일 드롭 - [기본] 에디터 바깥의 웹브라우저 또는 파일브라우저의 이미지 파일 요소를 드래그해서 에디터 안에 드롭을 하면 작동합니다. - [선택] 파일브라우저의 비디오 파일도 드롭할 때 바로 첨부합니다. (mp4, webm, ogv) - [선택] 파일브라우저의 오디오 파일도 드롭할 때 바로 첨부합니다. (mp3, wav, ogg, flac, aac) - [선택] 파일브라우저의 기타 일반 파일들도 드롭할 때 바로 첨부합니다. 2. 붙여넣기 - [기본] 웹상에서 이미지가 포함된 html요소를 복사해서 붙여넣으면 포함된 이미지가 첨부 파일로 바로 업로드됩니다. - [선택] 움짤 gif 파일의 경우 첨부를 하지 않을 수 있습니다. - [선택] 이미지 url만 복붙을 하더라도 바로 첨부합니다. (단, 복사된 url주소에 파일 확장자가 명시되어 있어야 합니다)
0.4.0 업데이트 (21-06-26) - 업데이트 내용은 여기를 참조 - 0.4.0부터는 프로알라 에디터에 대한 지원이 포함되지 않습니다. 업로드된 파일에 프로알라 에디터 부분이 있기는 하지만, 그 기능은 0.3 버전과 다르지 않습니다. 1. 소개 CK에디터에 주요 미디어의 url 링크를 붙여넣으면 바로 임베드시켜주는 애드온입니다. 라이믹스 2.0.12 PHP 7.4 크롬 버전 89.0.4389.114(공식 빌드) (64비트) CK에디터4(라이믹스 내장) 등의 환경에서 테스트되었습니다. 따라서 사용환경에 따라, 브라우저에 따라 이슈가 있을 수 있습니다. 2. 설정 또한 원활한 임베딩을 위해 관리자 페이지에서 다음과 같은 설정이 필요합니다. 1. 설정 > 시스템 설정 > 보안 설정 > iframe에 다음을 추가 m.afreecatv.com player.audiop.naver.com codepen.io www.dailymotion.com www.facebook.com www.imdb.com www.instagram.com jsfiddle.net tv.kakao.com tv.naver.com prezi.com www.redditmedia.com www.slideshare.net w.soundcloud.com open.spotify.com embed.ted.com www.tiktok.com play.tvcf.co.kr clips.twitch.tv player.twitch.tv platform.twitter.com player.vimeo.com vlive.tv www.youtube.com vod.afreecatv.com www.airbnb.co.kr www.airbnb.com bandcamp.com codesandbox.io share.ellentube.com giphy.com gfycat.com imgur.com jjalbot.com www.relive.cc streamable.com tenor.com embed.tumblr.com 2. 설정 > 시스템 설정 > 보안 설정 > HTML class에 다음을 추가 media_embed fb-post fb_iframe_widget_fluid_desktop fb-xfbml-parse-ignore fb-video instagram-media instagram-media-rendered tiktok-embed twitter-status twitter-timeline airbnb-embed audioclip-embed bandcamp-embed codepen-embed codesandbox-embed fb_iframe_widget flickr-embed flickr-embed-video giphy-embed giphy-embed-photo giphy-embed-video gfycat-embed gfycat-embed-group gfycat-embed-single imgur-embed imgur-embed-iframe-pub instagram-embed jjalbot-embed jsfiddle-embed nico-embed-live nico-embed-video pinterest-embed pinterest-pin pinterest-board pinterest-profile reddit-embed relive-embed soundcloud-embed spotify-embed tenor-video-embed tumblr-post tumblr-embed tumblr-embed-loaded twitter-list twitter-profile twitter-tweet youtube-shorts 3. 에디터 > 공통 설정 > '플러그인 제거' 입력란에 iframe 을 기입 3. 지원 사항 본 애드온은 미디어 임베딩과 관련하여 다음과 같은 사항을 지원합니다. 서비스 비고 썸네일 아프리카TV 클립 및 라이브 영상 지원 썸네일 Airbnb 숙소, 체험 오디오클립 (네이버에서 제공하는 오디오북) 썸네일 Codepen 썸네일 Code Sandbox 썸네일 Dailymotion 썸네일 Ellentube 썸네일 Facebook Post와 Video만 지원 Flickr 썸네일 Giphy 썸네일 Gfycat 썸네일 Imgru 썸네일 Instagram Post만 지원 IMDb Video만 지원 썸네일 짤봇 썸네일 JSFiddle 카카오TV 클립 및 라이브 영상 지원 썸네일 MLB.com 자막 지원(재생 loop는 제어 안 됨) 썸네일 네이버TV 클립 및 라이브 영상 지원 썸네일 Niconico (ニコニコ) 비디오, 라이브 영상 지원 썸네일 Pinterest 핀, 보드, 프로필 지원 썸네일 Prezi 프리젠테이션 및 영상 지원 썸네일 Reddit Relive 썸네일 SlideShare 썸네일 SoundCloud 썸네일 Spotify 미리듣기만 지원 Streamable 썸네일 TED 썸네일 Tenor 썸네일 Tiktok 썸네일 TVCF (한국 광고 영상 서비스) 썸네일 Tumblr 포스트 지원 썸네일 Twitch 썸네일 Twitter 프로필 타임라인, 프로필 리스트, Post만 지원 Vimeo 썸네일 Vlive 썸네일 Youtube 썸네일 4. 데모 (CK에디터에 한정하여) 다음 url에서 미디어 임베드를 확인해보실 수 있습니다. https://dev.aporia.blog/board_fKje44/category/35668 5. 버그 제보 및 건의 이곳 댓글은 소통이 제한적이어서 토픽게시판에서 버그 제보 및 의견을 듣고자 합니다. https://xetown.com/topics/1564294 의견은 이쪽에서 남겨주세요~
1 2 3 Next
2022.05.10 31 팔공산
[특징] •레이아웃과 위젯의 콜라보로 이루어진 전체화면 갤러리 스킨입니다. •레이아웃만으로는 게시글의 이미지를 가져오기가 힘들어서 위젯으로 이미지를 가져옵니다. •레이아웃 설정에서 위젯의 모든 설정을 제어 할 수 있습니다. •Gallery Layout은 Gallery Widget과 함께 해야 됩니다 - 다른 기능 없습니다. •Gallery Widget은 단독으로 사용이 가능하나 레이아웃에 따라서 적용이 어려울 수 있습니다. •위젯으로 사이드 메뉴 & 레이웃으로 본문 메뉴 사용가능 •다크모드 적용 했습니다. •완벽한 반응형으로 작동합니다. •PC에서는 키보드 화살표로도 이동 가능, 모바일에서는 터치로도 이동 가능합니다. [PC Mode] [Mobile Mode] •확장변수를 사용하여 New 아이콘 & 평가(별 아이콘) & Best 메달 & 확장변수 2종류를 출력할 수 있습니다.(이미지에서는 가격과 품절 - 수정가능) •다양한 정렬대상을 지원합니다. •다양한 SNS 계정연결을 지원합니다. [적용방법] 1. 주문요청 > 입금 > 구매자게시판 > 첨부파일을 다운받아서 압축을 풀면 아래와 같이 layouts & widgets 폴더가 생성됩니다. 2. layouts & widgets 폴더를 ftp로 업로드 해 주면 됩니다. 3. 대상모듈 게시판의 확장변수를 추가합니다. 4. 레이아웃 설정을 해 줍니다. •대상모듈 번호를 필히 입력하셔야 정상적으로 출력됩니다. 관리자설정 > 고급 > 설치된 위젯 > Mh Gallery > 코드생성 > 대상모듈 > 추가> 코드생성 > 코드에 출력되는 module_srls 값을 입력하면 됩니다. •대상모듈의 분류항목별로도 출력이 가능합니다. •License 영역은 출력하지 않아도 됩니다. •모바일(사이드) 메뉴(SNB)를 잘 이용하시면 여러 종류의 갤러리를 운영 할 수 있습니다.
1 2 3 Next

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
경기 카카오 판교오피스 file
카카오 판교오피스 팔공산 2020.04.08 27
경상 호미곶 앞바다
호미곶 앞바다 팔공산 2020.04.28 40
제주 여미지식물원 file
여미지식물원 팔공산 2020.05.03 95
해외 라스베가스
라스베가스 팔공산 2023.03.29 14
대구 [D - 12] 앞산공원 전망대 file
2024-03-31 앞산공원 전망대 팔공산 2023.03.29 22

 

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