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　>

게시판확장변수를 이미지로 나타내게 게시판스킨 수정법 file
XE 팁공유게시판에 있는 확장변수 이용 답변완료 이미지 띄우기 간단 팁 을 적용해 보니 확장변수가 1개 이상일때는 표현이 되지를 않는군요. 그리고 이 팁만 적용시킨 게시판스킨을 따로 만들어야 하는 불편함이 있습니다. 그래서 제가 필요도 하고 해서 확장변수가 1개 이상일때도 출력도 되고 게시판설정에서 해당 사항을 설정할수 있게끔 만들어서 따로 게시판스킨을 만들지 않아도 되는 방법을 설명합니다 문하우스 게시판 다음버전에는 기본으로 추가할 예정입니다. A. ./modules/board/skins/moonhouse_board/ 1. skin.xml 파일에 추가 <var name="" type="color"> <title xml:lang="ko">★확장변수 이미지출력</title> <description xml:lang="ko">아래부터의 선택은 확장변수 이미지출력 선택시만 적용됩니다.</description> </var> <var name="extra_val_mid" type="text"> <title xml:lang="ko"> ┖ 확장변수 mid</title> <description xml:lang="ko">이미지로 출력하고 싶은 확장변수의 mid를 적어주세요.</description> </var> <var name="extra_val_name" type="text"> <title xml:lang="ko"> ┖ 입력항목 이름</title> <description xml:lang="ko">이미지로 출력하고 싶은 입력항목1의 이름을 적어주세요.</description> </var> <var name="default_name" type="text"> <title xml:lang="ko"> ┖ 기본값 이름</title> <description xml:lang="ko">이미지로 출력하고 싶은 기본값 이름을 적어주세요.</description> </var> <var name="extra_val_image1" type="text"> <title xml:lang="ko"> ┖ 확정 이미지</title> <description xml:lang="ko">확정이미지의 경로를 적어주세요.(https://moonhouse.co.kr/img/ok.png)</description> </var> <var name="extra_val_image2" type="text"> <title xml:lang="ko"> ┖ 대기 이미지</title> <description xml:lang="ko">대기이미지의 경로를 적어주세요.(https://moonhouse.co.kr/img/wait.png)</description> </var> 2. write_form.html 수정 [수정전] <!--@foreach($extra_keys as $key => $val)--> <tr> <th scope="row">{$val->name} <!--@if($val->is_required=='Y')-->*<!--@end--></th> <td>{$val->getFormHTML()}</td> </tr> <!--@endforeach--> [수정후] <!--@foreach($extra_keys as $key => $val)--> <!--@if($val->name!=$module_info->extra_val_name || $grant->manager)--> <tr> <th scope="row">{$val->name} <!--@if($val->is_required=='Y')-->*<!--@end--></th> <td>{$val->getFormHTML()}</td> </tr> <!--@endif--> <!--@else--> <tr> <th scope="row">{$val->name} <!--@if($val->is_required=='Y')-->*<!--@end--></th> <td>{$val->getFormHTML()}</td> </tr> <!--@endforeach--> 3. style.list.html 수정 [수정전] <!--// 사용자 선언 확장변수일 경우 --> <!--@else--> <td>{$document->getExtraValueHTML($val->idx)} </td> <!--@end--> <!--@end--> [수정후] <!--// 사용자 선언 확장변수일 경우 --> <!--@else--> <!--@if(($mid ==$module_info->extra_val_mid) && ($val->name ==$module_info->extra_val_name)) --> <!--@if( ($mid ==$module_info->extra_val_mid) && ($document->getExtraValue(1) ==$module_info->default_name) || ($document->getCommentCount()) )--> <td><center><img src="{$module_info->extra_val_image1}" class="iePngFix" /></center></td> <!--@else--> <td><center><img src="{$module_info->extra_val_image2}" class="iePngFix" /></center></td> <!--@end--> <!--@else--> <td>{$document->getExtraValueHTML($val->idx)} </td> <!--@end--> <!--@end--> <!--@end--> B. 확장변수작성 위의 이미지에서 "입력항목 이름" 과 "기본 값"이 중요합니다. 여기서는 "신청상태" "신청완료"( !기억) "신청상태"외 "신청완료일"도 추가했습니다. 이상과 같이 확장변수를 추가한 다음 아래 " 스킨관리설정"에 갑니다. C. 스킨관리설정 1. 확장변수 mid -- 게시판의 모듈(mid)을 기재합니다. 2. 입력항목이름 -- 위에서 !기억 하라고 한 입력항목이름 신청상태를 기재합니다. 3. 기본값이름 -- 기본 값 신청완료를 기재합니다. 4. 확정/대기이미지 -- 회원이 상담신청 했을때 나타나는 대기이미지와 관리자가 수정을 해서 신청완료를 선택하던지 댓글을 달면 확정이미지가 출력됩니다. p.s 이미지경로는 필히 전체경로로 작성해 주세요. ( http://도메인/이미지경로/이미지.png ) ../ 이나 ./ 사용시 약간의 문제를 일으킵니다. 빈칸으로 두면 기본이미지로 츨력됩니다. D. 게시판 위의 이미지가 적용된 게시판입니다. 여기서 중요한 것 회원이 글을 작성할때는 "신청상태" 확장변수 부분은 출력이 되지를 않습니다. 그리고 글을 작성하고 나면 신청대기의 이미지가 게시판에 자동으로 출력됩니다. 그 후 관리자가 해당 작성글에 댓글을 달아주거나, 수정을 눌러서 신청상태를 선택하면 게시판에 자동으로 신청완료이미지가 출력됩니다. 그러니까 관리자가 해당글에 댓글을 달거나 수정중 한가지를 선택하면 신청완료가 된다는 이야기입니다. 또한 댓글을 달 수 있는 권한을 관리자에게만 주어야 합니다. 만약 댓글적용시 완료이미지 출력을 해제할려면 style.list.html수정에서 || ($document->getCommentCount()) 을 삭제하시면 됩니다. img.psd -- 포토샾 이미지 파일 첨부합니다 샘플사이트 구경
Board 나의 RM Category Tip 2010.03.10 팔공산 R 1293
문하우스 게시판스킨 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. 스킨관리에서 설정을 합니다.
Board 나의 RM Category Tip 2010.03.09 팔공산 R 715 C 1
서브메뉴 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; }
Board 나의 RM Category Tip 2010.03.04 팔공산 R 1122

