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 PageSwitch 위젯 file
갤러리슬라이드를 다양한 형태로 제공하는 PageSwitch Widget입니다. [특징] 1. Slide의 형태가 120가지 입니다. 2. 제목, 내용, 날짜, 글쓴이 출력 유무 가능합니다. 3. 스마트폰에서도 잘 작동합니다. 4. 마우스 휠로 이전 다음 작동 슬라이드의 형태가 너무 많아서 설정에는 기본되는 10가지만 넣었습니다. /widgets/mh_pageswitch/skins/default/list.html 안에 보시면 120가지의 형태가 있습니다. 페이지 잘라 내기 효과 fade scroll scroll3d scrollCover scrollCoverReverse scrollCoverIn scrollCoverOut scrollX scroll3dX scrollCoverX scrollCoverReverseX scrollCoverInX scrollCoverOutX scrollY scroll3dY scrollCoverY scrollCoverReverseY scrollCoverInY scrollCoverOutY slide slideCover slideCoverReverse slideCoverIn slideCoverOut slideX slideCoverX slideCoverReverseX slideCoverInX slideCoverOutX slideY slideCoverY slideCoverReverseY slideCoverInY slideCoverOutY flow flowCover flowCoverReverse flowCoverIn flowCoverOut flowX flowCoverX flowCoverReverseX flowCoverInX flowCoverOutX flowY flowCoverY flowCoverReverseY flowCoverInY flowCoverOutY slice sliceX sliceY zoom zoomCover zoomCoverReverse zoomCoverIn zoomCoverOut zoomX zoomCoverX zoomCoverReverseX zoomCoverInX zoomCoverOutX zoomY zoomCoverY zoomCoverReverseY zoomCoverInY zoomCoverOutY skew skewCover skewCoverReverse skewCoverIn skewCoverOut skewX skewCoverX skewCoverReverseX skewCoverInX skewCoverOutX skewY skewCoverY skewCoverReverseY skewCoverInY skewCoverOutY flip flip3d flipClock flipPaper flipCover flipCoverReverse flipCoverIn flipCoverOut flipX flip3dX flipClockX flipPaperX flipCoverX flipCoverReverseX flipCoverInX flipCoverOutX flipY flip3dY flipClockY flipPaperY flipCoverY flipCoverReverseY flipCoverInY flipCoverOutY bomb bombCover bombCoverReverse bombCoverIn bombCoverOut bombX bombCoverX bombCoverReverseX bombCoverInX bombCoverOutX bombY bombCoverY bombCoverReverseY bombCoverInY bombCoverOutY 해당 형태를 적용해 볼려면 list.html파일안에 {$wi->slide_type}부분을 지우고 해당 형태를 대입해 보면 됩니다. <script> var reg=location.search.match(/ts=([^&]*)/), ts=reg&&reg[1]|| '{$wi->slide_type}',
Board 나의 RM Category 위젯 2018.10.25 팔공산 R 181
MH_Sliding 레이아웃 file
MH_Sliding 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정했습니다. http://www.htmldrive.net/items/show/1848/Sliding-preview-images-Panels-Template-with-jQuery [특징] - 화면을 4등분해서 각각 메뉴로 작동합니다. - 각 화면의 배경을 이미지로 지정 가능 합니다. 이미지로 지정하지 않을시 배경색상으로도 지정 가능합니다. - 각 화면을 클릭시 전체 화면으로 슬라이드되며 배경아래에 설명문을 작성할 수 있습니다. - 상단 메뉴와 슬라이딩 메뉴를 출력할 수 있습니다. - 로고이미지와 관리자버턴(로그인/관리/기타)을 출력할 수 있습니다. - 텍스트영역의 높낮이를 설정할 수 있습니다.
Board 나의 RM Category 레이아웃스킨 2018.10.20 팔공산 R 312
카카오링크 애드온(mh_kakao_link) file
sejin7940님이 2015년에 만드신 카카오링크/카카오스토리 (sejin7940_kakao link)애드온이 최근에 카카오톡 링크 V2 API 로 업데이트 되면서 아래 문구가 뜨면서 작동이 되지를 않더군요. " 최신 버전의 카카오톡 링크가 적용되지 않은 앱(또는 서비스)에서 공유하기를 하였습니다. 해당 앱을 업데이트 하거나 최신 버전의 카카오톡 링크를 적용하도록 앱 개발사에 요청해 주세요. " 그래서 필요에 의해서 수정하면서 올려봅니다. 이름을 그대로 사용하기가 그래서 살짝 이름 변경했습니다. 사용법은 sejin7940님의 것을 그대로 가져 왔으며, 카카오링크만 적용 했으며, PC / 스마트폰 모두 작동합니다. 새 애드온에는 불가피하게 카카오사이트에 가입하고 API 키 발급과정이 필요합니다. 1. API 키 발급방법 1) https://developers.kakao.com 에 가입 2) 앱만들기 에서, 앱 이름을 정하신 후 (큰 의미 없습니다) 3) Javascript 키 값을 기억을 해두세요 ( 애드온 설정에 기재하셔야합니다) 4) 좌측 설정->일반 을 누른후, '플랫폼 추가' 버튼을 클릭하고 웹 클릭 후 , 사이트 도메인 기재하시고 저장 << 주의 >> 사이트도메인은 www 포함한 도메인, www 뺀 도메인 두가지 다 기재해주세요! 5) 설치된 애드온에서, mh_kakao_link 애드온 설정 누르신 후 javascript key 입력하고, 사이트 이름 입력 (카카오링크 하단에 나타날 이름입니다) 하시면 됩니다. 그 후 해당 애드온을 사용으로 체크하시면 됩니다 "https://developers.kakao.com/docs/js/kakaotalklink#스크랩-템플릿-보내기" 참고로 수정했습니다. p.s 참고로 문서페이지와 게시판에서만 작동합니다.(위젯페이지에서는 작동 안합니다)
Board 나의 RM Category 애드온 2018.10.15 팔공산 R 368
Prev 16 17 18 Next

