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
지금 보고 계시는 글의 우측에 보이는 퀵메뉴를 구현하는 방법입니다. 일단 소마세월님의 "졸졸이 스토커"위젯를 설치를 해야 하는데 이 위젯을 약간 수정을 해야합니다. ./widgets/alway_stalker/skins/default/stalker.html [수정전] <DIV id='alwayStalker_{$widget_info->seq}' style='position:absolute;z-index:99;'> <!-- 이곳을 수정하시면 됩니다. --> <!--@ if($widget_info->addon_textarea)--> {$widget_info->addon_textarea} <!--@else --> <a href="#"><img src="./images/top.gif" /></a><br /> <a onclick="pageScroll();" style="cursor:pointer">하단</a> <!--@end--> <!-- 여기까지 --> </div> [수정후] <div id='alwayStalker_{$widget_info->seq}' style='position:absolute;z-index:99;'> <!--@ if($widget_info->addon_textarea)--> {$widget_info->addon_textarea} <!--@else --> <div id="side_t"><a href="#"><img src="./images/blank.gif" align="absmiddle" width="95px" height="28px" class="iePngFix" /></a></div> <ol id="side"> <!--@foreach($side_menu->list as $key => $val)--><!--@if($val['link'])--> <li <!--@if($val['selected'])-->class="on"<!--@end-->> <a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a> </li> <!--@endif--><!--@endforeach--> </ol> <div id="side_b" onclick="pageScroll();" style="cursor:pointer"></div> <!--@end--> </div> 그래서 따로 "MH졸졸이스토커"위젯을 만들었습니다. mh_alway_stalker.zip ./widgets/mh_alway_stalker 에 위젯을 설치를 합니다. 이제는 레이아웃스킨에 입히는 과정입니다. ./layouts/xe_official/conf/info.xml 에 해당 부분을 삽입합니다. [졸졸이 스토커를 레이아웃에 풀력할지를 결정] <var name="side_alway_stalker" type="select"> <title xml:lang="ko">졸졸이스토커</title> <description xml:lang="ko">사이드 졸졸이스토커의 출력을 결정하세요.("MH졸졸이스토커위젯"이 기본으로 설치되어 있어야 합니다)</description> <options value="Y"> <title xml:lang="ko">출력</title> </options> <options value="N"> <title xml:lang="ko">출력안함</title> </options> </var> [졸졸이스토커에 출력되는 메뉴구성 출력] <menu name="side_menu" maxdepth="1"> <title xml:lang="ko">사이드 메뉴 </title> </menu> ./layouts/xe_official/layout.html 에 위젯코드를 추가합니다. <!--사이드 졸졸이위젯--> <!--@if($layout_info->side_alway_stalker == 'Y')--> <img class="zbxe_widget_output" widget="mh_alway_stalker" skin="default" addon_position="2" addon_width="985" addon_left="985" addon_top="138" addon_top_gap="138" addon_textarea="" /> <!--@end--> ./layouts/xe_official/css/default.css 에 코드를 추가합니다. /* 사이드바 메뉴 */ #side_t { margin-top:0px; width:95px; height:28px; background:url(../images/side_top.png) no-repeat; } #side { width:95px; background:url(../images/side_middle.png) repeat-y; } #side li { padding:10px 10px 10px 0px; list-style:none; background:url(../images/side_line.png) no-repeat bottom; } #side li a { margin-left:10px; font:1.1em Tahoma; color:#8F8F8F; text-decoration:none; } #side li a:hover, #side li a:focus { font-weight:normal !important; color:#CC9900 !important;} #side li.on a { color:#ff6600; } #side_b { width:95px; height:12px; background:url(../images/side_under.png) no-repeat; } ./layouts/xe_official/images 폴더안에 해당 이미지를 업로드합니다. images.zip p.s 사이드메뉴 생성시 이미지로 만드시면 위의 이미지에서 제일 아래칸 같이 이미지메뉴로 출력됩니다.
Board 나의 RM Category Tip 2010.02.12 팔공산 R 1039
위젯에 확장변수 불러오기 file
위젯에 확장변수를 출력하는 팁입니다. "MH통합게시판"안에 보면 적용되어 있지만 다른 위젯에도 활용할 수 있으므로 별도로 적어봅니다. 1. ./widgets/newest_document/newest_document.class.php 안에 추가합니다. // 확장 변수 출력 if($args->extra_var_num) { $oDocument->extra_value = $oDocument->getExtraValue($args->extra_var_num); $oDocument->extra_var_num = $args->extra_var_num; } 2. ./widgets/newest_document/conf/info.xml 안에 추가합니다. <var id="extra_var_num"> <name>확장값 번호</name> <type>select</type> <description>선택한 번호의 확장 변수 값을 보여줍니다.</description> <options><name>사용 안함</name><value></value></options> <options><name>1</name><value>1</value></options> <options><name>2</name><value>2</value></options> <options><name>3</name><value>3</value></options> <options><name>4</name><value>4</value></options> <options><name>5</name><value>5</value></options> <options><name>6</name><value>6</value></options> <options><name>7</name><value>7</value></options> <options><name>8</name><value>8</value></options> <options><name>9</name><value>9</value></options> <options><name>10</name><value>10</value></options> <options><name>11</name><value>11</value></options> <options><name>12</name><value>12</value></options> <options><name>13</name><value>13</value></options> <options><name>14</name><value>14</value></options> <options><name>15</name><value>15</value></options> <options><name>16</name><value>16</value></options> <options><name>17</name><value>17</value></options> <options><name>18</name><value>18</value></options> <options><name>19</name><value>19</value></options> <options><name>20</name><value>20</value></options> </var> 3. ./widgets/newest_document/skins/xe_official/list.html 안에 확장변수를 두고 싶은 곳에 추가합니다. <!--@if($oDocument->extra_value)--> <a href="{getUrl(','mid',$oDocument->mid,'search_target','extra_vars'.$oDocument->extra_var_num,'search_keyword',$oDocument->extra_value)}" class="extra_value" title="확장변수" />- {$oDocument->extra_value}</a> <!--@end-->
Board 나의 RM Category Tip 2010.02.11 팔공산 R 658
게시판 댓글박스 토글기능추가 file
문하우스 게시판의 댓글부분과 댓글입력부분에 토글기능(접고/펴기)을 적용하는 방법입니다. 1. ./modules/board/skins/moonhouse_board/view_document.html 198줄 부터 마지막까지 수정 <!--// 댓글 펼쳐 보일지 지정 --> <!--@if($module_info->display_comment_box == 'N')--> {@ $__display_comment = 'active'} <!--@else--> <!--@end--> <!--// 댓글 --> <!--@if($grant->write_comment && $oDocument->allowComment()) --> <div class="replyCount"> <a href="#" onclick="jQuery('#commentLayout').toggleClass('active'); return false;" class="button {$btn_class}"> <span>{$lang->comment} [{$oDocument->getCommentcount()}]</span> </a> </div> <!--@end--> <a name="comment"></a> <div id="commentLayout" class="commentToggleLayout {$__display_comment}"> <!--#include("./comment.html")--> <!-- 댓글 입력 폼 --> <!--@if($grant->write_comment && $oDocument->isEnableComment() )--> <form action="./" method="post" onsubmit="return procFilter(this, insert_comment)" class="boardEditor" > <input type="hidden" name="mid" value="{$mid}" /> <input type="hidden" name="document_srl" value="{$oDocument->document_srl}" /> <input type="hidden" name="comment_srl" value="" /> <input type="hidden" name="content" value="" /> <div class="boardWrite commentEditor"> <div class="userNameAndPw"> <!--@if(!$is_logged)--> <label for="userName">{$lang->writer}</label> <input type="text" name="nick_name" value="" class="userName inputTypeText" id="userName"/> <label for="userPw">{$lang->password}</label> <input type="password" name="password" value="" id="userPw" class="userPw inputTypeText" /> <label for="emailAddress">{$lang->email_address}</label> <input type="text" name="email_address" value="" id="emailAddress" class="emailAddress inputTypeText"/> <label for="homePage">{$lang->homepage}</label> <input type="text" name="homepage" value="" id="homePage" class="homePage inputTypeText"/> <!--@else--> <input type="checkbox" name="notify_message" value="Y" id="notify_message" /> <label for="notify_message">{$lang->notify}</label> <!--@end--> <secret=="Y'>!--@if($module_info->secret=="Y")--> <input type="checkbox" name="is_secret" value="Y" id="is_secret" /> <label for="is_secret">{$lang->secret}</label> <!--@end--> </div> <div class="editor">{$oDocument->getCommentEditor()}</div> </div> <div class="commentButton tRight"> <span class="button {$btn_class}"><input type="submit" value="{$lang->cmd_comment_registration}" accesskey="s" /></span> </div> </form> <!--@end--> </div> 2. ./modules/board/skins/moonhouse_board/skin.xml 에 추가 <var name="display_comment_box" type="select" default="Y"> <title xml:lang="ko">코멘트박스 접기</title> <options value="Y"> <title xml:lang="ko">펴기</title> </options> <options value="N"> <title xml:lang="ko">접기</title> </options> <description xml:lang="ko">코멘트박스가 자동으로 펼쳐 보일지 지정할 수 있습니다.</description> </var> 3. ./modules/board/skins/moonhouse_board/css/common.css 에 추가 .replyCount { margin-right:10px; background:url(../images/common/iconReply.gif) no-repeat left; padding-left:16px; } .commentToggleLayout{ text-align:left;display:block; position:relative;} .commentToggleLayout.active{ display:none;}
Board 나의 RM Category Tip 2010.02.08 팔공산 R 3276

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
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,553 QNA 4 mh_simple 문의 사항 file
　┖ gogoong님 반갑습니다. 아직도 이 스킨을 사용하시는 분이 계시는군요. 먼저 1,2번 상... 팔공산
　┖ 친절한 답변 너무나 감사드립니다. 파일 수정을 css에서 한다는걸 이제야 알았네요. 다... gogoong
　┖ 님이 원하시는 2번의 문제는 css를 손보아서 되는 기능이 아닙니다. 원래 xe가 만들어... 팔공산
　┖ 팔공산님 정말 진심으로 감사드립니다. 어찌 보답을 해드리지 못해 이렇게 감사의 말이... gogoong
gogoong 2010.04.18 3,798
2,552 QNA 4 문하우스 스킨 문의입니다.
　┖ 르노님 반갑습니다. 문하우스 게시판스킨을 말씀하시는 모양이군요. 지금 제가 사용중... 팔공산
　┖ 현재 게시판 EX에 문하우스 게시판스킨을 사용하고 있는데요, 게시판관리 - 추가설정 -... 르노
　┖ 문하우스 게시판스킨 V2.2 올렸습니다.(회원자료실이라 준회원이상이라야 합니다) 원하... 팔공산
　┖ 감사합니다.^^ 르노
르노 2010.03.08 6,457
2,551 QNA 4 팔공산님 다시 한번 질문드립니다 file
　┖ 앞에 나오는 화살표아이콘을 없애는 일은 간단한데요. 이미지와 텍스트를 구별해서 처... 팔공산
　┖ 쪽지드렸습니다. 스트라이
　┖ 수정하였습니다. 마음에 드시는지^.^ 팔공산
　┖ layout.html 안에 빨간색부분 아래와 같이 수정하면 됩니다. <div class="wrp"> <!--@i... 팔공산
스트라이퍼 2010.03.08 10,133
2,550 나의 RM 4 MH통합게시판위젯 V2.0 file
　┖ XE Core 1.4.5업데이트후 MH통합게시판(mh_multi_com)위젯에서 mh_multi_com.class.php... 팔공산
　┖ 감사합니다.^^ k0209200
　┖ 수고하십니다.xe 1.5 에서는 안되는건가요? 코드생성 버튼 클릭해도 변화가 없네요 hapi10
　┖ 1.5 이상에서는 작동하지 않습니다. 팔공산
팔공산 2010.02.21 46,157
2,549 QNA 4 가로 2차 메뉴 서브 위치 문제
　┖ anne님 반갑습니다. 가로2차 메뉴의 경우 초기 버전에서는 1차메뉴를 따라다니지를 않... 팔공산
　┖ 네 반갑습니다. 그리고 감사합니다 ^-^ 가로메뉴 2차의 경우 이미지를 등록시켜도 반영... anne
　┖ 가로2차 메뉴에 이미지를 등록가능하게 할려면 해당 레이아웃스킨의 layout.html에서 {... 팔공산
　┖ 너무 감사합니다 ^-^ anne
anne 2010.02.04 9,965

 

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