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 - 웹진스킨 - LightBox
Xpressengine of Moonhouse　>

지금까지 나온 MH스킨들 종합해서 올립니다. file
[MH위젯들의 특징] 이미지와 텍스트 그리고 카멜레온으로 스킨이 보통 나누어져 있습니다. 1. 이미지스킨은 말그대로 이미지로 테두리를 감사고 있어서 모양이 예쁩니다. 그러나 단점으로 홈페이지의 트래픽을 많이 발생시키고 과도한 사용시 화면의 로딩이 느립니다. 총9개의 스킨으로 만들어져 있으며 흰색바탕에 맞게끔 제작되어져 있습니다.. 그러나 그린과 실버를 제외하고는 다른 바탕색상에서도 적용됩니다.그리고 설정에서 바탕색을 지정할 수도 있습니다. 2. 텍스트스킨은 테두리가 이미지가 아닌 Div소스로 만들어져 있습니다. 이미지만큼 예쁘지는 않지만 그런대로 예쁘게 꾸밀 수 있습니다. Div라운드 처리를 설정할 수도 있습니다. 설정에서 바탕색상을 지정할 수 있으며, 디폴드로 설정시 투명하게 처리됩니다. 테두리선의 종류와 두께를 고를 수 있습니다. 6개의 기본칼라를 설정할 수 있으므로 아래에 설명할 카멜레온보다 간편하게 사용할 수 있습니다. 3. 카멜레온스킨은 말그대로 카멜레온처럼 변할 수 있는 스킨입니다. 위의 텍스트스킨에서 설명한 모든 것이 가능합니다. 테두리의 선과 제목글자등을 자신이 선택하여 지정할 수 있습니다. 보드안에 들어가는 거의 전부의 설정들을(타이틀,제목,내용,썸네일,라운드,작성자,날짜,아이콘기타 등등)추가하고 뺄수 있습니다. 그러므로 이 스킨 하나만 있으면 수백가지의 스킨도 조합해 낼 수가 있습니다. 단점이라면 설정할 것이 너무 많아서 좀 난해할 수도 있습니다만, 디폴트로 선택하셔도 상관없이 작동됩니다. 이 게시판에 있는 위젯들이 최신위젯들입니다. 전에 받았던 위젯들보다 버그가 줄어들고 설정들이 최신입니다. 설치방법은 각 위젯들 옆에 전에 위젯들 설명사이트를 링크해 놓았으니 참고바랍니다. [팝업위젯 UP] (5월4일) 팝업의 표시유무를 선택할 수 있습니다. mh_popup.rar [카멜레온스킨들 UP] (4월23일) 타이틀바탕색이 라인색으로 지정되어 있어서 따로 분리했습니다. mh_widgets_up_01.rar [카멜레온스킨들 UP] (4월21일) 스킨들을 검정배경에 설치를 해보니 제목글씨들이 묻혀 버리는 경우가 있어서, 제목글도 색상을 지정할 수 있게 UP했습니다. mh_widgets_up.zip 을 받아서 압축을 풀면 widgets방안에 5개의 카멜레온 위젯들이 보입니다. 설치하신 위젯들 별로 선택하셔서 업하시면 됩니다. 혹시 전체를 설치하신 분이 있으시면 widgets방 자체를 업하시면 됩니다. 카멜레온스킨이 아닌 다른 스킨에 이 소스 추가를 원하시면 아래의 링크에 추가하는 방법을 설명해 놓았으니 참고해서 연구해 보세요. 공부하세~~~ https://moonhouse.co.kr/zbxe/154824 1. MH_Multi (MH멀티위젯) mh_multi.zip https://moonhouse.co.kr/zbxe/153046 원래 기본은 최신글위젯을 기본으로해서 제작되었으며 후에 썸네일이 추가됨. 스킨 : 이미지, 텍스트, 카멜레온, 전광판 4개로 구성 장점 : 이 스킨 하나면 왠만한 게시판보드를 만들 수 있습니다. 2. MH_Comment (MH댓글위젯) mh_c_comment.zip mh_comment.zip https://moonhouse.co.kr/zbxe/153624(카멜레온) https://moonhouse.co.kr/zbxe/151832(일반) 2개의 위젯으로 구성되어져 있음. 위젯의 특성상 많이 사용되지 않음으로 분리 스킨 : 카멜레온 단독과 일반위젯 - 이미지,텍스트, 테디베어 3개로 구성 3. MH_Images (MH이미지위젯) mh_c_images.zip https://moonhouse.co.kr/zbxe/154455 스킨 : 카멜레온, 이미지스킨 2개로 구성 4. MH_Webzin (MH웹진형위젯) mh_c_webzin.zip https://moonhouse.co.kr/zbxe/154341 스킨 : 카멜레온, 이미지스킨 2개로 구성 5. MH_Popup (MH팝업위젯) mh_popup.zip https://moonhouse.co.kr/zbxe/143844 스킨 : 카멜레온, 노말스킨 2개로 구성 게시판보드를 팝업으로 띄우는 위젯입니다. 공지사항이나 특정게시판을 화면의 상단에 띄울때 유용합니다. 24시간 팝업창 띄우지 않기 지원합니다, 화면의 TOP과 LEFT를 지정할 수 있습니다. 카멜레온 스킨의 경우 팝업창의 넓이를 사용자가 지정할 수 있습니다. 팝업창의 특수성으로 인해 라운드는 지원하지를 않습니다. 이 위젯을 설치하면 페이지상에서는 처음에는 설치가 안 된것 처럼 보입니다. 그러나 이미지처럼 아래선이 약간 두꺼운 듯이 보입니다. 이 부분을 마우스로 드래그하면 이미지와 같이 팝업 모습도 보이고 위젯설정 버턴들도 보입니다. 참조하세요. 이상으로 총5개의 위젯을 설명드렸습니다. 다른 위젯들도 있지만 이 정도의 세트면 홈피를 꾸미시는데 지장은 없을거라 생각이듭니다. 사용하시다가 버그나 추가사항이 있으시면 저의 홈페이지에 글 남겨 주시면 힘 닫는데 까지 해결해 보겠습니다.
Board 나의 RM Category 위젯 2008.04.20 팔공산 R 31950 C 2
Div라운드 적용된 MH카멜레온이미지 file
기존의 MH이미지에 라운드포함된 카멜레온스킨을 추가 했습니다. 테두리칼라, 폰트칼라, 바탕색등을 직접 지정 할 수 있으므로 다양한 칼라로의 변신이 가능합니다. 위의 좌측이미지가 이미지형이고 우측이 카멜레론형으로 모든 속성을 적용한 모양압니다. 아래의 이미지가 카멜레온형으로모든 속성을 빼고 썸네일만 있는 모습입니다. [설치방법] 내려받은 파일의 압축을 풀어서 widgets폴더안애 mh_c_images폴더를 업로드합니다. 위젯설치에서 "MH 이미지 스킨 ver 1.0"을 선택하시고 이미지나 카멜레온중 선택하시고 카멜레온을 선택하셨으면 해당칼라와 속성들을 선택하시면 됩니다. 선택이미지는 아래에 있는 웹진형과 거의 동일합니다.
Board 나의 RM Category 위젯 2008.04.18 팔공산 R 7179
Div라운드 적용된 MH카멜레온웹진형 file
MH멀티스킨으로는 이미지를 가로로 배열 할 수가 없어서 기존의 MH웹진형에 라운드포함된 카멜레온스킨을 추가 했습니다. 테두리칼라, 폰트칼라, 바탕색등을 직접 지정 할 수 있으므로 다양한 칼라로의 변신이 가능합니다. 위의 이미지가 이미지형 웹진형이고 아래의 이미지가 카멜레온웹진형으로서, 기재된 항목들의 칼라를 선택하실 수 있습니다. [설치방법] 내려받은 파일의 압축을 풀어서 widgets폴더안애 mh_c_webzin폴더를 업로드합니다. 위젯설치에서 "MH 웹진 스킨 ver 1.0"을 선택하시고 이미지나 카멜레온중 선택하시고 카멜레온을 선택하셨으면 해당칼라와 속성들을 선택하시면 됩니다.
Board 나의 RM Category 위젯 2008.04.17 팔공산 R 7289

