MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
1.0x
게시판으로 간단한 거래장부 만들기 스케치북 게시판에 카카오지도 출력 V1.2 예전에 Tip으로 올렸던 2개의 내용을 합쳐서 하나의 게시판스킨으로 만들어 보았습니다. 기본 코드는 스케치북 게시판 스킨을 그대로 가져 왔습니다. [ V1.2 수정 ] • "게시판 목록에서 확장변수 바로 수정 애드온" 을 게시판과 모바일에 적용 원 게시글 : https://xetown.com/download/1666779 Tip 게시글 : https://moonhouse.co.kr/xetip/553814 • 게시목록 좌우 스크롤(수평 스크롤, 스와이프)할 때 특정 컬럼을 고정 하는 기능 추가 https://moonhouse.co.kr/xetip/554284 [ V1.1 수정 ] • 지도출력 사용시 php상위버전(7.2이상) 에서 지도화면 일부만 출력되는 문제 해결 기능은 거래장부에 확장변수로 주소 입력시 지도가 출력되는 게시판입니다. 자세한 기능 내용들은 두개의 Tip을 읽어 보시면 됩니다. 1. 받으신 파일의 압축을 풀어서 /modules/board/skins/mh_books 설치를 합니다. 2. "Mh 거래장" 스킨으로 게시판을 생성 합니다. 3. 확장변수에 자신이 원하는 항묵들을 추가합니다. 4. 지도를 출력하기위해서는 "카카오톡 앱키 입력"이 필수 입니다. https://developers.kakao.com 접속해서 받으시면 됩니다. 다양하게 활용할 수 있으므로 받아놓으시면 좋습니다. 5. "스킨 설정"을 자신이 원하는 형태로 설정합니다. 6. 본문 작성시 "글 작성시 미리 입력된 글 출력"란에 기본이 될 장부 형식의 테이블을 짜 넣으시면 편합니다. http://tablesgenerator.com/html_tables 7. 목록형태 8. 본문 내용 10. 모바일 11. 위젯출력 - Mh_multi 위젯
- V 1.2 UP [2021.01.22] 1. 각각의 색상 지정 2. 시각을 "분전" "시간전" "일전"으로 세분화 3. 코드정리 MH카멜레온댓글위젯에 문하우스 대문페이지의 최근댓글에 적용된 최근댓글에 new아이콘 붙이고, 시간대별로 내용글칼라를 변환시키는 소스를 추가해서 MH카멜레온위젯을 업그레이드합니다. mh_comment.zip를 다운받아서 압축을 풀고 mh_comment폴더를 widgets폴더안에 업로드합니다. 기존의 MH카멜레온댓글위젯을 사용중이시라면 덮어 씌우기 하시면 됩니다. 만약 수정을 하실려면 list.html파일을 편집기로 열어서 23줄부터 수정을 하시면 됩니다. <!--@if($val->getRegdate("YmdH")>date('YmdH',strtotime("-24hours")))--> <!--@if($widget_info->display_regdate == 'Y')--> <span class="date" style="color:#ff6600">{zdate($val->regdate, "m-d")}</span> <!--@end--> <a href="{getUrl('','document_srl',$val->get('document_srl'))}#comment_{$val->get('comment_srl')}" style="color:#ff6600">{$val->getSummary($widget_info->commant_count)}<img src="images/new.gif" border="0"></a> <!--@elseif($val->getRegdate("YmdH")>date('YmdH', strtotime("-48hours")))--> <!--@if($widget_info->display_regdate == 'Y')--> <span class="date" style="color:#009900">{zdate($val->regdate, "m-d")}</span> <!--@end--> <a href="{getUrl('','document_srl',$val->get('document_srl'))}#comment_{$val->get('comment_srl')}" style="color:#009900">{$val->getSummary($widget_info->commant_count)}</a> <!--@else--> <!--@if($widget_info->display_regdate == 'Y')--> <span class="date" style="color:#808080">{zdate($val->regdate, "m-d")}</span> <!--@end--> <a href="{getUrl('','document_srl',$val->get('document_srl'))}#comment_{$val->get('comment_srl')}" style="color:#808080">{$val->getSummary($widget_info->commant_count)}</a> <!--@end-->
똑띠님의 위젯을 제가 필요한 기능에 맞추어 조금 수정했습니다. ( 테스트 브라우저 : IE6,7,8, Safari, Firefox, Chrome ) 미리보기 : http://www.young-hwa.es.kr/zbxe/ 수정된 부분은 1. 배너가 정해진 수보다 많을 경우, 다음 칸으로 나뉘어지고 버튼으로 이전, 다음 배너를 볼 수 있습니다. 2. 7초가 지나면 자동으로 다음 배너가 보이게 됩니다. < 설치방법 > * 파일 올리기 1. 똑띠님의 배너 위젯을 먼저 설치합니다. (위치 : zbxe폴더/widgets/banner로 파일 올리기) http://www.zeroboard.com/zbxe_pds_prog_widget/16686387 2. 이 스킨을 설치합니다. (위치 : zbxe폴더/widgets/banner/skins/findwind로 올리기) findwind.zip * 게시판 설정 - 확장변수를 5번까지 아래와 같이 수정합니다. * 위젯 설치 - 수정된 게시판을 선택한 후 아래와 비슷하게 수정하면 됩니다. - 썸네일 생성방법 : 특별한 경우가 아니면 ratio로 설정하는게... - 이미지 가로, 세로크기 : 본인의 필요에 따라 적당하게 하시면 됩니다. - 가로 이미지 수 : 이 숫자가 넘으면 페이지가 나뉘게 됩니다. (4-6개 정도가 적당) - 세로 이미지 수 : 최대 몇 페이지까지 사용할 것인지 정합니다. 10으로 정해도 배너 수가 적으면 1-2페이지까지 밖에 생성되지 않습니다. - 상단이미지~꾸밈이미지 : 수정하면서 필요없어서 지운 부분입니다. (설정하지 않으셔도 됩니다.) - 레이아웃에 작업할 때는 아래와 같은 코드를 레이아웃 파일에 넣으시면 됩니다. <img class="zbxe_widget_output" widget="banner" skin="findwind" widget_cache="5" banner_widgetwidth="740" mid_list="main_banner" thumbnail_type="ratio" thumbnail_width="150" thumbnail_height="40" cols_list_count="5" rows_list_count="10" widget_sequence="371734" /> * 게시판 글 쓰기 - 제목 : 배너의 툴팁으로 나타납니다. - 연결URL : 홈페이지 주소 - 링크 대상 : _blank는 새창, _self는 현재창 - 경계선 굵기 : 배너 자체에 테두리가 없으면 픽셀을 입력하면 테두리가 생깁니다. - 이미지 줄이기 : 가로 세로 픽셀을 줄입니다. - 테두리 여백 : 위, 오른쪽, 아래, 왼쪽 순으로 숫자를 기입합니다. ( 입력형태 : 0 5px 0 5px; ) ☞ 참고 : http://blog.naver.com/ehomebuild?Redirect=Log&logNo=150014781402 - 파일 첨부 : 첫번째 이미지를 이용하여 배너를 만듭니다. * 배너 넘어가는 시간을 수정하려면... - list.html 의 21번째 줄을 보면 onmouseout="fnb=window.setInterval('toggleBanner('next')', 7000);" 에서 빨간 부분을 원하는 초 x 1000에 해당하는 수로 수정해주시고 - js/banner.js 에서 fnb=window.setInterval("toggleBanner('next')", 7000); 에서 빨간 부분을 같은 방법으로 수정하면 됩니다. 잘 사용하세요. findwind.zip (6.6KB)(50)
회사약도, 모임장소를 공유하는 지도편집 마법사 파란 인사이드맵 [가이드] http://local.paran.com/insidemap/guide_01.html ** 사용 예 ** 1. 회사 약도 만들기. 2. 출사지/맛집 등 블로그에 파란 지도첨부. 3. 예식장 가는 길.. e-청첩장에 붙여 넣으면 찾아가기 너무 쉬워~ 4. 연말연시, 특별한 날, 미팅장소, 약속장소 메일 보낼 때 지도 첨부 ** 사용설명 ** - 파란에서 제공하는 인사이드맵 서비스를 제로보드XE에서 사용할 수 있는 에디터 컴포넌트입니다. - 주소,상호,지물검색 뿐만 아니라 경로탐색 및 지도에 여러지점을 동시에 등록하여 인사이드맵 저장 후 에디터에 첨부하여 사용합니다. - 파란 인사이드맵은 별도의 인증키나 인증절차없이 사용하실수 있습니다. - 인사이드맵은 인증키나 인증절차 없이 사용이 가능함에 따라 수정 및 삭제 기능은 아직 제공되지 않습니다. - 업데이트버전이 개발되는대로 이 게시글을 업데이트 하도록 하겠습니다. ** 설치방법 ** - 아래 첨부된 파일을 다운받으시고 압축을 풀면 paran_map이라는 디렉토리가 생성됩니다. - 이를 제로보드XE가 설치된 곳의 ./modules/editor/components/ 아래로 업로드 하시면 됩니다. - 블로그 화면으로 돌아와서 에디터의 "지도첨부" 버튼을 이용하여 인사이드맵 생성 마법사를 실행하세요. paran_map_v1.1.tgz (4.5KB)(5) paran_map_v1.1.zip (5.7KB)(30)
버그 & 개선 2008.11.09 20:00 ... v1.0.3 - 자체 실행에서 모듈 호출이 아닌 변수 호출로 변경 - 출력 대상 모듈 입력 시 선택 모듈의 값이 없이 전체로 보여지는 문제 개선 - 특문, 공백 등의 이유로 인한 섬네일 처리 문제를 개선 2008.11.08 21:15 ... v1.0.2 - 외부페이지, 페이지 모듈에서 템플렛 처리를 못하는 부분 개선 2008.11.08 12:00 ... v1.0.1 - mid명이 없어 문서번호로만 불러올 경우 mid값을 못 불러오는 사항 추가 Cooliris PicLens 애드온 v1.0 본 애드온은 Cooliris 사의 이미지 뷰어 plug-in인 PicLens 를 이용하여 제로보드XE의 이미지를 보다 멋지게 보여주는 애드온 입니다. 구성요소 ● PicLens 애드온 실행 파일 ● medias 모듈용 스킨(애드온 내부 포함) ● xe_files 용 스킨 구성 파일 ● piclensv1.0.3.zip 설치방법 1. 하단 첨부파일의 piclensv1.0.3.zip을 다운 받아 적당한 위치에서 압축을 푼다.(현재폴더로 푸세요) 2. piclens 폴더를 zbxe/addons/ 폴더 안에 복사한다. 3. 제로보드XE 관리자 페이지에서 애드온 메뉴를 눌러서 piclens '설정' 을 누른다. ● 출력형태 o XE files : xe_files 라는 제로보드 첨부파일 db table을 이용하여 출력 할 경우 선택하세요(기본값) 게시물의 첨부파일을 가지고 일단 jpg,gif,png 만 찾아서 출력하도록 했습니다. o medias : 기존에 medias 모듈을 이용하여 출력 할 경우 선택하세요. 기존에 medias 모듈로 설치하여 이용하는 분들은 이걸 선택하세요. ● 문서 사용 여부 o 선택된 모듈의 전체 내용(리스트상에서)이 표시되지 않고 해당 게시물을 선택 할 경우에 게시물의 이미지만 표시하도록 합니다.(기본값 Y로 문서 선택시에 문서상의 이미지만 출력 합니다.) ● 정렬방식 o 오름차순, 내림차순 식으로 끝에서 끝의 정렬을 바꿀 수 있습니다. (기본값 오름차순) ● 출력 갯수 o 한번에 출력될 수를 정할 수 있습니다. 많으면 트래픽이 발생되어 느릴 수 있습니다. (기본값 100) ● Thumbnail width,height o 현재 문제가 되고 있는게 섬네일을 할때 해상도가 커서 용량이 크면 오류가 발생되는 문제가 있습니다. (제로보드XE 문제가 아니라..) php.ini에서 memory_limit 설정으로 늘릴 순 있지만 호스팅을 받고 있다면 설정이 어렵기 때문에 해당 사이즈 이상의 해상도는 섬네일을 하지 않고 대체 이미지를 표시 합니다. 대체 이미지는 addons/piclens/images 에 있습니다. ● 출력 대상 모듈 o 출력할때 이용할 모듈 모듈명으로 적어주세요. 두개 이상일 경우 ',' 로 구분해주세요.(board,board2) 공란일 경우 현재 실행되는 모듈의 이미지만 출력 합니다. ● 모듈 o 이 애드온을 실행할 모듈을 선택하세요. 실행방법 http://www.cooliris.com/ 에서 제공하는 plug-in 입니다. 각종 OS나 브라우져 별로 되니까 해당 사이트에서 설명 읽어보시고 설치해주세요. 설치가 완료 되면 브라우져 구석에 위와 같은 아이콘이 생깁니다. 저 아이콘은 기본적으로 흑백인데 실행 가능한 상태가 되면 색을 띄면서 활성화 됩니다. ● 자체 실행 방법(2008.11.09 20:00 수정 ) <a href="javascript:PicLensLite.start({ feedUrl:'{$piclens_url}' });"> PicLens 실행 <img src="http://lite.piclens.com/images/PicLensButton.png" alt="PicLens" align="absmiddle" /> </a> 해당 문구를 원하는 레이아웃이나 스킨에 삽입하시고 실행하시면 됩니다. ps : plug-in이 설치되지 않았을 경우에도 스크립트용 이미지뷰어가 실행됩니다. 주의 & 참고 1. 기존에 medias 모듈로 piclens 어렵게 설치하셨던 분들은 설치하실 때 기존에 piclens 애드온을 삭제하시고 복사해주세요. 또한 레이아웃에서 head 등에 선언된 piclens용 정보들은 전부 지워주세요. 2. 서버부하 등으로 인해 piclens 기본값을 게시물 선택시로 했습니다. 원래 그 쪽이 더 알맞다고 생각 되네요. 3. 익스 등에서 한글로 이미지를 업로드 할 경우에 정상적으로 출력되지 않을 수 있습니다. 섬네일 처리를 한글 파일이면 제대로 못하네요(제가 손본 섬네일이 어설퍼서 ^^) 4. addons/piclens/skins/medias 에 스킨파일을 보시면 알겠지만 medias 위젯입니다. 본인이 희망하시는 데로 입맛에 맞게 적절히 수정하셔서 사용하시면 되겠습니다. 5. medias 모듈과 xe_files 이용하는건 차이가 있습니다. medias은 본문에 기재된 이미지는 모두 출력 합니다.(외부 이미지를 게시물로 저장시키는 방식) xe_files은 본문에 등록 여하에 관계없이 오직 첨부파일로만 출력 합니다. 누락사항 전체로 출력할 경우 비밀글에 대한 처리를 하지 않았습니다. 비밀글을 표시안할려면 테이블 조인이 필요하기에 복잡해 지기도 하고, 제가 좀 시간이 많지 않아서요 ^^ 나중에 버그나 기타 개선사항 같은데 있다면 그때 한대모아 수정해보겠습니다. 테스트 http://www.animeclub.net/zbXE 이곳에서 이미지가 있는 본문을 클릭하시면 테스트 가능합니다. 이번에 새롭게 자체 애드온을 만들게 되었습니다. 템플렛 처리가 애드온에서 될까 라는 생각만 하고있다가 어제(벌써 12시넘었네요) 점심 때 해봤는데 되더라고요. 그래서 그냥 만들게 되어 버렸습니다. ^^ 이 애드온은 기존의 medias 모듈이 없어도 제로보드XE의 첨부파일 정보를 이용해서 출력해 줍니다. 또한 첨부파일로 출력할 경우 출력된 이미지를 통하여 해당 게시물로 이동 가능합니다. 문의는 위 제 사이트나 여기로 남겨주세요. ps : 많은 문의가 필요하신 분은 쪽지 등으로 주세요 ^^ ps2 : 버그가 있엇네요 ^^ 19명 받으셨던데... 다시 받아주세요. ps3 : 예. 그렇습니다. 저는 언제나 만들고 한번에 되지 않지요 ^^(전 초보자라는 비겁한 변명 중...) 외부 페이지에서 수행이 안되는 증상을 개선했습니다. 또한 사소한거지만 info.xml 파일 중 변수가 대소문자가 들어간게 있어서 그 부분도 수정헀습니다. piclensv1.0.2.zip 으로 다시 받으셔서 덮어씌워 주세요. ps4 : 섬네일 처리 문제를 개선 했습니다. 한문 빼고는 대체적으로 출력 되네요. (한글은 한글명을 없애버리기 때문에 '한글.jpg' '영문.jpg' 이렇게 두개 있으면 '.jpg' 로 생성되어서 처음 한글이미지가 중복으로 보일 가능성이 있습니다.) 이로써 1000 개이든 10000 개이든 실행 가능할 것 같긴한데요, 속도가 많이 느려지고 트래픽 많이 먹으니 주의하세요. 또한, 그렇게 했는데 안되시는 분들은 Thumbnail 사이즈를 줄여보시기 바랍니다. (저 호스팅은 2500했는데 안되서 2000으로 했습니다.) piclensv1.0.3.zip [File Size:20.0KB/Download:56]

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
충청 충주 중앙탑 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,553 8 문하우스 레이아웃스킨 V3.3 입니다 file 팔공산 2010.01.13 39,746
2,552 8 MH 트렌스포머 PopUp위젯 V2.0 file 팔공산 2017.01.05 1,678
2,551 8 로고 부분 플래시로 올리는 문제 풍경 2009.11.14 10,462
2,550 8 혹...... 님 홈피에 뜨는 위젯(스타일) 공개가능하신지요? DuRi 2009.10.21 8,859
2,549 8 로그인창 에러 file 황제 2009.07.03 12,709

 

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