My Xe - FirstThumb 스킨
Xe of Moonhouse　>

profile
팔공산
Sep 12 2019
Mh Thomsander Layout V1.0 file
[특징] - 페이지안에서 부메뉴가 Box형식으로 열립니다. - 배경이미지를 슬라이드로 출력합니다. - 로그인정보를 가진 아이콘을 우상단에 배치 했습니다. - 거의 모든 메뉴의 출력을 선택 할 수 있습니다 - 상단메뉴바 / 하단출력 / 배경슬라이드 / 로그인정보 아이콘 등등 - 배경슬라이드 미출력시 바탕색상을 선택 할 수 있습니다. - Contact Box(위젯출력박스)를 페이지에 지정 할 수 있습니다. - 레이아웃 특성상 반응형을 지원하지 않습니다. 모바일 페이지를 따로 지정할 수 있습니다. [설정 방법] - Box안의 내용은 레이아웃 특성상 레이아웃 설정에서 수정 하실 수 없습니다. - Box안의 설정은 /layouts/Mh_Thomsander/layout.html를 편집기로 열어서 직접 하셔야 합니다. - layout.html를 편집기로 열어 보시면 설명글이 적혀 있으므로 따라 하시면 됩니다. - 세번째 메뉴의 Box안의 이미지들은 Lightbox 형태로 열립니다. - layout.html 파일안의 기본 설정은 저의 홈피에 맞게끔(위젯. 이미지경로등)꾸며져 있습니다. 자신의 홈피에 맞게끔 재설정 하셔야 합니다. - 설정이 어려우시면 댓글 남겨 주세요.
profile
팔공산
Sep 02 2019
Mh Hover Effect Sliding V1.0 위젯 file
Mh Hover Effect 위젯 과 MH 슬라이딩 타일의 슬라이딩 기능을 합쳐서 만들었습니다. [V1.0 특징] 1. 코드를 정리하였습니다. 2. 대상 분류 srl값(분류)으로도 게시물을 출력합니다. - https://moonhouse.co.kr/xetip/498956 3. Rightbox 출력 이미지를 확장변수를 이용하여 원본으로도 출력가능 - https://moonhouse.co.kr/xetip/500312 4. 페이지기능을 추가하였습니다. [특징] 1. Hover Effect 선택 - 15가지 슬라이딩 효과 - 12가지 를 적용할 수 있습니다. 2. 썸네일 클릭시 Lightbox로 출력 선택을 할 수 있습니다. 3. Effect효과와 썸네일의 크기와 여러가지 경우 약간씩의 차이가 날 수 있으므로 스킨설정에서 적절한 옵션을 선택하세요. 4. 모바일 반응형 지원합니다.
Prev 16 17 18 Next

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