My Xe - FirstThumb 스킨
Xe of Moonhouse　>

profile
팔공산
Mar 09 2010
문하우스 게시판스킨 V2.2 file
[V 2.2 추가내용] 1. 메뉴위치정보를 상단우측에 나타낼 수 있습니다.(유/무) 2. 댓글과 댓글창을 접고 펼 수 있습니다.(유/무) 3. 이미지파일의 정보표시를 숨길 수 있습니다.(유/무) 4. 본문 상단/하단에 기본글을 출력할 수 있습니다. 5. 문서 작성시 제목/내용에 기본값을 입력할 수 있습니다. 6. 게시판 제목/부제목/상세설명의 글색상을 설정할 수 있습니다. [특징] 1. 게시판스킨중 xe_board스킨을 기본으로 해서 게시판제목과 상세설명부분을 이미지로 처리했습니다. (은색, 검정색, 연분홍색, 초록색, 하늘색, 빨간색 총6개의 스킨) 2. 스킨관리에서 -- 분류표시, 댓글출력, 비밀글로만 작성, 갤러리게시판선택시 제목표시, 겔러리게시판선택시 목록 섞기, 첨부이미지 자동 본문삽입, 첨부파일의 출력 기능들을 선택할 수 있게 하였습니다. 3. 설정표시 상단 부분에 글쓰기, 수정, 목록 아이콘을 배치했습니다. [설치] 1. 압축을 풀어서 ./modules/board/skins/moonhouse_board에 업로드합니다. 2. 게시판스킨을 "문하우스 게시판 스킨"으로 선택합니다. 3. 스킨관리에서 설정을 합니다.
profile
팔공산
Mar 04 2010
서브메뉴 3,4차 메뉴 슬라이딩으로 나타내기 file
서브메뉴의 3,4차 메뉴가 2차메뉴 마우스on시 아래로 슬라이딩되게 하는 Tip입니다. http://www.xpressengine.com/?mid=download&package_srl=18731734 위 링크 친절뺀질이님의 레이아웃소스에서 JQuery 예제부분을 참조했습니다. https://moonhouse.co.kr/zbxe/266116 의 문하우스레이아웃스킨을 예제로 설명드립니다. 1. jquery-latest.js 파일을 ./layouts/moonhouse/js/폴더에 업로드합니다. 2. ./layouts/moonhouse/layout.html를 수정합니다. <!--%import("js/jquery-latest.js")--> 추가 트리메뉴부분 소스를 아래와 같이 수정합니다. <!-- 트리메뉴 --> <!--@if($layout_info->Lm == 'Y')--> <!-- sub_menu 2차 시작 --> <!--@if($menu_1st)--> <div id="lnb_t" class="iePngFix" /> <h1>{$menu_1st['link']}</h1> </div> <ol id="lnb" class="secondMenu" > {@ $idx = 1 } <!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['link'])--> <!--@if($val['selected'])--> {@ $menu_2nd = $val } <!--@end--> <li class="<!--@if($val['selected'])-->on<!--@end--> list{$idx}"> <a <!--@if($val['href'])--> href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end--><!--@end-->> <img src="./images/{$layout_info->colorset}/bullet14.gif" align="absmiddle"> {$val['link']}</a> <!-- main_menu 3차 시작 --> <!--@if($val['list'] && ($val['expand']=='Y'||$val['selected']) )--> <ul> <!--@foreach($val['list'] as $k => $v)--><!--@if($v['link'])--> <!--@if($v['selected'])--> {@ $menu_3th = $v } <!--@end--> <li <!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->> <img src="./images/submenu_bul1.png" align="absmiddle"> {$v['link']}</a> <!-- main_menu 4차 시작 --> <!--@if($v['list'] && ($v['expand']=='Y'||$v['selected']) )--> <ul> <!--@foreach($v['list'] as $k => $v4)--><!--@if($v4['link'])--> <!--@if($v['selected'])--> {@ $menu_4th = $v4 } <!--@end--> <li <!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v4['href']}" <!--@if($v4['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->> <img src="./images/submenu_bul1.png" align="absmiddle"> {$v4['link']}</a></li> <!--@end--><!--@end--> </ul> <!--@end--> </li> <!--@end--><!--@end--> </ul> <!--@end--> </li> <script type="text/javascript"> $(document).ready(function() { $("ol.secondMenu li.list{$idx}").hover(function() { $("ol.secondMenu li ul").addClass("off"); $("ol.secondMenu li.list{$idx} ul").removeClass("off"); $("ol.secondMenu li.list{$idx} ul").slideDown('fast').show(); $("ol.secondMenu li ul.off").slideUp('slow'); }) }); </script> {@$idx++} <!--@endif--><!--@endforeach--> </ol> <div id="lnb_b" class="iePngFix" /> </div> <!--@end--> <!--@end--> 3. 해당칼라의 css파일을 수정합니다.(예:blue.css) ./layouts/moonhouse/css/blue.css에서 아래 해당줄을 찾아서 display:block;을 display:none;으로 수정하면 됩니다. #lnb li ul { position:relative; overflow:hidden; width:200px; display:none; }

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
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 Free 3 예스창업입니다
　┖ 누구신지??? 저는 잘 모르겠는데요... 팔공산
　┖ 인천에서 사업하는가요? 전화번호를 메모를 안해나서.. xe 메인 동영상 무료견적신청..... 연가
　┖ 님이 찾으시는 분이 제가 아닌 것 같은데요. 팔공산
예스창업 2010.08.31 6,194
2,560 RM 팁 3 회원가입폼 내멋대로 내맘대로 하기 file
　┖ 수정한 파일 올려봅니다. 나중에 XE core업데이트 후를 위해서^.^ 팔공산
　┖ 좋은 정보 감사합니다. 굿총
　┖ 정말 좋은정보 감사 또감사합니다. 프로필 이미지, 주소, 핸드폰번호 인증, 3가지를 추... 호왕
팔공산 2010.08.05 11,495
2,559 QNA 3 북마크 게시판에서... file
　┖ aljoy님 반갑습니다. 버그리포팅 해 주셔서 감사합니다. _style.bookmark.html 파일 덮... 팔공산
　┖ 네..감사합니다. alljoy
　┖ 포인트 팡팡!에 당첨되셨습니다. alljoy님은 100포인트를 보너스로 받으셨습니다. 관리자
alljoy 2010.08.04 6,906
2,558 QNA 3 동영상대표이미지관련 file
　┖ 먼저 게시판에 동영상을 올리는데 님과 같이 나모로 작업해서 올리는 방법은 잘 사용하... 팔공산
　┖ 앗 감사합니다. 그러네요.. 괜히 어렵게만 했네요... ^^ 빠이란
　┖ 포인트 팡팡!에 당첨되셨습니다. 빠이란님은 50포인트를 보너스로 받으셨습니다. 관리자
빠이란 2010.07.16 7,083
2,557 QNA 3 레이아웃 질문 이랍니다 ^^ file
　┖ rahee님 반갑습니다. 님이 이미지로 보여주신 레이아웃 보고 잠시 놀랐습니다. 님이 사... 팔공산
　┖ 답변 감사 드립니다 ^^ 참으로 이상한 일이 있더라구요 제가 노트북으로 작업을 하는데... rahee
　┖ 웹브라우즈에 따라서 다르게 보입니다. 익스6,7 에서는 어긋나 보이고 익스8이나 파폭... 팔공산
rahee 2010.04.19 6,874

 

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