MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
1.0x
http://www.xpressengine.com/19106285 이 곳에 올라와 있는 레이아웃소스중에 Quick Menu부분이 있어서 따로 분리해서 Tip으로 남겨둡니다. jquery.js 파일을 다운받아서 적용을 원하는 레이아웃의 js폴더에 업로드합니다. 이미지를 다운 받아서 레이아웃의 images폴더에 업로드합니다. 1. info.xml 파일안에 아래의 코드를 붇여서 수정합니다. [설정부분] <var name="quick_menu_use" type="select"> <title xml:lang="ko">퀵메뉴표시</title> <description xml:lang="ko">퀵메뉴 표시여부를 선택해주세요.</description> <options value="Y"> <title xml:lang="ko">퀵메뉴 사용</title> </options> <options value="N"> <title xml:lang="ko">퀵메뉴 사용하지 않음</title> </options> </var> [메뉴부분] <menu name="quick_menu" maxdepth="1"> <title xml:lang="ko">퀵 메뉴 </title> </menu> 2. layout.html 파일안에 아래의 코드를 적당한 위치에 붙여 수정합니다. <!-- Quick 메뉴 --> <!--@if($layout_info->quick_menu_use=="Y")--> <!--%import("js/jquery.js")--> <script type="text/javascript"> $(document).ready(function () { $("ul.favoritList li:even").addClass("alt"); $('img.favoritTitle').click(function () { $('ul.favoritList').slideToggle('medium'); }); $('ul.favoritList li a').mouseover(function () { $(this).animate({ fontSize: "10px", paddingLeft: "10px" }, 50 ); }); $('ul.favoritList li a').mouseout(function () { $(this).animate({ fontSize: "10px", paddingLeft: "10px" }, 50 ); }); }); </script> <div id="favorit"> <img src="images/favorit.gif" alt="QuickMenu" border="0" width="180px" height="33px" class="favoritTitle" /> <ul class="favoritList"> {@$idx = 1 } <!--@foreach($quick_menu->list as $key => $val)--> <!--@if($val['text'])--> <!--@if($val['selected'])--> {@ $menu_1st = $val } <!--@end--> <li ><a <!--@if($val['selected'])-->class="current"<!--@end--> href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a></li> <!--@end--> {@$idx++} <!--@end--> </ul> </div> <!--@end--> 3. 해당 css파일안에 아래의 코드를 붙여 수정합니다. #favorit{position:absolute; top:60px; left:10px; width:180px; height:35px; z-index:8; } #favorit .favoritTitle{ } #favorit .favoritList {width:178px; float:right; z-index:9; *zoom:1; border-right:1px solid #e2e2e2;border-bottom:1px solid #e2e2e2;border-left:1px solid #e2e2e2; display:none; } #favorit .favoritList li{background:#f2f2f2; border-bottom:1px solid #fff; list-style:none; } #favorit .favoritList li a{color:#afafaf; text-decoration:none; padding:5px; padding-left:30px; display:block; font-size:10px;} #favorit .favoritList li.alt{background:#fff;} #favorit .favoritList li a:hover{padding:5px; color:#fff; background:#007aef;} top:60px; left:10px; 이부분을 적당히 수정해서 위치를 잡으시면 됩니다. display:none; 이 부분을 제거하면 처음부터 펼쳐보이고 그대로 두면 접은 상태로 출력됩니다. 마우스로 Quick Menu부분을 클릭하면 아래로 메뉴가 출력됩니다.
게시판에서 확장변수를 설정해서 사용을 많이 합니다. 그런데 해당 확장변수의 내용이 관리자에게는 출력되고 다른사람에게는 안 보이게 할 필요성이 있을 경우가 있습니다. (없어면 말고^.^) [글작성한 회원이 본 화면] [관리자가 본 화면] 위의 이미지들처럼 관리자에게만 특별하게 보이는 확장변수를 만들어서 게시판관리를 하게 합니다. 1. ./modules/board/skins/해당게시판/skin.xml에 추가합니다. <group> <title xml:lang="ko">선택한 확장변수 본문출력 Hidden</title> <var name="extra_mid" type="text"> <title xml:lang="ko">Hidden 확장변수 mid</title> <description xml:lang="ko">본문 확장변수 출력에서 Hidden을 원하는 mid(게시판명)를 적어주세요.</description> </var> <var name="extra_name1" type="text"> <title xml:lang="ko"> ┖ Hidden 확장변수 입력항목이름1</title> <description xml:lang="ko">Hidden을 원하는 확장변수의 입력항목1의 이름을 적어주세요.</description> </var> <var name="extra_name2" type="text"> <title xml:lang="ko"> ┖ Hidden 확장변수 입력항목이름2</title> <description xml:lang="ko">Hidden을 원하는 확장변수의 입력항목2의 이름을 적어주세요. * 관리자는 항상 보입니다. </description> </var> </group> 2. ./modules/board/skins/해당게시판/view_document.html를 편집합니다. [수정전] <!--@foreach($oDocument->getExtraVars() as $key => $val)--> <tr> <th>{$val->name} :</th> <td>{$val->getValueHTML()}</td> </tr> <!--@end--> [수정후] <!--@foreach($oDocument->getExtraVars() as $key => $val)--> <!--@if($val->value && ($mid !==$module_info->extra_mid || ($val->name!=$module_info->extra_name1 && $val->name!=$module_info->extra_name2 || $grant->manager)))--> <tr> <th>{$val->name}</th> <td>{$val->getValueHTML()}</td> </tr> <!--@else--> <!--@end--> <!--@end--> 설명을 하자면 지정한 mid(게시판면)에 선택한 확장변수의 입력항목이름 부분을 Hidden시키는 것입니다. [게시판 스킨관리에서 설정화면]
[문하우스 게시판스킨 특징] 1. 게시판스킨중 xe_board스킨을 기본으로 해서 게시판제목과 상세설명부분을 6개의 칼라이미지로 처리했습니다. (은색, 검정색, 연분홍색, 초록색, 하늘색, 빨간색 총6개의 스킨) 2. 스킨관리에서 분류표시, 댓글출력, 비밀글로만 작성, 갤러리게시판선택시 제목표시, 겔러리게시판선택시 목록 섞기, 첨부이미지 자동 본문삽입, 첨부파일의 출력 기능들을 선택할 수 있게 하였습니다. [V 2.3.1 수정내용] V2.3으로 업데이트를 하신 후 기존게시판이 문제를 일으키신 분은 V2.3.1전체를 업데이트하시던지 아님 header.html view_document.html 두 파일을 덮어 씌우시면 됩니다. [V 2.3 추가내용] 1. V2.2를 회원님의 요구에 의해서 급하게 올려서 기능 보완해서며 불편했던 부분이나 오류들을 수정했습니다. 2. 상단정보 부분(목록/수정/삭제/쓰기) 아이콘의 출력유무 - V2.2에서 위치변경했습니다. 3. 본문작성부분에서 에디터기 출력유무 4. 확장변수를 이용하여 상담게시판 생성시 리스트출력부분 이미지로 출력하기 5. 다른 모듈부분을 수정을 해야 하나 "이전/다음버턴"출력, "게시판별기본포인트"출력유무 6. Tag입력부분 출력유무 [V 2.2 추가내용] 1. 메뉴현재위치정보를 상단우측에 나타낼 수 있습니다.(유/무) 2. 댓글과 댓글창을 접고 펼 수 있습니다.(유/무) 3. 이미지파일의 하단 정보표시를 숨길 수 있습니다.(유/무) 4. 본문 상단/하단에 기본글을 출력할 수 있습니다. 5. 문서 작성시 제목/내용에 기본값을 입력할 수 있습니다. 6. 게시판 제목/부제목/상세설명의 글색상을 설정할 수 있습니다. # 확장변수 이용하여 상담게시판출력시 이미지로 나타내기 Tip -- 바로가기 # 이전/다음 버턴 출력 모듈 수정방법 Tip -- 바로가기 # 게시판별 기본포인트 출력 모듈 수정방법 -- 바로가기 수정1 : 감로수님이 일본어언어파일을 만들어 주셔서 일본어파일과 영어파일(대충) 합쳐서 올립니다. 감사합니다. mh_board_add.zip 수정2 : 북마크기능을 개인적으로 웹진형의 리스트 추천칸에 바로가기를 적용해서 사용하던 것을 그대로 배포를 했네요. style.webzine.html 덮어 씌우시면 정상적으로 됩니다.
profile
팔공산
Aug 22 2018
MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 용비어천가 Next image Previous image Enlarge Close 불휘 기픈 남간 바라매 아니 뮐쌔 곶 됴코 여름 하나니 새미 기픈 므른 가마래 아니 그츨쌔 내히 이러 바라래 가나니 목판본. 10권 5책. 1445년(세종 27) 4월에 편찬되어 1447년(세종 29) 5월에 간행된, 조선왕조의 창업을 송영(頌詠)한 노래이다. 모두 125장에 달하는 서사시로서, 한글로 엮은 책으로는 한국 최초의 것이다. 왕명에 따라 당시 새로이 제정된 훈민정음을 처음으로 사용하여 정인지(鄭麟趾)·안지(安止)·권제(權踶) 등이 짓고, 성삼문(成三問)·박팽년(朴彭年)·이개(李塏) 등이 주석(註釋)하였으며, 정인지가 서문(序文)을 쓰고 최항(崔恒)이 발문(跋文)을 썼다. 내용은 조선 건국의 유래가 유구함과 조상들의 성덕을 찬송하고, 태조(太祖)의 창업이 천명에 따른 것임을 밝힌 다음 후세의 왕들에게 경계하여 자손의 보수(保守)와 영창(永昌)을 비는 뜻으로 이루어져 있다. 매장(每章) 2행에 매행(每行) 4구로 되어 있으나, 1장이 3구이고 125장이 9구로 된 것만은 예외이다. 3장에서 109장까지는 대개 첫 절에 중국·역대 제왕의 위적(偉蹟)을 칭송하였고, 다음 절에 목조(穆祖)·익조(翼祖)·도조(度祖)·환조(桓祖)·태조(太祖)·태종(太宗) 등 6대 임금의 사적(事蹟)을 읊고 있다. 110장에서 124장까지는 물망장(勿忘章)이라 하여 “닛디 마ㆄ쇼셔”로 끝마친다. 이 《용비어천가》의 형식은 《월인천강지곡(月印千江之曲)》과 함께 쌍벽을 이루는 것으로, 원문 다음에 한역시(漢譯詩)와 언해(諺解)를 달았다. 또 이 노래의 1·2·3·4·125장 등 5장에는 곡을 지어서 《치화평(致和平)》 《취풍형(醉豊亨)》 《봉래의(鳳來儀)》 《여민락(與民樂)》 등의 악보를 만들고 조정의 연례악(宴體樂)으로 사용하였다. 《세종실록(世宗實錄)》 권14 〈악보(樂譜)〉에 한글 가사 전문과 그 악보가 실려 전한다. 이 작품은 전통적인 시의 형식을 무시하고 충분한 표현과 운율을 얻지 못하여 시가(詩歌)로서의 완벽에는 미흡한 점이 없지 않으나, 한글로 기록된 최고(最古)의 문헌으로서 15세기의 언어와 문학 연구에 중요한 사료(史料)가 되고 있다. 뿐만 아니라 주석(註釋) 중의 여진(女眞)·왜(倭) 등에 관한 기록은 역사 연구에도 귀중한 자료를 제공하고 있다. 1612년(광해군 4), 1659년(효종 10), 1765년(영조 41)에 각각 나온 중간본(重刊本)이 있으나, 초간본은 그 전질(全帙)이 전해지지 않는다. 현재의 영인본(影印本)은 광해군 연간의 재간본(再刊本)을 대본으로 하여 1938년 경성제국대학에서 찍어낸 것이며, 1948년에 김성칠(金聖七)이 이를 다시 발췌·영인하였고, 1956년 허웅(許雄)의 주해본 및 1968년 김형규(金亨奎)의 《고가요주해(古歌謠註解)》 등도 있다. 현재 전10권 중 계명대학교 소장본 권8~10의 3권은 보물 제1463-1호로, 서울역사박물관 소장본 권3~4의 2권은 보물 제1463-2호로, 서울대 규장각 한국학연구원 소장본 권1~2권은 보물 제1463-3호로, 고려대 중앙도서관 소장본 권 1~2, 7~8권은 보물 제1463-4호로 지정되어있다. [네이버 지식백과] 용비어천가 [龍飛御天歌] (두산백과) Next image Previous image Enlarge Close Popeye템플릿은 문서의 상단 우측에 이미지를 썸네일로 보이게 하고, Enlarge버턴 클릭시 원본 이미지가 출력됩니다. 소스보기에서 아래의 파란색 부분을 첨부이미지 경로로 수정해 주시면 됩니다. <a href="/modules/editor/components/ap_template/templates/mh-popeye/img/1.jpg"><img src="/modules/editor/components/ap_template/templates/mh-popeye/img/1.jpg" alt="" /></a> <a href="/files/attach/images/177/600/449/b364f26672ded878b539ebf29087bfa1.jpg"><img src="/files/attach/images/177/600/449/b364f26672ded878b539ebf29087bfa1.jpg" alt="" /></a>

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
충청 충주 중앙탑 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 4 메인페이지 Wing 사용 관련 문의 드립니다. 독도사랑 2017.04.23 1,226
2,552 4 상단 메인메뉴에 관하여.. 바나바울 2011.04.25 15,015
2,551 4 Content 이미지 슬라이더 팔공산 2010.12.13 7,470
2,550 4 답글시 프로파일 이미지 삭제 할려면 어떻게 해요? file 이하늘 2010.11.08 10,648
2,549 4 레이아웃에 플래쉬 가 덮어씌워져있는것으로 보이는데요.. file 마홈 2010.09.08 12,745

 

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