My Xe - FirstThumb 스킨
Xe of Moonhouse　>

profile
팔공산
Aug 17 2018
템플릿 컴포넌트 Gallery기능 MH 템플릿 file
MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 썸네일 이미지에 마우스 Hover시 확대된 이미지가 아래에 출력되는 형태입니다. Simply beautiful. Simply beautiful. Simply beautiful. Simply beautiful. <a class="thumbnail" href="#thumb"><img src="/files/attach/images/177/077/451/82ba6e5a989eaa96f0c1332dde217f53.jpg" width="100px" /><span><img src="/files/attach/images/177/077/451/82ba6e5a989eaa96f0c1332dde217f53.jpg" /><br />Simply beautiful.</span></a> 빨간색 부분에 첨부된 이미지 경로 적어주시면 되고, 파란색부분에 제목 적어주시면 됩니다.
profile
팔공산
Aug 06 2018
템플릿 컴포넌트 Slide기능 MH 템플릿 file
MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 제목 그대로 이미지 슬라이딩기능을 가진 템플릿입니다. 이미지의 크기는 제 사이트에 맞추어져 있습니다. 가로 690px 세로 430px로 만들어 올리시던지 아님 소스보기에서 크기 수정하시면 됩니다. <a href="#"><img src="/modules/editor/components/ap_template/templates/mh-slide/img/1.jpg" width='690'height='430' /></a> 이미지 파일추가한 경로로 수정하시면 됩니다. <a href="#"><img height="480" src="/files/attach/images/177/600/449/b364f26672ded878b539ebf29087bfa1.jpg" width="640" /></a> 그리고 width / height 부분 찾아서 수정하시면 되고, 이미지 클릭시 바로가기를 원하시면 <a href="#">부분 수정하시고, 이미지 추가는 위의 코드 추가해서 붙여 주면 됩니다.
❤️5

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
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,551 QNA 4 이 질문이 여기서 맞는지모르겠네요. file
　┖ 빠이란님 홈피에 접속해 보니 해결하셨네요. 팔공산
　┖ 앗 다른 컴에서 보니 그부분은 자동으로 언어팩에 따라 적용이 되는듯하네요.. 윽.. 괜... 빠이란
　┖ 앗 그런데 문제가 하나가 생겼습니다. 똑같이. smaker 의 ad0.3.7을 설치하고 전광판위... 빠이란
　┖ 파이란님 죄송하게도 님이 사용하시는 전광판위젯이나 배너위젯들을 제가 사용해 보지... 팔공산
빠이란 2010.06.20 9,451
2,550 QNA 4 주문형 게시판 문의드릴게요... file
　┖ 포토파파님 반갑습니다. 사용하시던 주문형게시판은 xe 1.1.4 버전이후 부터는 확장변... 팔공산
　┖ 팔공산님 감사합니다.. 링크걸어주신 게시판으로 잘 설치를 했습니다.. 초보자가 덕분... 포토파파
　┖ 본문 내용글안의 이미지로 보아서는 예전의 확장변수 부분들이 XE버전 업 이후에도 정... 팔공산
　┖ 댓글 감사드리구요.. 많은 노력이 필요할것 같습니다.. 일단 게시판을 쓸수 있게 되어 ... 포토파파
포토파파 2010.05.18 6,961
2,549 QNA 4 댓글 작성한 글쓴이의 닉네임이 보이지 않습니다.
　┖ 두꺼비님 반갑습니다. 익스6에서 댓글의 닉네임이 보이지 않는다고 하셨는데, 소스상 ... 팔공산
　┖ 닉네임이 안보인다고 하는 회원들을 조사해보았더니 모두 익스6 버전 사용 중입니다. ... 두꺼비
　┖ 두꺼비님의 글을 보고 익스6에서 확인해 본 결과 그런 증상이 나타나는군요. 닉네임뿐... 팔공산
　┖ 감사합니다. 다른 게시판으로 바꾸어야 하나 엄청 고민 중이었습니다.....감사감사.. 두꺼비
두꺼비 2010.05.11 5,640
2,548 QNA 4 가입하자 질문좀 살작요
　┖ 개똥시인님 반갑습니다. 님의 글만으로는 어떤 사항인지 알 수가 없네요. 좀 더 자세하... 팔공산
　┖ 비밀글입니다. 개똥시인
　┖ 관리자페이지 - setting에서 시작모듈을 설정해 주셔야 됩니다. 팔공산
　┖ 감사합니다. 즐겁고 활기찬 한주되시길 바랍니다.꾸벅 원근재
개똥시인 2010.04.30 3,928
2,547 QNA 4 mh_simple 문의 사항 file
　┖ gogoong님 반갑습니다. 아직도 이 스킨을 사용하시는 분이 계시는군요. 먼저 1,2번 상... 팔공산
　┖ 친절한 답변 너무나 감사드립니다. 파일 수정을 css에서 한다는걸 이제야 알았네요. 다... gogoong
　┖ 님이 원하시는 2번의 문제는 css를 손보아서 되는 기능이 아닙니다. 원래 xe가 만들어... 팔공산
　┖ 팔공산님 정말 진심으로 감사드립니다. 어찌 보답을 해드리지 못해 이렇게 감사의 말이... gogoong
gogoong 2010.04.18 3,798

 

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