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
리스트아래에 있는 SKY님과 BlueGATE님의 팁을 종합해서 그룹별, 포인트별, 레벨별로 위젯의 유.무를 나타나게 정리했습니다. 위젯을 만들때 참조하시라고 작성하는 글인 만큼 초보분들에게는 쉽지는 않을 것입니다. 먼저 바꾸어 보고자 하는 위젯(예; widgets/newest_document)의 1. newest_document.class.php를 불러와 아래의 소스를 추가해줍니다. //그룹지정 $widget_info->group = $args->group; if(!$widget_info->group) $widget_info->group = ''; // 포인트 $widget_info->point = (int)$args->point; if(!$widget_info->point) $widget_info->point = 0; // 레벨 $widget_info->level = (int)$args->level; if(!$widget_info->level) $widget_info->level = 0; // 노출 여부 체크 if($args->select_view!='Y') $widget_info->select_view = 'N'; else $widget_info->select_view = 'Y'; 2. widgets/newest_document/conf/info.xml파일을 불러와서 아래의 소스를 추가해줍니다. <var id="select_view"> <type>select</type> <name xml:lang="ko">선택별 표시</name> <description xml:lang="ko">그룹,포인트,레벨을 지정해서 위젯의 유무를 나타냅니다.</description> <options> <value>Y</value> <name xml:lang="ko">표시</name> </options> <options> <value>N</value> <name xml:lang="ko">표시하지 않음</name> </options> </var> <var id="group"> <type>text</type> <name xml:lang="ko">그룹지정</name> <description xml:lang="ko">지정한 그룹이면 위젯이 나타납니다.</description> </var> <var id="point"> <type>text</type> <name xml:lang="ko">포인트</name> <description xml:lang="ko">포인트를 지정해서 위젯의 유무를 나타냅니다. (기본은 누구나)</description> </var> <var id="level"> <type>text</type> <name xml:lang="ko">회원레벨</name> <description xml:lang="ko">회원레벨를 지정해서 위젯의 유무를 나타냅니다. (기본은 누구나)</description> </var> 3. widgets/newest_document/skins/xe_official/list.html파일을 불러와서 아래와 같이 배치합니다. <!--@if($widget_info->select_view == 'Y')--> <!--@ foreach($logged_info->group_list as $g)--> <!--@ if($g == $widget_info->group || $g == '관리그룹')--> {@ $oPointModel = &getModel('point'); $point = $oPointModel->getPoint($logged_info->member_srl); $oModuleModel = &getModel('module'); $config = $oModuleModel->getModuleConfig('point'); $level = $oPointModel->getLevel($point, $config->level_step); } <!--@if($point < $widget_info->point || $level < $widget_info->level)--><!--@else--> <div class="latest_{$colorset}"> - 내용생략 - </div> <!--@end--> <!--@end--> <!--@end--><!--@else--> <div class="latest_{$colorset}"> - 내용생략 - </div> <!--@end--> 칼라부분들이 추가된 부분입니다. 칼라별로 선택을 하시면 해당기능만 적용시킬 수 있으니 자신에게 맞게끔 응용하시며 됩니다. 특히 파란색부분인 선택적으로 유.무를 나타나게 할려고 하니 아무래도 내용부분이 두번 들어가서 소스가 무척 길어질 것입니다. 두껍게 선택된 부분들이 그룹,포인트,레벨을 지정하는 함수부분입니다. 위의 소스에서는 관리그룹은 항상 나타나게끔 적용되어져 있는데 필요없으시면 보라색부분 || $g == '관리그룹' 를 지우시면 됩니다. 아니면 다른 그룹을 적어주셔도 되고요. 샘플로 예전에 제가 만든 "최신글멀티카멜레온위젯"에 위의 팁을 적용한 것을 올립니다.mh_multi.zip
Board 나의 RM Category 위젯 2008.11.03 팔공산 R 6559
문하우스 게시판스킨 V1.4입니다. file
XpressEngine업그레이드시 modules/document/document.model.php파일이 수정되어져 있다면, 이전글/다음글 기능을 사용한 버전을 설치하신분은 게시판클릭이 되지 않습니다. document.model.php 파일을 받아서 zbxe/modules/document 폴더에 덮어 씌워야 게시판이 정상적으로 작동됩니다. XE업그레이드시 files폴더를 제외한 모든 폴드를 삭제하시고 업그레이드 하신분들은 modules.zip 파일의 압축을 풀어서 modules 폴더전체를 zbxe폴더안에 덮어 씌우셔야 이전글/다음글 기능이 정상작동합니다. XE업그레이드 하셔도 문제없이 작동되게 할려면 다음글/이전글 적용안된 버전으로 설치하세요. http://www.zeroboard.com/17404385 에 있는 문하우스 3종 칼라 레이아웃에 어울리게 게시판스킨을 만들어 보았습니다. 예전에 SInulz님의 게시판을 약간 변형 https://moonhouse.co.kr/zbxe/200227 해서 사용해오다가 요번에 레이아웃에 맞게끔 약간의 기능과 디자인을 변경했습니다. 약간의 설명을 하자면 1. 확장변수를 리스트에 나타낼 수 있습니다, 2. 이전글/다음글을 버턴으로 구현했습니다.(선택사항) 3. 자동으로 비밀글을 선택할 수 있습니다. 4. 게시판목록 제목 줄바꿈 하지 않습니다. 그리고 확장변수에 주소기능 추가하고 싶으신 분은 board_insert.html 파일을 /zbxe/modules/board/tpl/ 폴더안에 덮어 씌우시면 됩니다. 버턴이미지는 버튼체인지 ButtonChange ver 0.2 애드온을 사용하시면 알맞은 버턴으로 적용할 수 있으므로 따로 만들지 않았습니다. [설치방법] A. 다음글/이전글 적용안된 버전입니다. moonhouse_board.zip 파일의 압축을 풀어서 moonhouse_board 폴더체로 /zbxe/modules/board/skins/ 폴더안에 업로드 하시면 됩니다. 해당게시판 설정에서 스킨을 "문하우스 게시판 스킨"으로 선택하시고 스킨관리에서 컬러셋(하얀색, 청록색, 초록색)중 선택하시면 됩니다. 게시판상단에 보이는 "로그인 정보 출력" 과 "설정 표시" 부분은 미관상 관리자로 로그인시만 보이게 하였습니다. 이 부분을 기본으로 돌리고져 하시면 /zbxe/modules/board/skins/moonhouse_board/header.html 67줄 <!--@if($logged_info->is_admin == 'Y')--> 121줄 </div> <!--@else--><!--@end--> 빨간색부분을 제거 하시면 됩니다. 121줄에 </div>는 제거하면 안됩니다. B. 다음글/이전글 적용된 버전입니다. moonhouse_board_1.4.zip + modules.zip 다음글/이전글 적용을 위해서 https://moonhouse.co.kr/zbxe/189370 에 있는 팁을 적용했습니다. modules.zip 파일의 압축을 풀어서 modules폴더 전체를 zbxe폴더안에 덮어 씌우시면 게시판에러도 안나고 다음글/이전글도 적용됩니다. [11월 8일 수정] 1. 내용보기시 타이틀밑에 가로선 IE6에서 잘못 쳐지던 부분 수정 /zbxe/modules/board/skins/moonhouse_board/css/common.css 41줄 부분에 height:50px;추가하면 됩니다. .boardRead .readHeader { position:relative; margin:10px 15px 10px 15px; height:50px; padding-bottom:10px; border-bottom:1px solid #bbbbbb; } 2. 이전/다음 버턴 위치조절 및 문제점 수정 /www/zbxe/modules/board/skins/moonhouse_board/view_document.html 143줄 부터 아래와 같이 수정 <!-- 목록, 수정/삭제 버튼 --> <div class="contentButton"> <div class="contentButton1"> {@$oDivision = &getModel('document')} {@$nextdocu = $oDivision->getDocumentDivision($oDocument->document_srl,'next','list_order')} {@$prevdocu = $oDivision->getDocumentDivision($oDocument->document_srl,'prev','list_order')} <!--@if($nextdocu->document_srl == "")--><!--@else--><a href="{$nextdocu->document_srl}" class="button"><span>{$lang->cmd_prev}</span></a><!--@end--> <!--@if($prevdocu->document_srl == "")--><!--@else--><a href="{$prevdocu->document_srl}"class="button"><span>{$lang->cmd_next}</span></a> <!--@end--> </div> <div class="contentButton2"> <!--@if($module_info->default_style != 'blog')--> <a href="{getUrl('document_srl','')}" class="button"><span>{$lang->cmd_list}</span></a> <!--@end--> <!--@if($oDocument->isEditable())--> <a href="{getUrl('act','dispBoardWrite','document_srl',$oDocument->document_srl,'comment_srl','')}" class="button"><span>{$lang->cmd_modify}</span></a> <a href="{getUrl('act','dispBoardDelete','document_srl',$oDocument->document_srl,'comment_srl','')}" class="button"><span>{$lang->cmd_delete}</span></a> <!--@end--> </div> </div> </div> /zbxe/modules/board/skins/moonhouse_board/css/common.css 88줄 부터 아래와 같이 수정 .boardRead .contentButton { margin:10px 0 5px 0; border-top:1px solid #DDDDDD; padding-top:10px; } .boardRead .contentButton1 { float:left; } .boardRead .contentButton2 { text-align:right; } 3. 3개의 칼라(블루, 그린, 하이트)에서 오렌지,레드 2개의 칼라추가로 총 5가지의 칼라색상을 지원합니다. 4. 상단의 가로폭이 고정되어 있던 것을 게시판크기에 자유롭게 맞게끔 수정되었습니다. 5. 게시판리스트에 코멘트 출력을 선택할 수 있게 하였습니다.(설정에서 선택가능) https://moonhouse.co.kr/zbxe/xetip/225348 팁 적용 6. 그리고 저번 버전에는 제가 실수로 저의 구글에드센스코드를 지우지 않고 배포했습니다 죄송합니다.(제거함) p.s 위의 수정내용들이 추가된 버전이 지금 올려줘 있는 파일들입니다. [11월 25일 v1.3 수정] 1. 내용보기시 제목이 한줄을 넘을때 틀이 깨지는 문제 해결했으며, 타이틀박스 밑에 가로선 문제 해결됨 2. 타이틀박스안에 내용들 아이콘추가함 3. 갤러리형식으로 적용시 좌,우측 여백문제 [12월 22일 v1.4 수정] moonhouse_board_1.4.zip +modules.zip 1. xe1.1.2에 맞쳐서 약간 수정이 된 부분입니다. v1.3에서 문제가 없다면 굳이 업 안하셔도 됩니다.
Board 나의 RM Category 게시판스킨 2008.10.26 팔공산 R 44346 C 4
문하우스 레이아웃스킨 V1.1 입니다.(수정) file
기존의 로그인스킨에 약간의 문제가 있어서 다시 올립니다. IE6에서 오른쪽메인이 아래로 밀렸던 분들은 paper_login_mh.zip 를 새로받아서 설치하세요. 다른 브라우즈는 문제가 없었는데 IE6에서는 어긋났네요. 제 홈페이지상단에 플래시메뉴를 사용하다가 메뉴추가의 번거로움도 있고, 플래시의 자체적인 문제도 있는 것 같아서 이미지메뉴로 갈아타면서 만든 레이아웃스킨을 소스정리해서 올립니다. 아쿠아블루, 그린, 흰색 3가지의 칼라로 구성되어져 있으며, 레이아웃스킨에 맞추어 3칼라의 로그인 스킨도 함께 올립니다. 최대한 제로보드기본 스킨에 충실할려고 노력했습니다. 상단메뉴는 우야노님의 " 메인메뉴의 1차메뉴를 따라 다니는 2차메뉴 만들기"를 참고했으며, 여러 고수님들의 레이아웃스킨 소스를 이것 저것 참조했습니다. [화이트스킨] [그린스킨] [블루스킨] 위의 이미지에서 설명되어진 기능들이 작동합니다. [설치방법] 1. 전체버전 설치 MH레이아웃스킨과 paper_login_mh로그인스킨이 함께 압축되어져 있습니다. moonhouse_V1_total.zip 파일의 압축을 풀면 두개의 폴더가 나옵니다.(layouts, widgets) 두개의 폴더를 Zbxe가 설치된 폴더에 업로드하시면 됩니다. 2. 각각 설치 MH레이아웃스킨 - moonhouse_V1.zip (/zbxe/layouts/moonhouse_V1) paper_login_mh로그인스킨 - paper_login_mh.zip (/zbxe/widgets/login_info/skins/paper_login_mh) 각각을 내려받아서 압축을 풀어서 해당 폴더에 업로드하시면 됩니다. [V 1.1수정 내용] - 현재 적용된 파일들입니다. 1. 즐겨찾기 url과 제목입력 가능. 2. 배경이미지의 정렬방식 추가. (center, left, rigjt) 3. 스크롤바 색상변경 유무와 색상선택 가능. 4. 우측 최상단메뉴의 유무와 메뉴추가. 5. 로그인메뉴의 유무 설정 가능.
Board 나의 RM Category 레이아웃스킨 2008.10.23 팔공산 R 7209

