MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
Prev 11 12 13 Next
profile
팔공산
Nov 23 2020
[ Noto Sans KR 수정 ] 기존 ebay.co.kr에서 제공하던 소스가 막혔네요, 구글로 수정해 주세요 /addons/web_fonts/web_fonts.addon.php 파일 수정 if( $addon_info->noto_use == 'enable' ) { Context::addCSSFile('///fonts.googleapis.com/earlyaccess/notosanskr.css'); } [ V_1.8 업데이트 ] - 2022. 03. 29 • 폰터 어썸 V 6.1.1으로 버전 UP [ V_1.7.1 업데이트 ] - 2021. 08. 29 1. sky 색상 추가해서 총10가지 - SketchBook5 MH 게시판스킨 에서 10가지 색상 필요 [ V_1.7 업데이트 ] - 2020. 11. 23 1. 폰터 어썸 V 5.15.1으로 버전 UP 2. Noto Sans Korean 폰트 추가 - 외부파일 불러오기 css파일에 { font-family: "Noto Sans Korean", "Open Sans", sans-serif; } [ V_1.6 업데이트 ] - 2019. 12. 18 1. 폰터 어썸 V 5.12.0으로 버전 UP 2. Sexy Button - dark와 white 색상 추가해서 총 9가지 - 버턴크기 mini를 추가해서 총 3가지 class="sbtn_mini sbtn-white" class="sbtn_mini sbtn-dark" [ V_1.5 업데이트 ] - 2018. 10. 29 1. 폰터 어썸 V 5.4.2으로 버전 UP 2. 폰터 어썸 V4 / V5 통합됨 [ V_1.4 업데이트 ] 1. Sexy Button의 button소스가 XE와의 충돌로 문제 - button_ 부분을 sbtn_으로 수정 - button- 부분을 sbtn- 으로 수정 - button_small button-red 를 sbtn_small sbtn-red 이렇게 변경해야지 Sext Button에드온이 작동함. - Sexy Button으로 자신이 버턴을 만든적이 없으면 Pass~ [ V_1.3.1 업데이트 ] 1. 폰터 어썸 5.0.2으로 버전업후 일부 4.7.0 아이콘들 사리지는 증상을 해결(두버전 모두 포함) [ V_1.3 업데이트 ] 1. 폰터 어썸 5.0.2으로 버전업 2. 나눔고딕도 내,외부 파일 불러오기로 구분하였습니다. [ V_1.2 업데이트 ] 1. 폰터 어썸 4.7.0으로 버전업 2. 폰터 어썸 을 내부, 외부 둘 중에서 선택해서 불러올 수 있게 수정함 Web Fonts 애드온 1.0 에 Sexy Button을 추가했습니다. Font Awesome Icons도 4.5.0으로 버전업 되었습니다. "Sexy Button"은 웹폰트는 아니지만 작동기능이 비슷하고 사용목적도 비슷해서 같이 합쳤습니다. Sexy Button은 제가 붙힌 것은 아니고 소스를 얻은 곳에서 사용된 제목입니다. [Sexy Button 사용법] 위의 이미지에서 보이는 버턴들이 "Sexy Button"을 적용해 만든 버턴들입니다. 큰 버턴, 작은버턴, 총 7가지의 색상으로 구현할 수 있습니다. 그리고 Font Awesome Icons과 함께 사용하도록 만들어져 있습니다. 위에 다섯개가 작은버턴 5가지 색상입니다. 1. blue <a href="{getUrl}" class="sbtn_small sbtn-blue"><i class="fa fa-step-backward"></i>문구</a> 2. green <a href="{getUrl}" class="sbtn_small sbtn-green"><i class="fa fa-step-forward"></i>문구</a> 3. purple <a href="{getUrl}" class="sbtn_small sbtn-purple"><i class="fa fa-list"></i>목록</a> 4. orange <a href="{getUrl}" class="sbtn_small sbtn-orange"><i class="fa fa-pencil-square-o"></i>수정</a> 5. red <a href="{getUrl}" class="sbtn_small sbtn-red"><i class="fa fa-trash"></i>삭제</a> 아래 두개가 큰버턴 2가지 색상입니다. 6. yellow <a href="{getUrl}" class="sbtn sbtn-yellow"><i class="fa fa-comments"></i><i class="fa fa-folder-open"></i>문구</a> 7. gray <a href="{getUrl}" class="sbtn"><i class="fa fa-comments"></i><i class="fa fa-folder-open"></i>문구</a>
Prev 11 12 13 Next
똑띠님의 위젯을 제가 필요한 기능에 맞추어 조금 수정했습니다. ( 테스트 브라우저 : 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]
Prev 11 12 13 Next

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
강원 정동진 모래시계공원 file
정동진 모래시계공원 팔공산 2024.03.20 6
전라 쏠비치 진도 file
쏠비치 진도 팔공산 2024.03.20 7
서울 서울 이순신장군 동상 file
서울 이순신장군 동상 팔공산 2024.03.20 6
충청 충주 중앙탑 file
충주 중앙탑 팔공산 2024.03.20 7
대구 [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