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.4 수정내용(2020.12.13) 1. 코드정리 2. 자체 로그인 탑재 3. 메뉴 아래 "mh_simple 소식"은 MH 특정 문서 출력 위젯입니다. 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에서 확인햇습니다. 위의 이미지에서 여인들이 있는 위치에 기본이미지로는 음악듣는여인이 선택되어 있습니다. 기타 이미지를 올립니다.
[ V_1.9 업데이트 ] - 2024. 05. 12 • 네이버 나눔스퀘어 네오 NanumSquareNeo 외부링크 추가 https://moonhouse.co.kr/xetip/590732 • Font Awesome 6.5.2 외부링크 UP [ 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>
[ 기 능 ] 1. 게시판 단축키를 지원합니다. (목록보기, 글쓰기, 최근글, 이전/다음글, 이전/다음 목록 ) 2. 페이지 이동 단축키를 지원합니다. 3. 다양한 단축키로 페이지 이동할 수 있습니다. (0.97버전에서는 브라우저 단축키를 전부 다 막았었는데 사용빈도가 높은 단축키를 제외하고 차단합니다.) 라이브러리 : http://jonathan.tang.name/code/js_keycode 게시판 단축키를 지원하기 위해 위젯과 연결해서 지원합니다. 따라서 애드온과 위젯을 설치해야합니다. [설치 순서] 1. zbxe_shortcut.zip 을 압축을 풀면 addons와 widgets 폴더가 생깁니다. 2. ftp 프로그램을 이용해서 zbxe폴더에 넣으면 정확한 위치에 들어갑니다. (각각의 폴더에 shortcut 이라는 폴더가 생기면 제대로 들어간겁니다.) 3. 관리자 모드에서 단축키 애드온을 설정합니다. shortcut1.jpg 설명 보기 닫기 단축키는 40개까지 설정가능합니다. 단축키 예 : left, page_up, a, b, 1, 2, ctrl+1, alt+s, shift+1, ctrl+alt+3, ctrl+alt+shift+1 등 주소 :URL 기입 ( /zbxe/computer, /zbxe/?mid=computer, http://www.naver.com 등의 형태 ) (1) 게시판 단축키 사용 여부 : 위젯 설치를 한 후에 글쓰기, 목록 등의 단축키를 이용할 수 있습니다. (2) 브라우저 기본 단축키 차단 여부 : "차단하기"를 선택하면 브라우저의 필수 단축키를 제외하고 모두 차단합니다. 차단하지 않으면 브라우저 단축키와 홈페이지 단축키가 충돌하면 둘다 실행되던지 오작동이 될 수도 있습니다. (차단하지 않은 단축키 : Ctrl + A, C, E, F, N, R, T, V, X, F4, Alt + D, Left, Right, F4, F5, Home, End, PageUp, PageDown) (3) "Ctrl+숫자" 단축키 차단 여부 : 탭지원되는 브라우저에서 많이 쓰는 단축키라 풀 수 있도록 선택가능 (4) IE에서 막을 단축키 : IE에서 Alt + A, Alt + C등의 일부 단축키가 제대로 막아지지 않습니다. Alt + A의 경우 페이지 이동(애드온 기능)과 즐겨찾기 보기(브라우저 기능)가 함께 이루어집니다. 해당 알파벳을 넣어 차단하세요. 예를들어 Alt+A, Alt+C를 차단하기 위해서는 a,c 로 입력하시면 됩니다.(플래시 문제로 xe 1.07 개발버전을 받아서 색상이 조금 틀립니다.) 4. 관리자 모드에서 단축키 위젯의 코드를 생성합니다. (라르게덴 님의 위젯을 수정해서 작성하였습니다.) 5. 생성된 코드를 복사하여 레이아웃의 소스를 넣어주세요. 설명보기 닫기 - 수정할 파일 위치 : zbxe폴더/layouts/레이아웃 이름/layout.html - 소스의 위치는 레이아웃 소스의 {$content}바로 위에 넣어주면 됩니다. - 생성된 코드 : <img class="zbxe_widget_output" widget="shortcut" skin="default" order_target="list_order" search_type="Y" category_type="Y" /> <div id="columnRight"> <!-- 컨텐츠 시작 --> <img class="zbxe_widget_output" widget="shortcut" skin="default" order_target="list_order" search_type="Y" category_type="Y" /> {$content} </div> </div> <ul id="footer"> <li class="first-child"> 6. 이제 홈페이지에서 단축키를 사용할 수 있습니다. [게시판에 버튼 추가 방법] 게시판에 최근글, 이전글, 다음글 버튼을 만듭니다. (애드온과 위젯을 깔아야만 정상작동합니다.) 추가방법보기 닫기 1. 게시판 스킨 xe_board를 xe_board_s로 복사합니다. - 위치 : zbxe 폴더/modules/board/skins/게시판 이름 2. xe_board_s.zip 를 압축풀면 3개의 파일이 나오는데, xe_board_s 폴더에 덮어씌웁니다. 3. 버튼을 이용할 게시판의 스킨을 xe_board_s 으로 바꿔주세요. 그럼 아래 그림 처럼 버튼이 나올 겁니다. [버튼을 추가하기 위한 소스] xe 공식 게시판 이외의 게시판을 쓰시는 분은 아래 소스를 변형해서 사용하세요. list.html 에 수정한 소스 : <a href="javascript:;" onclick="go_latest();" class="button"><span>최근글</span></a> view_document.html 에 수정한 소스 : <div id="pnText" class="pnButton" style="position:relative;float:left; top:-28px;">   </div> <script type = "text/javascript"> var bt_pn_text=""; if (prev_article_url!="") { bt_pn_text="<a href="\"javascript:;\" onclick=\"go_prev();\" class=\"button\"><span>이전글</span></a>"; } if (next_article_url!="") { bt_pn_text=bt_pn_text+" <a href="\"javascript:;\" onclick=\"go_next();\" class=\"button\"><span>다음글</span></a>"; } document.getElementById('pnText').innerHTML = bt_pn_text; </script> </div> [ 지원되는 단축키 ] 모든 알파벳과 숫자키 (abc...xyz,01..89 ) Ctrl, Alt, Shift 를 이용한 단축키 키보드에 있는 특수문자 기능키... Tab, Space, Enter, Backspace, Scroll_lock, Caps_lock, Num_lock, Pause Insert, Home, Delete, End, Page_up, Page_down Left, Up, Right, Down F1 ~ F12 [ 단축키로 팝업창을 열려면 ] shortcut.addon.php 소스에서 go_URL("/zbxe/child_board); 부분을 window.open(\"$addon_info->href1\"); 으로 바꾸면 새창으로 뜹니다. 팝업창으로 띄울려면 동일 부분을... window.open(\"$addon_info->href1\",'popup_zbxe','width=480,height=600,scrollbars=yes,left=50,top=50'); 형식으로 바꾸시면 됩니다. 하지만 자바스크립트로 새창이나 팝업을 띄우면 기본적으로 팝업 차단 되서 별로 권하고 싶지는 않네요. zbxe_shortcut.zip (15.0KB)(104) xe_board_s.zip (8.7KB)(59)
Lavalic Lite 음악 재생기 v0.2 플레이어 하단부의 배너 부분 변경으로 인하여 전체적인 크기가 변경되었습니다. 기존 사용자분들 중, v0.1에서 작성해놓은 iPodNano스킨이 0.2에서 깨지게 나올 경우, 해당 플레이어가 있는 글을 수정하시러 들어가시고, LavalicLite 컴포넌트를 더블클릭하여 수정창을 여신 후 아무것도 변경하지 않으신 채 다시 저장을 누르시면, 크기가 갱신되는걸 보실 수 있습니다. :-) 배경으로 앨범아트가 깔립니다. 앨범아트가 없을 경우, 흰 배경이 깔립니다. 가사 기능이 추가되었습니다. 가사를 보기 위해선, 위 음악 제목 부분을 클릭하시면 됩니다. 음량 조절 기능이 추가되었습니다. 음량 조절을 위해선, 아래 재생 바 오른편에 있는 아이콘을 클릭하시면 됩니다. ** 더 많은 스킨은 여기(http://vhain.springnote.com/pages/1871284) 에서 보실 수 있습니다. ** 시간이 많이 부족하군요.. v0.1 부터 0.2까지 너무 긴 시간이 흐른것 같습니다..ㅜ 기다리시게 한 점, 죄숭하구요 ㅋ.. 0.2버전을 공개합니다.. 아직 갈길이 멉니다. 댓글로 여러 고칠 점 등 남겨주시면, 빠르게 적용하도록 하겠습니다..! 마음같아선 미리 체험해볼 수 있는 곳을 마련해드리고 싶으나... 저에게 그러한 여건(서버가없능ㅜ)이 되지 않는 관계로..ㅜ 아래의 설명서를 보시어 대신해주시면 감사하겠습니다.. 꾸벅ㅜ ** 댓글 많이 부탁드립니다..! 댓글을 보면 힘이나더라구요..ㅎ.. 개발노트로 가기(http://vhain.springnote.com/pages/1506966) 개발노트에서는 개발 기록, 다국어 번역, 스킨 소개, 저작권 등을 보실 수 있습니다. * 내려받기 lavalic_lite_0.2_zbxe.zip lavalic_lite_0.2_zbxe.tar.gz * 설명서 ('보기' 를 클릭하시면 보실 수 있습니다.) [설명서는 0.1 버전 기준으로 작성되었습니다. 0.2버전과의 설치상의 차이는 하나도 없습니다. 곧 0.2버전 기준으로도 만들도록 하겠습니다..] 1. 업로드 방법 보기 닫기 2. 설치 방법 보기 닫기 3. 글 작성 방법 보기 닫기 4. Lavalic Simple 스킨 미리보기 보기 닫기 5. iPod Nano 스킨 미리보기 보기 닫기 6. 재생목록 수정하기 (선택 재생, 섞기) 보기 닫기

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
충청 충주 중앙탑 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 팔공산이 중국에 온 이유는 뭘까? file 팔공산 2009.03.21 11,390
2,552 8 사랑비Bgm 플레이기 설치하고 제어하기 file 팔공산 2008.11.22 15,162
2,551 8 가입후첨글쓰네요 file 포지션 2008.11.20 8,065
2,550 8 게시판운영을 회원제로 변환합니다.(트래픽오버로 인해서) file 팔공산 2008.09.25 7,805
2,549 8 아래 "플래시 이미지 출력 슬라이드" 독립위젯 버전 file 팔공산 2009.02.07 39,691

 

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