MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
1.0x

My Xe - FirstThumb 스킨
Xe of Moonhouse　>

profile
팔공산
Mar 30 2008
MH최신글멀티위젯 V1.3(4월5일수정) file
[수정 V1.3] mh_multi_v1.3.zip 1. 코드생성에서 거의 모든 설정을 표시유무 처리 가능합니다. 기본설정 포함해서 타이틀표시, 썸네일표시, 제목글표시, 내용글표시, 코멘트카운트, 아이콘표시등을 표시유무 처리 하실 수 있으며, mh_newdoc_noimg스킨사용시 상단의 타이틀과 하단의 문구를 "표시하지 않음" 으로 사용할시 텍스트와 같이 칸도 같이 사라집니다. 그리고 하단 문구와 하이퍼링크를 설정에서 삽입할 수 있습니다. 위의 설정표시를 모두 "표시하지 않음"으로 설정하면 빈페이지 나옵니다.^.^ 2. mh_newdoc스킨도 내용글을 표시유무 처리 가능합니다. [수정 V1.2] 1. mh_newdoc_noimg사용시 가로폭 free하게 사용가능. 2. mh_newdoc_noimg사용시 이미지없을시 썸네일에 노이미지 생성-세로폭고정가능 3. mh_newdoc_noimg사용시 우측목록란 위로정렬되고, 아래에 도트 가로선 추가 4. mh_newdoc_noimg사용시 내용클릭시 본문으로 가기 추가 그외 잡다한 소스정리됨. [수정 V1.1] 1. mh_newdoc_noimg사용시 가로폭 350px이하 축소시 우측선이 없어지는 문제 수정. 2, mh_newdoc_noimg사용시 웹진형식으로 표현시 제목앞에 도트점이 어긋나던거 수정. 3. mh_newdoc_noimg사용시 스킨에 검정바탕용 추가. 전에 선보였던 MH최신글멀티 단독위젯을 기능을 추가해서 재배포합니다. 이번에 배포하는 버전은 mh_multi_v1.3.zip다운받아 압축을 풀어서 mh_multi폴더를 widgets방안에 올리시면 됩니다. 그럼 총3개의 스킨이 나옵니다. 1. 이미지를 테두리로 한 스킨- mh_newdoc의 색상11개(예전스킨) -- 예전 위젯을 설치 하신분은 덮어 씌우시면 정상작동합니다. 2. 이미지를 사용하지 않고 색상테두리만을 이용한 스킨 - mh_newdoc_noimg의 색상6개(블루,그린,오렌지,레드,화이트,블랙) -- 색상만을 이용했으므로 자기가 원하는 색상의 스킨을 쉽게 만들 수 있습니다. 바꾸는 방법은 아래에... 3. Zbxe기본스킨의 전광판위젯을 조금 개조한 스킨 - mh_news_ticker의 검정색배경에 5줄, 1줄로 올라가는 2종류 이상의 총 19가지의 스킨및 색상을 지원함니다. 그러나 안에 선택할 수 있는 옵션을 다양하게 넣어 놓았기 때문에 더욱 다양한 스킨을 만들 수 있지 않을까 생각합니다. 위의 이미지에서 상단에 보이는 5개의 이미지가 mh_newdoc_noimg의 스킨으로 만들었습니다. 보이는 것 처럼 웹진형으로 게시판형식으로 다양하게 변형하실 수 있습니다. 위의 이미지에서 보듯이 썸네일선택, 썸네일크기, 내용글, 글쓴이, 작성일, 조회수, 추천수, 목록수, 제목글자수, 내용글자수 이런 항목들을 넣고 뺄 수 있습니다. 여러 조합을 응용하시면 다양한 형태의 최근글이 만들어 질 수 있을 것 입니다. [색상 개조 방법] 1. /zbxe/widgets/mh_multi/skins/mh_newdoc_noimg/css를 편집기로 열면(예; blue.css) 1 .box_blue { background-color:#fff; border-width:1; border-color:#416B93; border-style:double; overflow:hidden; position:relative; } 2 .box_blue .box { background-color:#fff; } 3 .box_blue .box .box_top_title { background-color:#416B93; padding-bottom:2px; overflow:hidden; position:relative; } 4 .box_blue .box .box_top_title h2 { margin:0; display:block; height:20px; padding:7px 0 0 9px; font-size:1.2em; color:#fff;} 4 .box_blue .box .box_top_title .more { position:absolute; top:10px; right:10px; color:#ffffff; font:.8em Tahoma; } 6 .box_blue .box .box_top_title a.more { text-decoration:none;} 7 .box_blue .box .box_top_title a.more:hover { text-decoration:underline;} 8 .box_blue .box .title .thumb { margin:0px; padding:5px; } 9 .box_blue .box .title .board { height:20px; background:url(../images/blue/bullet.gif) no-repeat left 10px; padding-left:8px; overflow:hidden; list-style:none; } 10 .box_blue .box .title .board a { color:#3366FF; font:1em Tahoma; text-decoration:none; } 11 .box_blue .box .title .board .comment a { color:#f60; font:.8em Tahoma; } 12 .box_blue .box .title .board .regdate { color:#FF9900; font:.8em Tahoma; margin-right:5px;} 13 .box_blue .box .title .board .author { color:#9B9BFF; font:.9em seevaa9; } 14.box_blue .box .title .board .read { color:#FE6700; font-size:0.8em; } 15 .box_blue .box .title .board .voted { color:#FE6700; font-size:0.8em; } 16 .box_blue .box .title .board .summary { color:#808080; font:1em Tahoma; } 17 .box_blue .box .bottom { color:#fff; background-color:#416B93; padding:2px 5px 0 0; text-decoration:none; text-align:right;} 18 .box_blue .box .bottom a { color:#fff; text-decoration:none; } 19 .box_blue .box .bottom a:hover { color:#fff; text-decoration:none; font-weight:bold;} 1줄 border-width:1; border-color:#416B93; border-style:double; 이부분이 보드의 테두리 속성을 나타내는 부분입니다. 테두리굵기를 1; 색상은 청색; 테두리의 종류는 이중선; 이런 내용이죠 [테두리종류] solid (내부가 채워진 선 모양) ridge (선이 입체적으로 돌출됨) dotted (점선 모양으로 표시) dashed (끊어진 선 모양으로 표시) double (선을 두줄로 표시) inset (내부가 약간 들어간 듯하게 선을 표시) outset (바깥으로 돌출된 듯하게 선을 표시) groove (홈이 파진 듯하게 선을 표시) none (나타나지 않거나 혹은 기본적인 선 모양) hidden (모양을 숨김) 2줄 박스안 배경색입니다.(회색) 3~7줄 상단제목의 배경색과 글자색등등입니다. 9~16줄 제목, 내용, 글쓴이, 작성일기타 등등의 폰트크기및 색상을 지정하는 곳입니다. 17~19줄 밑바닥 색상및 문자의 색상을 지정하는 부분입니다. 지금은 저의 홈페이지가 새겨져있고 링크가 되어 있습니다. list.html에 가셔서 제일아래에 있는 <div class="bottom"><a href='http://moonhouse.co.kr'>:: MH Skin ::</a> 이 부분을 변경하시면 됩니다. [문제점] 제가 배포했던 게시판을 팝업으로 뛰우는 위젯 Mh_PopUp와 같이 사용하면 스킨이 틀어지는 증상이 있습니다. 아마 팝업위젯에 소스가 문제를 일으키는 것 같은데 다음에 시간나는데로 고쳐 보겠습니다.
profile
팔공산
Mar 28 2008
게시판을 팝업으로 뛰우는 위젯 Mh_PopUp V1.5.1 (4월13일수정) file
[수정 V1.5.1 - 4월13일] 색상을 기재하지 않을시 검정색으로 보기 싫은 것 같아서, 기본 색상을 적용했습니다. 기본색 적용 모습입니다. [수정 V1.5 - 4월7일] 1. MH최신글멀티위젯 V1.4.1(4월7일수정)에 사용된 카멜레온스킨을 팝업위젯에도 적용시켰습니다. 예전의 Normal모드와 카멜레온모드 2가지의 스킨으로 나누어 졌습니다. 2. 내용의 길이가 팝업의 가로폭 보다 작을때 우측배경이 잘못나오던 부분 해결. 3. 상단 이미지 추가유.무, 팝업창의 가로폭 조절등 설정이 더욱 자유로워 졌습니다. [수정 V1.4 - 4월4일] 1. 팝업창의 Top, Left위치를 설치화면에서 설정 가능하게 했습니다. 그러므로 위치를 달리한 두개이상의 팝업창도 띄울 수 잇습니다. but 약간의 문제를 일으킵니다. 테스트 해보시면 압니다. 2. "24시간 동안 보이지않기" 오작동 수정했습니다. [수정 V1.3] 1. 내용클릭시 본문으로 가기 추가. 2. 본문내용에 이미지 없을시 노이미지 썸네일 생성됨. 3. "24시간 팝업창 보이지않기"가 제대로 작동되지를 않아서 아래의 문구 변경. 그리고 잡다한 소스정리 [3월28일 수정] 1. 가로폭이 고정이 되질 않아서 최상단 이미지제거 했습니다. 2. 최대한 table을 줄이고 div로 변환했습니다.(소스가 좀 깔끔해 졌습니다.) [3월30일 V1.1수정] 1. 가로폭이 고정됩니다.(이미지 재사입) 2. MH멀티위젯과 같이 출력해도 테이블 정상 출력됩니다. 3. 썸네일 크기변환을 추가 했습니다. 4. 파폭에서도 팝업닫기가 됩니다.(블루게이트님 지원) [3월31일 V1.2수정] 1. 24시간 팝업창 보이지 않기 추가했습니다.(블루게이트님 http://www.bluegate.kr 이 작성해 줌) Zbxe초창기에 만들었던 팝업창을 이리저리 손을 보아 올립니다. 아직 미숙한 점이 많지만 고수님들이 보시고 더욱 좋게 만들어 주시면 좋겠네요. 먼저 다운받은 파일의 압축을 풀어서 mh_popup 폴더를/zbxe/widgets/ 안에 올립니다. 페이지수정에 가서 'Mh_PopUp 출력' 을 선택하면 아래와 같이 나옵니다. v1.1을 설치하신분은 파일의 압축을 풀어서 mh_popup 폴더를/zbxe/widgets/ 안에 덮어씌우시면 됩니다. 썸네일, 작성자, 작성일, 목록수, 조회수, 제목글자수, 내용글자수를 조절 하실 수 있습니다.(기본으로 하셔도 됩니다.) 설정을 하고나면 페이지수정에는 별 변화가 없을 것입니다. 그러나 한줄로 굵은선이 생긴 것이 위젯이 생성된 것입니다. 마우스로 아래로 드래그하면 화면이 보입니다.(되도록이면 폭을 가늘게 두세요) -- 저장을 누르면 화면에 팝업창이 뜹니다. [앞으로 수정해 나가야 할 길] 1. 팝업의 화면위 위치를 설정하는 방법 지금은/zbxe/widgets/mh_popup/skins/notice/css/normal.css를 편집기로 열어서 첫줄 .logo { position:absolute; left:250px; top:40px; 에서 left와 top을 바꾸어야 하는데 고수님들의 소스를 보고 응용해 봐도 잘 안되네요. 방법을 좀 가르쳐 주세요....^.^ V1.4적용 2. 하루동안 팝업창 띄우지 않기를 구현해 볼려고 했는데 생각보다 어렵네요. 이건 특정 게시판이나 파일을 띄우는 것이 아니라서 자바스크립트를 주기가 예매하네요. 저의 실력으로는 무리가 있네요. 고수님들에게 물어 봐야 겠네요. V1.3적용 p.s 특정게시판을 만들어서 거기에 팝업내용을 적고 이 위젯에 연결하시면 편리하게 팝업관리를 하실 수 있겠죠. 그럼 더욱 발전하는 Zbxe가 되기를 바라면서 허접한 위젯하나 올립니다.

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
Map 충청 충주 중앙탑 file 충주 중앙탑 팔공산 2024.03.20 113
Map 서울 서울 이순신장군 동상 file 서울 이순신장군 동상 팔공산 2024.03.20 102
Map 전라 쏠비치 진도 file 쏠비치 진도 팔공산 2024.03.20 123
Map 강원 정동진 모래시계공원 file 정동진 모래시계공원 팔공산 2024.03.20 95
Map 대구 종료 앞산공원 전망대 file 2025-04-30 앞산공원 전망대 팔공산 2023.03.29 129

댓글 많은순

No 게시판 제목 글쓴이 날짜 조회수
2,561 나의 RM 2 상단2차 메뉴 세로(슬라이딩)로 나타내기 2탄 file
　┖ 좋은 정보네요, 감사합니다~ 태림씨야
　┖ 완전 감사합니다... ID유화
팔공산 2010.01.12 1,096
2,560 나의 RM 2 좌측메뉴 4단으로 나타내기 file
　┖ 감사합니다, 쉽게 풀이 해 주셨습니다 *^^* 태림씨야
　┖ 위에 있는대로 처리한것 같은데 인터넷에서 사이트가 완전히 사라졌어요 어떻게 복구하... 사랑이야
팔공산 2009.12.10 631
2,559 나의 RM 2 moonhouse레이아웃 사이트맵 toggle(접기)기능으로 구현하기 file
　┖ 아주 좋은 기능인데요, 헌데 마우스로 자동으로 나오게 하는 방법이 있지 않을까요? 혹... 태림씨야
　┖ 마우스를 클릭하지 않고 마우스over시를 말씀하시는 것이라면 onclick 이 부분을 onmou... 팔공산
팔공산 2009.11.23 845
2,558 달집의 팁 2 엑셀 VBA 개인용 매크로 통합문서 저장 file
　┖ 중간 지점 설명이 조금 붕 떠서 애매하네요 ㅠㅠ매크로코드 삭제하고 붙여넣기를 어디... 응꼬야르
　┖ 임의로 만든 매크로안의 코드를 지우고 자주 사용할 매크로를 붙여 넣기 하라는 말인듯... 팔공산
팔공산 2016.07.12 7,994
2,557 달집공지 2 XE 자료실의 모든 자료들을 로그인 상관없이 무료 배표합니다. file
　┖ :) 감사합니다. 문탁이
　┖ {@sticker:538680|538681} 랩퍼투혼
팔공산 2020.12.18 676

 

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