2008.06.21 TextCube 호환 댓글알리미 모듈 & 애드온 0.1.3 1 3553
하늘03 http://www.zeroboard.com/16953412 안녕하세요 haneul입니다 +_+; 위키는 안만들고.. 숨어있다가;; 끄적끄적 모듈하나를 공개합니다 :) ver 0.1 이니 다양한 에러가 있을 수 있습니다 (__) Textcube, TT계열과 호환되는 댓글알리미 모듈 & 애드온입니다. 자기가 쓴 댓글에 댓글이 달리면 내 관리자 페이지에 댓글알리미 페이지에서 확인 하실 수 있습니다. 실은 Textcube가 부러웠어요 ;ㅅ ; ㅎㅎㅎ 이 애드온을 on 시켜놓으면 Textcube로도 댓글알림을 해줍니다. 물론 이 애드온을 켜놓은 XE 끼리도 댓글알림이 됩니다 +_+ 위와 같은 모습을 어드민 페이지에서 확인하실 수 있습니다. 압축을 푸시면 modules/tccommentnotify, addons/tccommentnotify 의 두 디렉토리를 각각 modules, addons 밑에 넣어주시면 됩니다. 그런후에 모듈 관리 페이지에서 install을, addon 관리 페이지에서 사용을 누르시면 되겠습니다 (__) *. 다른 사람 홈페이지(TT, 이 애드온을 켜놓은 XE)에 자신의 홈페이지 주소를 적어서 댓글을 적었을 때 그 댓글에 댓글이 달리면 댓글알리미로 노티가 됩니다. 자신의 제로보드를 비롯해 회원 가입을 하는 제로보드의 경우에는 사용자 정보에서 홈페이지에 자신의 제로보드 주소를 적어놓으셔야 합니다 :) ** 오타가 있어서 수정했습니다. *** PHP4에서 안되는 문제가 있어서 수정했습니다 **** v0.1.1 입니다. TagStrip 안되는 것 수정했습니다. **** v0.1.2 입니다. 홈페이지 주소가 Page 모듈인 경우에 알림이 가지 않는 버그 수정했습니다. commentnotify.0.1.3.tar.gz (9.1KB)(62)
2008.06.16 [ imageResize(v0.2) ] 이미지 첨부시 자동 리사이징 저장 모듈 3283
dexter http://www.zeroboard.com/16940904 이미지 퀄리티보다, 서버 저장용량을 최소화 하고자하는 관리자 분을 위한겁니다. 리사이징 폭 크기를 알맞게 설정하면, 그 이상의 폭을 가진 이미지 저장시 자동 리사이징 되어 저장됩니다. 설치 : 1. modules/ 폴더 내에 옮김 2. 관리자 -> 모듈 에서 업데이트를 클릭 3. 관리자 -> 부가 모듈 ( 이미지 축소 ) 에서 알맞은 폭 설정 특징 : jpg, png, gif 파일을 처리 높이는 원본 비율에 맞추어 조정됨 제한 : gd 라이브러리를 사용합니다. php >= 4.0.6 부터 적용됩니다. 0.2 버전 : 용량 표기를 제대로 수정하였습니다. 설치는 0.1버전 위의 방법과 동일합니다. imageResize.zip (9.5KB)(9) imageResize.tar.gz (3.6KB)(2)
2008.06.14 판도라 동영상 삽입 (#4, 2008-06-14) 3417
판도라 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)
2008.06.06 붐바 for ZBXE 애드온 v 1.0 7876
북마크 모음툴인 붐바를 제로보드 게시판(블로그)에 달아주는 애드온입니다. ** 붐바 사이트 : http://boombar.korea.com ** 붐바 메뉴얼 : http://code.google.com/p/boombar/wiki/BoomBar 요새도 북마크 기능을 사용하시는 분들이 많지 않아서 자주 손이 가지는 않겠지만 간혹가다 아쉬운게 또 북마크 기능인것 같습니다. 이전에 붐바의 티스토리 적용버전인 품바를 수정한 자료를 바탕으로 '품바 애드온'을 만든적이 있었는데 티스토리용을 컨버전하다보니 억지문법이 많아서 심심하지 않게 오류가 뜨곤 했었습니다. 어짜피 기존 자료를 다 날려먹은터라 처음부터 붐바코드를 가지고 작업을 했습니다. 기존 붐바 적용모습 그대로 사용할 수 있으며, 별도의 설정은 필요하지 않습니다. IE, FF 에서 테스트 했으며 정상작동합니다. 제로보드 공식 애드온과는 충돌이 일어나지 않으며, 다른 애드온과 충돌할 부분은 없을것같습니다. 다운로드 : [boombar.tar.gz] [boombar.zip] 적용된 모습은 http://winsroot.net/Contents/481 에서 확인할 수 있습니다.
2008.05.30 버튼체인지 ButtonChange ver 0.2 5020
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)
Prev 16 17 18 Next

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

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

 

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