My Xe - FirstThumb 스킨
Xe of Moonhouse　>

profile
팔공산
Apr 26 2016
Wing영역 아코디언메뉴 생성하는 방법 file
레이아웃의 본문 좌,우측 Wing영역에 이미지파일 하나도 사용하지 않고 스타일리시하게 3차 Menu부터 아코디언처럼 펼쳐지는 메뉴설정 방법입니다. 1. 메뉴를 추가할 레이아웃의 layout.html안에 Wing영역의 메뉴부분에 아래의 코드를 추가합니다. 제가 사용중인 파일도 올립니다. wingmenu.html-x 올리고 보니 .html 확장자 뒤에 무조건 -x가 붙네요. 참고하세요. <style> .wmtop a { color:#ffffff; } .wmtop a:hover { color:#ff6600; } .wmsub a { color:#ffffff; } .wmsub a:hover { color:#ff6600; } </style> <nav> <ul> <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])--> <!--@if($val['selected']&&$val['list'])--> {@ $menu_1st = $val } <li class="wmtop"<!--@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><span></span> </li> <!--@end--> <!--@end--><!--@end--> <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])--> {@ $menu_1st = $val } <!--@if($val['selected']&&$val['list'])--> <!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['link'])--> {@ $menu_2nd = $val } <li class="wmsub"<!--@if($val['selected'])-->class="active"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->> {$val['link']}</a> <!--@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-->>{$v['link']}</a></li> <!--@if($v['list'] && ($v['expand']=='Y'||$v['selected']) )--> <!--@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-->>{$v4['link']}</a></li> <!--@end--><!--@end--> <!--@end--> <!--@end--><!--@end--> </ul> <!--@end--> </li> <!--@endif--><!--@endforeach--> <!--@end--> <!--@endif--><!--@endforeach--> </ul> </nav> 2. style.css 다운받은 css파일안의 코드를 해당 레이아웃css파일안에 추가합니다. 3. 색상변경 * 메뉴글 색상 <style> .wmtop a { color:#ffffff; } .wmtop a:hover { color:#ff6600; } .wmsub a { color:#ffffff; } .wmsub a:hover { color:#ff6600; } </style> * 메뉴바탕 색상 - css안에 - 전체메뉴배경 색상 nav ul li { background: -webkit-linear-gradient(top, rgba(75,78,88,1) 0%,rgba(63,66,74,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(75,78,88,1) 0%,rgba(63,66,74,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(75,78,88,1) 0%,rgba(63,66,74,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, #4B4E58 0%,#3F424A 100%); /* W3C */ box-shadow: rgba(255,255,255,0.1) 1px 1px 0 inset; border-bottom: #292b30 1px solid; } - 3차 아코디언배경 색상 .wmsub ul li:hover { background: -webkit-linear-gradient(top, rgba(58,96,209,1) 0%,rgba(44,72,194,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(58,96,209,1) 0%,rgba(44,72,194,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(58,96,209,1) 0%,rgba(44,72,194,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */ box-shadow:#5173d5 1px 1px 0 inset; } 진한 부분들을 적절히 수정하면 됩니다. rgba값들도 같이 수정을 해 주시면 좋습니다. 제가 귀찮아서~~~^.^
profile
팔공산
Apr 21 2016
메뉴 클릭시 화면 중앙에 팝업으로 띄우기 file
위의 이미지와 같이 해당 메뉴를 클릭시 화면 중앙에 팝업으로 띄우는 소스입니다. "개인정보취급방침" 같은 메뉴를 띄울때 사용하면 좋겠죠... 1. privacy라는 임의의 페이지mid를 생성해서 문구를 작성합니다. 아래의 소스를 해당 레이아웃의 적당한 곳에 배치를 합니다. <a href = "javascript:void(0)" onclick = "document.getElementById('light_01').style.display='block';document.getElementById('fade').style.display='block'" style="color:black">개인정보취급방침 l</a> <div id="light_01" class="white_content"> <a href = "javascript:void(0)" onclick = "document.getElementById('light_01').style.display='none';document.getElementById('fade').style.display='none'"><i class="fa fa-times-circle fa-2x" aria-hidden="true"></i></a> <iframe src="/privacy" frameBorder=0 width=100% height=500px scrolling=auto></iframe> </div> <div id="fade" class="black_overlay"></div> 2. css파일에 아래의 소스를 붙여 넣습니다. /* Privacy */ .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 1500px; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { display: none; position: absolute; top: 25%; left: 25%; width: 50%; height: 510px; padding: 0 16px 16px 16px; border: 16px solid orange; background-color: #ffffff; z-index:1002; overflow: auto; style="margin-top:30px;"} .white_content a { position: absolute; top: 2%; right: 5%; color:orange } 여러개의 메뉴가 존재한다면 light_01 이 부분을 메뉴별로 다르게 주면 됩니다. 물론 mid와 메뉴명도 달리 주어야 겠죠. 그리고 x표시는 fortawesome웹폰트를 적용했습니다. 그냥 Close라는 문구로 바꾸셔도 됩니다. 게시판형식도 가능합니다. 대문페이지 하단에 "가입인사" 메뉴를 눌러보세요.

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
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 팁 4 초보 레이아웃 스킨 고치기 1 - CSS 편
　┖ 여기서 default.css는 ../zbxe/layouts/xe_official/css/ 안에 있는 파일이며 자신의 ... 팔공산
　┖ CSS는.. 정말 신세계군요. 보는것마다 별천지네요. <link rel="stylesheet" href="/XE/... 하루
　┖ 라이믹스 기본 css도 있고, 레이아웃, 모듈, 게시판, 에드온, 구글까지 많은 html과 cs... 팔공산
　┖ 아하! 조건에 따라서 css를 불러와서 제어가 가능한 거였나보군요 답글 감사드립니다!! ^^ 하루
팔공산 2007.08.20 13,759
2,560 방명록 3 늦게 봐서 죄송합니다....
　┖ 감사하게도 허락만 해 주시면 됩니다.^.^ 팔공산
　┖ 허락이라뇨. 당연한 거죠.^^ 웹용량도 넉넉할겁니다. 風文
　┖ 감사합니다. 팔공산
風文 2025.02.07 309
2,559 QNA 3 mp3등 미디어
　┖ multimedia_link는 php8.2에서 오류를 일으키네요 제가 다음에 시간 나면 손 봐 드릴게요 팔공산
　┖ 천천히 하세요. 세월아 네월아~ ^^ 風文
　┖ 수정했습니다. 팔공산
風文 2025.01.24 1,683
2,558 Free 3 제1호 - 2024.11.16. 토요일(음력 : 10.16.) file
　┖ 풍문님 제가 드린 펨플릿 으로 한5분 동안 복사 붙여 넣기 신공으로 만들어 본 것 입니... 팔공산
　┖ 대단하십니다. 님의 능력은 어디까지 인가요. 風文
　┖ 특히 이렇게 table이 아닌 div로 폼을 짜면 가로폭이 늘어 나거나(PC), 줄어 들어도(모... 팔공산
팔공산 2024.11.16 3,664
2,557 QNA 3 시작 전
　┖ 님이 말씀하신 것 전부 포함입니다. 더불어 XeTown이나 문하우스등에서 제작된 프로그... 팔공산
　┖ 굳이 Rhymix 업에이트가 필요한 가를 묻는 겁니다. 별다른 변화도 없고 에러 페이지만 ... 風文
　┖ 초가집에서 최신 아파트로 이사 가면 할 일이 많겠죠^.^ 새집이라는 즐거운 마음으로 ... 팔공산
風文 2024.11.13 872

 

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