MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
1.0x
페이지위에 떠 있는 보드위젯입니다. 내려받은 notice.rar의 압축을 푸시고 widgets폴더 통째로 zbxe가 설치된 서버에 ftp로 올려주신후 최근문서위젯을 선택후 떠있는 보드스킨 을 선택하시고 설정을 마치시고 저장을 하시면 됩니다. 중요한 내용을 화면위에 띄울 수 있으니 사용하기에 따라 활용도가 있을 것 같군요. (익스에서만 X종료 버턴이 작동을 합니다. 파폭에서는 보이긴 하는데 종료가 안 되는 군요) 아래에 있는 것 같이 떠다니게 할려고 해보니 스크립트가 작동을 안하네요. 실력의 한계를 절감 OTL /zbxe/widgets/newest_document/skins/notice 안에 있는 list.html 를 편집기로 열어보면 <!-- 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 --> <!--%import("js/normal.js")--> <div id="Notice" style="position:absolute;left:440px;top:220px;filter:revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5);z-index:5;"> // 떠있는 위치 좌표,(왼쪽에서 140 위에서 220이란 뜻) <table border="0" cellpadding="0" cellspacing="0" > <table border="0" cellpadding="0" cellspacing="0" > <tr> <td colspan="3"><img src="./images/_notice_title1_left.gif"><img src="./images/_notice_title1_center.gif"><a href="javascript:void(Hide(Notice))" onMouseOver="window.status=(':: 공지사항 판때기 닫기!! ::');return true;" onMouseOut="window.status=('');return true;"><img src="./images/_notice_title1_right.gif"></a></td></tr> <tr> <td width="300" rowspan="3" bgcolor="white"> <table align="center" width="300"> <tr bgcolor="#E3E3E3"> <td colspan="2" style="border-width:1; border-color:#416B93; border-style:double;"> // 보드 테두리색 <table border="0" cellpadding="3" align="center" width="100%" cellspacing="1" style="cursor:default"> <tr bgcolor="#416B93"> // 보드 바탕색
ZbXE메뉴를 누르면 떠다니는 공지사항 보드 보입니다. 위 그림의 공지사항보드 만드는 방법 파일출력(fileadd) ver 0.1 열기 홈페이지 파일을 출력하게하는 위젯입니다. PHP코드가 작동하는 방식과 그냥 읽어서 출력하는 방식이 있습니다. js같은 파일은 그냥 읽어서 출력하는것이 좋을듯 합니다. 간단한 기능을 일일이 위젯이나 애드온을 만들지 않고 쓸 수 있습니다. 이 기능을 사용하여 페이지위에 공지사항보드를 추가 하는 파일입니다. 내려 받은 notice.zip파일을 압축해제 후 적당한 위치에 올립니다.(예;/notice 루트에 notice란 폴더로..) 공지사항을 띄울 페이지수정에 들어가 파일출력위젯을 눌러 파일경로란에 /notice/notice.htm 를 적고 저장을 눌러주면 됩니다. (중요 : /와 이름을 정확하게 적어주어야 합니다. 틀리면 홈페이지 안 열림) 공지사항 내용은 notice.htm을 편집기로 열어 보시면 아실 것입니다. <script language="JavaScript"> var x =0 var y=0 drag = 0 move = 0 window.document.onmousemove = mouseMove window.document.onmousedown = mouseDown window.document.onmouseup = mouseUp window.document.ondragstart = mouseStop function mouseUp() { move = 0 } function mouseDown() { if (drag) { clickleft = window.event.x - parseInt(dranoticebj.style.left) clicktop = window.event.y - parseInt(dranoticebj.style.top) dranoticebj.style.zIndex += 1 move = 1 } } function mouseMove() { if (move) { dranoticebj.style.left = window.event.x - clickleft dranoticebj.style.top = window.event.y - clicktop } } function mouseStop() { window.event.returnValue = false } function Show(divid) { divid.filters.blendTrans.apply(); divid.style.visibility = "visible"; divid.filters.blendTrans.play(); } function Hide(divid) { divid.filters.blendTrans.apply(); divid.style.visibility = "hidden"; divid.filters.blendTrans.play(); } //--> </SCRIPT> <body> <!--공지창소스 시작 --> <div id="Notice" style="position:absolute;left:222px;top:200px;filter:revealTrans // 이 부분이 위치정보(transition=23,duration=0.5) blendTrans(duration=0.5);z-index:5;; width: 300px" onmouseover="dranoticebj=Notice; drag=1;move=0" onmouseout="drag=0"> <table border="0" cellpadding="0" cellspacing="0" width="300"> <tr> <td colspan="3"><img src="../notice/_notice_title1_left.gif" width="10" height="19" border="0" style="cursor:move"><img src="../notice/_notice_title1_center.gif" width="273" height="19" style="cursor:move"><a href="javascript:void(Hide(Notice))" onMouseOver="window.status=(':: 공지사항 닫기!! ::');return true;" onMouseOut="window.status=('');return true;"><img src="../notice/_notice_title1_right.gif" width="17" height="19" border="0"></a></td></tr> <tr> <td rowspan="3" background="../notice/_notice_title3.gif"><img src="_space.gif" width="5" height="2"></td><td width="290" rowspan="3" bgcolor="white"> <table align="center" width="290"> <tr bgcolor="#000000"> <td colspan="2"> <table border="0" cellpadding="3" align="center" width="100%" cellspacing="1" style="cursor:default"> <tr bgcolor="#416B93"> <td colspan="2"> <div align="center"><font color="white"> <b>:: 공지사항 ::</b></font></div> </td></tr> <tr bgcolor="#E3E3E3"> <td colspan="2" align="center"> 공지사항 입니다..<br> 마우스로 잡아 끌면 움직이고 <br> X를 누르면 사라집니다. <br> 한가지.. 공지창의 위치를 잡는것이 <br> IE전용 스타일시트라서 <br> 파폭에선 제대로 작동되지 않습니다. <br> <br> </font></td> </tr> <tr bgcolor="#416B93"> <td colspan="2"> <div align="right"><font color="#FFFFFF" style="font-size:9pt">:: http://moonhouse.co.kr :: </A></font></div></td></tr> </table></td></tr> </table></td><td rowspan="3" background="../notice/_notice_title4.gif"><img src="_space.gif" width="5" height="2"></td></tr> <tr> </tr> <tr> </tr> <tr> <td colspan="3"><img src="../notice/_notice_title2.gif" width="300" height="5"></td></tr> </table></div> <!-- 공지창소스 끝 --> </body> 위치 정보는 말 그대로 좌에서 위치 상단에서 위치를 나타냅니다. img src="../notice/_notice_title1_left.gif 이미지삽입 부분들이 꽤 있는데 보드의 이미지파일들입니다. 귀찮아도 일일이 경로를 적어주셔야 보드가 예쁘게 나옵니다. 그리고 내용적는 곳
[업데이트] 깃허브다운 에서 내려받은 emoticon2.zip 의 압축을 풀어서 /modules/editor/components/emoticon2 업로드 하면 됩니다. 2,800개 정도의 이모티콘들 입니다. 이것 저것 다 끌어모아논 이모티콘 590여개 입니다. 받은 파일을 /zbxe/modules/editor/components/emoticon/tpl/images 안에 푸시면 됩니다. * simulz님의 종류별 모음+탭 메뉴 (#7, 20070909)에 적용한 emoticons.zip도 올립니다. 설치 해보기 첨부된 파일을 아래 폴더(새 폴더)에 압축을 풀면 됩니다. /zbxe/modules/editor/components/emoticons 업데이트 #2. 네이버 이모티콘을 포함 하였습니다. #3-0. 기본 이모티콘을 변경하지 않기 위해 새로운 컴포넌트로 만들었습니다. 폴더명에 주의하세요. (서버에 업로드 후, 위지윅 에디터 관리자에서 이모티콘 모음을 활성화 해주세요) #3-1. 파일 핸들러를 사용하여 소스 간략화 #3-2. 이모티콘을 여러개 입력할 수 있도록 자동으로 창을 닫는 옵션을 껐습니다. #4. 탭 메뉴로 이모티콘 폴더를 선택할 수 있도록 하였습니다. #5. IE에서 첫번째 메뉴 이미지 표시를 빠르게 하였습니다. #6. XE 0.1.3 이모티콘을 개량하여 탭메뉴로 출력됩니다. emoticons.class.php 파일에서 $use_tabmenu 변수로 탭 메뉴 사용 여부를 선택할 수 있습니다. ($use_tabmenu = 0; 으로 하게 되면 XE 기본 이모티콘 컴포넌트로 변경됩니다.) #7. 소스, 배열 구조 변경, 1차 폴더만 탭메뉴 생성 후 나머지는 1차에 병합 (소스 정리 필요...;;;) ※ 작동 테스트를 요청합니다. 문제 발생하는 분은 댓글 남겨주세요. (또는 소스에 대해 자문을 구합니다) 이모티콘을 더 추가하려면 emoticons/tpl/images 폴더에 새로운 이모티콘 폴더를 만든 후 이모티콘 이미지 파일을 업로드 합니다. emoticons.class.php 파일에서 자동으로 디렉토리와 파일을 읽어들입니다. ※ 탭 메뉴 사용시, 다단계 하위 폴더는 처리하지 않으므로 images 아래 1단계 폴더만 사용해주세요..
profile
팔공산
Oct 29 2009
설치 1. 압축파일을 풀면 아래 이미지와 같이 두개의 폴더가 존재합니다. ( layouts, widgets ) 폴더채로 XE가 설치된 호스팅에 업로드합니다. 2. moonhouse_V3가 레이아웃스킨이며, paper_login_mh는 서브영역에 기본으로 나타나는 로그인위젯입니다. 관리자페이지에서 "문하우스 레이아웃 V3"를 선택해서 레이아웃생성을 해 주시면 됩니다. 참고로 기존 레이아웃 설정을 유지하시면서 스킨만 바꾸실려면 레이아웃폴더안의 내용물들만 덮어 씌우시면 됩니다. 즉 기존의 레이아웃이 moonhouse_v2 였다면 moonhouse-V3안의 내용물들을 moonhouse_v2폴더안에 덮어 씌우기 하시면 됩니다. 특징 1. 한개의 레이아웃의 설정 변경만으로 다양한 형태의 레이아웃을 구현할 수 있습니다. 2. 3가지의 칼라스킨을 지원합니다 - 블루, 그린, 실버 - 기본로그인 스킨도 3가지 칼라지원 3. 본문형태와 본문+서브메뉴형태로 지정가능합니다. 4. 상단 2차메뉴의 유무를 선택가능 합니다. 5. 레이아웃의 화면배치를 좌측, 중앙으로 지정이 가능합니다. 6. 서브메뉴의 위치를 좌측, 우측으로 변경이 가능합니다. 7. xe_official_v2 레이아웃( XE사이트 기본 레이아웃스킨)에 적용된 상단로그인, 정보, 언어선택, 사이트맵등을 사용하였으며, 표시 유무의 지정이 가능합니다. 8. 그리고 전버전에 포함되어 있던 기타 여러 편리한 설정들이 그대로 구현됩니다. 설정화면 스킨칼라 블루샘플 그린샘플 실버샘플 로그인 및 회원정보부분

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
충청 충주 중앙탑 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 3 댄스이모티콘모음 file 팔공산 2008.05.07 7,486
2,552 3 메인메뉴의 1차메뉴를 따라 다니는 2차메뉴 만들기 팔공산 2008.05.01 10,089
2,551 3 Div라운드 적용된 MH카멜레온인기문서출력(7월20일수정) file 팔공산 2008.04.28 31,887
2,550 3 ( align="absmiddle" ) 이미지와 글자 높낮이가 다를때 관해서 file 팔공산 2008.04.27 13,198
2,549 3 호스팅데이타 (사용량/전체) 표시는 어케하는거죠? 열강하마 2008.04.07 6,379

 

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