Layouts Of MoonHouse

Mh Justice Layout V 1...

Mh Sideways Layout

Mh Gallery Layout & M...

문하우스 Simple 레이...

Mh Thomsander Layout ...

Mh White Layout V1.1

Mh LeftMenu 레이아웃 ...

MH FullPage 레이아웃 ...

MH Pointy Slider 레이...

MH_Sliding 레이아웃

사이트선택 전용 레이...

XE기본 Xedition레이아...

XE기본 Xedition레이아...

Widgets Of MoonHouse

Data Of MoonHouse

Layouts Of MoonHouse

    • Mh Justice Layout V 1.6 [ 2025. 06. 09 ] - Sale 제품
    • Mh Justice Layout is a one page html5 bootstrap template. This template comes with smooth a...
    • 2023.03.26
    • Mh Sideways Layout
    • [특징] •화면전환이 가로 방향으로 움직입니다. •홍보용 사이트 레이아웃에 적합합니다. •화면 좌...
    • 2022.05.16
    • Mh Gallery Layout & Mh Gallery Widget V2.2 [2022.05.22] - Sale 제품
    • [ V2.2 특징 ] •Colorbox Skin 추가 - 첫화면에 박스출력 - Auto Slide 지원 •본문 메뉴(GNB)를 ...
    • 2022.05.02
    • 문하우스 Simple 레이아웃 V 1.4 (2020.12.13 Up)
    • V1.4 수정내용(2020.12.13) 1. 코드정리 2. 자체 로그인 탑재 3. 메뉴 아래 "mh_simple 소식"은 M...
    • 2015.05.18
    • Mh Thomsander Layout V1.0
    • [특징] - 페이지안에서 부메뉴가 Box형식으로 열립니다. - 배경이미지를 슬라이드로 출력합니다. ...
    • 2019.09.12
    • Mh White Layout V1.1
    • [ V1.1 특징 ] 1. 본문 상단에 Accordions / TiltedContent 이미지박스 출력선택 - mwea.html 와 ...
    • 2019.04.04
    • Mh LeftMenu 레이아웃 V1.2
    • [특징] - Sub메뉴를 좌측 Wing영역에 배치하여 Sub메뉴의 활용도를 높였습니다. - 최대한으로 코...
    • 2019.01.07
    • MH FullPage 레이아웃 V1.2
    • 마우스 휠 한번 작동시 전체 화면 스크롤되는 FullPage 레이아웃입니다. [Tip] 페이지에 Youtube...
    • 2018.12.04
    • MH Pointy Slider 레이아웃
    • MH_Pointy-Slider 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정...
    • 2018.10.27
    • MH_Sliding 레이아웃
    • MH_Sliding 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정했습니...
    • 2018.10.20

XE Of MoonHouse

[ V2.2 특징 ] •Colorbox Skin 추가 - 첫화면에 박스출력 - Auto Slide 지원 •본문 메뉴(GNB)를 상단 가로 형태에서 좌측 삼선 햄버거 형태로 변경 •배경이미지 슬라이드 로딩 기능을 적용 Demo - https://moonhouse.co.kr/cb [ V2.0 LightBox Skin 특징 ] •LightBox Skin 추가 -- 지연님 요청 •Default Skin은 이미지를 전체화면 Fullscreen 으로 출력되는 반면 LightBox Skin은 이미지의 원본 크기로 출력됩니다. Demo - https://moonhouse.co.kr/lb [특징] •레이아웃과 위젯의 콜라보로 이루어진 전체화면 갤러리 스킨입니다. •레이아웃만으로는 게시글의 이미지를 가져오기가 힘들어서 위젯으로 이미지를 가져옵니다. •레이아웃 설정에서 위젯의 모든 설정을 제어 할 수 있습니다. •Gallery Layout은 Gallery Widget과 함께 해야 됩니다 - 다른 기능 없습니다. •Gallery Widget은 단독으로 사용이 가능하나 레이아웃에 따라서 적용이 어려울 수 있습니다. •위젯으로 사이드 메뉴 & 레이웃으로 본문 메뉴 사용가능 •다크모드 적용 했습니다. •완벽한 반응형으로 작동합니다. •PC에서는 키보드 화살표로도 이동 가능, 모바일에서는 터치로도 이동 가능합니다. [PC Mode] [Mobile Mode] •확장변수를 사용하여 New 아이콘 & 평가(별 아이콘) & Best 메달 & 확장변수 2종류를 출력할 수 있습니다.(이미지에서는 가격과 품절 - 수정가능) •다양한 정렬대상을 지원합니다. •다양한 SNS 계정연결을 지원합니다. [적용방법] 1. 주문요청 > 입금 > 관리자가 권한 부여 > 구매자게시판 > 첨부파일을 다운받아서 압축을 풀면 아래와 같이 layouts & widgets 폴더가 생성됩니다. 2. layouts & widgets 폴더를 ftp로 업로드 해 주면 됩니다. 3. 대상모듈 게시판의 확장변수를 추가합니다. 4. 레이아웃 설정을 해 줍니다. •대상모듈 번호를 필히 입력하셔야 정상적으로 출력됩니다. 관리자설정 > 고급 > 설치된 위젯 > Mh Gallery > 코드생성 > 대상모듈 > 추가> 코드생성 > 코드에 출력되는 module_srls 값을 입력하면 됩니다. •대상모듈의 분류항목별로도 출력이 가능합니다. •License 영역은 출력하지 않아도 됩니다. •모바일(사이드) 메뉴(SNB)를 잘 이용하시면 여러 종류의 갤러리를 운영 할 수 있습니다. p.s XE 버전은 코어 자체에서 다크모드 기능을 지원하지 않으므로 다크모드 기능이 빠져 있습니다.
타임라인 1.0.2여러 게시판의 글을 타임라인 게시판에서 모아 볼 수 있습니다.통합 게시판 및 베스트 게시판 관리에 용이하게 사용할 수 있습니다.일간, 주간, 월간 베스트 게시글 관리를 게시판 안에서 모두 해결할 수 있습니다. 게시글 모아보기타임라인 모듈은 클릭 몇 번만에 통합 게시판을 만들 수 있습니다.마치 처음부터 타임라인 게시판에 게재된 글인 것처럼 게시글을 열람 또는 수정하거나 댓글을 작성하더라도 모두 타임라인 게시판 안에서 처리됩니다. 다양한 게시글 필터링타임라인 게시판에 불러오고 싶은 게시글을 걸러낼 수 있습니다.제목이나 내용, 태그에 특정 문자가 들어가거나 조회수, 추천 수, 비추천 수, 댓글 수 등이 설정한 조건을 만족하는 게시글만 가져올 수도 있습니다. 따라서 베스트 및 워스트 게시판, 이벤트 게시판 등을 손쉽게 만들어낼 수 있습니다.또는 특정 기간에 게재된 게시글만 가져올 수도 있습니다. 기간 설정을 사용하면 일간 및 주간, 월간 베스트 게시판 관리도 할 수 있습니다. 스킨 개발자 안내사항타임라인 게시판으로 지정된 게시판에서는 $modules_info 변수와 $timeline_info 변수를 사용할 수 있습니다. 어떤 게시판에 있던 게시글인지 볼 수 있고, 어떤 게시판에 게시글을 작성할지 지정할 수 있습니다. 스크린샷 참고게시글 리스트에서 보고 싶은 게시판의 module_srl 값을 인자로 넘겨주면 해당 게시판의 게시글만 필터링할 수 있습니다.게시글 작성 시 게시글을 등록하고 싶은 게시판의 module_srl 값을 인자로 넘겨주면 해당 게시판에 글이 작성됩니다.단, 넘겨 받은 module_srl 값이 타임라인 게시판에 표시될 수 없는 경우 무시합니다./tpl/js/timeline.js 파일을 사용할 수 있습니다. 변경사항1.0.0-beta2 크롤러 접근 시 타임라인 모듈을 사용하지 않도록 변경일부 조건에서 공지글 작성 시 게시글 목록을 불러오지 못하는 문제 해결게시글을 기간별로 필터링할 수 있는 기능 추가게시글 열람 시 해당 게시글의 게시판으로 설정을 동기화하도록 변경공지 게시글 통합 기능 추가타임라인 모듈 쿼리를 사용하지 않는 문제 해결 1.0.0-beta4 타임라인 게시판에서 게시글 열람 시 원래 게시판으로 이동하는 기능 추가 #10타임라인 게시판 설정을 유지할 수 있도록 수정 #11게시판 쓰기 화면에 module_srl 값을 넘겨줄 수 있도록 수정 #12타임라인 게시판 쓰기 화면 권한을 줄 수 있는 기능 추가 #14타임라인 게시판에 mid 값 없이 접근할 경우 타임라인 모듈이 동작하지 않는 문제 해결 #16 1.0.0 정식 배포 1.0.1 #23 타임라인 모듈 기능이 쓸데없는 act에서 작동하지 않도록 수정#24 게시판 등록 순서에 우선권 부여#27 '원래 게시판으로 이동' 옵션을 사용할 경우 페이지 번호 초기화#29 모듈 DB 테이블 미설치 시 경고 메시지 출력 1.0.2 #32 '원래 게시판으로 이동' 기능을 사용했을 때 페이지 번호를 잃어버리는 문제 해결#34 타임라인 게시판을 두 개 이상 만들 수 없는 문제 해결 p.s 타임라인모듈 사용시 게시판명 나오게 수정하기
XeTown에서 윤삼님이 만드신 게시판 목록에서 카테고리/확장변수 바로 수정 애드온 좀더 자세한 설정 방법과 SketchBook5 게시판스킨 - 문하우스 수정버전 에 적용하는 방법입니다. 1. https://xetown.com/download/1666779 에 접속해서 해당 에드온을 다운로드후 페이지 설명대로 합니다. 2. /modules/board/skins/sketchbook5_MH/skin.xml 파일에 추가 <var name="eid_up1" type="text"> <title xml:lang="ko">게시판수정 확장 변수 ID One</title> <description xml:lang="ko">게시판목록에서 확장변수를 직접 수정할수 있는 확장변수의 ID를 작성(기본 update)</description> </var> <var name="eid_up2" type="text"> <title xml:lang="ko">게시판수정 확장 변수 ID Two</title> <description xml:lang="ko">게시판목록에서 확장변수를 직접 수정할수 있는 확장변수의 ID를 작성(기본 update1)</description> </var> 3. /modules/board/skins/sketchbook5_MH/_list_normal.html 파일에서 빨간색 부분 추가 - Notice(공지), Normal(게시글) 2군데 <td cond="$val->idx!=-1" onclick="showUpdateExtraModal(this, {$document->document_srl}, {$val->idx})"|cond="$grant->manager && in_array($val->eid, array($mi->eid_up1, $mi->eid_up2))" class="<!--@if($val->eid=='link_url')-->link_url<!--@else-->m_no<!--@end-->"> 4. 게시판설정 > 확장변수에서 수정할 확장변수를 생성합니다. 기존의 것을 수정해도 됩니다. 5. 게시판설정 > 스킨설정에서 수정할 "확장변수 ID"를 에드온에서 작성한 eid중에서 작성합니다. 6. 게시판설정 > 게시판정보 > 목록설정 에서 해당 확장변수를 추가합니다. 7. 게시판목록에서 주문확인란을 클릭하면 확장변수를 수정할 수 있는 팝업창이 출력됩니다. 획장변수를 사용해서 선택전,후 / 날짜변경등의 기능으로 멋진 애드온이 만들어진 것 같습니다. 이런 멋진 작품을 무료로 배포해 주신 윤삼님에게 감사드립니다. 8. V 0.1.3 에서는 카테고리 입력 부분도 수정할 수가 있습니다. /modules/board/skins/sketchbook5_MH/_list_normal.html 파일에서 빨간색 부분 추가 - Notice(공지), Normal(게시글) 2군데 <td cond="!$mi->show_cate && $mi->use_category=='Y'" onclick="showUpdateExtraModal(this, {$document->document_srl}, {$document->get('category_srl')}, 'category')"|cond="$grant->manager && $use_category_update" class="cate" style="color:{$category_list[$document->get('category_srl')]->color}"|cond="$category_list[$document->get('category_srl')]->color!='transparent'"><strong>{$category_list[$document->get('category_srl')]->title}</strong></td> [ SketchBook5 게시판스킨 - 문하우스 수정버전 1.9.3 에서 확장변수 바로 수정 애드온 모바일에 적용하는 방법} 1. 위의 내용대로 준비 합니다. 2. 게시판설정 > 스킨설정 > 목록 유형을 "거래장형"으로 선택하면 됩니다. 목록형에서도 작동되게끔 수정 - 2022. 03. 21 3. 확장변수 전체를 출력할려면 게시판설정 > 스킨설정 > 웹진형 설정 (*표시 : '모바일(목록)형'과 공통) > "확장변수 출력(*)" 을 출력으로 선택하면 됩니다. 4. 스마트폰에 적용한 화면 5. 스케치북 모바일 스킨 수정방법 /modules/board/skins/sketchbook5_MH/_list_m.html 파일 하단 아래 부분 삭제 <a class="hx" <!--@if(!$mi->link_board)-->href="{getUrl('document_srl',$document->document_srl,'listStyle',$listStyle,'cpage','')}"<!--@else-->href="{$document->getExtraEidValue('link_url')}" target="_blank"<!--@end--> data-viewer="{getUrl('document_srl',$document->document_srl,'listStyle','viewer','page','')}"><span class="blind">Read More</span></a> 빨간색 추가 수정 <!--// 일반 목록 --> <li loop="$document_list=>$no,$document" class="<!--@if($document_srl==$document->document_srl)-->select <!--@end-->clear"> <!--// 썸네일 영역 --> <div class="rt_area<!--@if($mi->list_m_tmb && $document->thumbnailExists())--> is_tmb<!--@end-->" style="text-decoration:none" onclick="location.href='{getUrl('document_srl',$document->document_srl,'listStyle',$listStyle,'cpage','')}';"> <div cond="$mi->list_m_tmb" class="tmb_wrp"> <!--// 썸네일 --> ~ 생략~ 삭제한 부분에 추가 ~ 생략~ </div> </div> <!--// 모바일 확장변수 && 분류 --> <div style="margin-top:10px; line-height:30px"> <block loop="$list_config=>$key,$val" cond="$val->idx!=-1" > <span onclick="showUpdateExtraModal(this, {$document->document_srl}, {$val->idx})"|cond="$grant->manager && in_array($val->eid, array($mi->eid_up1, $mi->eid_up2))" style="margin-right:10px"> <!--@if($val->eid==$mi->eid_up1)--> {$val->name} : <b>{$document->getExtraValueHTML($val->idx)}</b> <!--@end--> <!--@if($val->eid==$mi->eid_up2)--> {$val->name} : <b>{$document->getExtraValueHTML($val->idx)}</b> <!--@end--> </span> </block> <span cond="$mi->use_category=='Y' && $document->get('category_srl')" onclick="showUpdateExtraModal(this, {$document->document_srl}, {$document->get('category_srl')}, 'category')"|cond="$grant->manager && $use_category_update"> <span>분류 : </span><b>{$category_list[$document->get('category_srl')]->title}</b> </span> </div> p.s SketchBook5 게시판스킨 - 문하우스 수정버전 1.9.3 버전에는 수정부분 기본으로 포함 되어져 있습니다. • 확장변수 바로 수정 애드온 mh스킨 /addons/ap_extra_update/skins/mh.zip
예전 XE 버전에서는 많은 레이아웃들에 언어를 선택할 수 있는 메뉴들이 있었는데 최근 라이믹스로 넘어오면서 이 기능이 거의 없어져 버렸습니다. 요번에 다국어 사이트 작업을 하면서 꼭 필요한 기능이라서 작업후 방법을 남깁니다. 먼저 사용중인 레이아웃의 layout.html 파일을 열어서 최상단에 아래의 코드들을 적용하면 됩니다. * 레이아웃스킨/layout.html <!--언어및 국기선택--> <block cond="$li->lang_Use =='Y' && !Mobile::isMobileCheckByAgent()"><include target="language.html" /></block> *레이아웃스킨/conf/info.xml <var name="lang_Use" type="select"> <title xml:lang="ko">★ 상단 언어영역 출력</title> <description xml:lang="ko">상단에 언어영역 출력</description> <options value=""> <title xml:lang="ko">출력 안함</title> </options> <options value="Y"> <title xml:lang="ko">출력</title> </options> </var> <var name="lang_Flag" type="select"> <title xml:lang="ko"> ┖ 언어영역 국기출력</title> <description xml:lang="ko">상단에 언어영역에 각 국기 출력</description> <options value=""> <title xml:lang="ko">출력 안함</title> </options> <options value="Y"> <title xml:lang="ko">출력</title> </options> </var> <var name="account_colorset" type="select"> <title xml:lang="ko"> ┖ 언어영역 컬러셋</title> <description xml:lang="ko">원하시는 배경 컬러셋을 선택해주세요.</description> <options value="a_white"> <title xml:lang="ko">흰색바탕</title> </options> <options value="a_black"> <title xml:lang="ko">검정바탕</title> </options> </var> *레이아웃스킨/language.html <load target="css/account.css" /> <load cond="$li->account_colorset=='a_white'" target="css/a_white.css" /> <load cond="$li->account_colorset=='a_black'" target="css/a_black.css" /> <ul class="account"> <li class="language"> <!-- class="language" | class="language open" --> <em class="{$lang_type}"><span>{$lang_supported[$lang_type]}</span></em> <button type="button" class="sLanguage" onclick="jQuery('.language').toggleClass('open'); return false;"><span>Select Language</span></button> <ul class="languageList"> <!--@foreach($lang_supported as $key => $val)--><!--@if($key!= $lang_type)--> <li class="{$key}"><button type="button" onclick="doChangeLangType('{$key}');return false;"><span>{$val} {$lang_type} </span></button></li> <!--@end--><!--@end--> </ul> </li> <!--@if($li->lang_Flag == "Y")--> <!--@foreach($lang_supported as $key => $val)--><!--@if($key!= $lang_type)--> <a href="#" onclick="doChangeLangType('{$key}');return false;"><img src="img/flag/flag.{$key}.gif" width="20px" height="11px" style="margin-top:-15px"></a> <!--@end--><!--@end--> <!--@end--> </ul> * 첨부파일안 내용물 a_black.css / a_white.css / account.css 3개의 css파일 국기이미지 img/flag language.html Language.zip 첨부파일을 다운 받아서 레이아웃스킨 폴더에 덮어 씌우면 됩니다.
글 작성 시나 수정 시 특정 확장 변수를 관리자만 보이고 수정할 수 있게 하는 방법입니다. [sketchbook5 게시판을 기준] /modules/board/skins/sketchbook5/write_form.html 아래 부분을 <table cond="count($extra_keys)" class="et_vars exForm bd_tb"> <caption><strong><em>*</em></strong> <small>: {$lang->is_required}</small></caption> <tr loop="$extra_keys=>$key,$val"> <th scope="row"><em cond="$val->is_required=='Y'">*</em> {$val->name}</th> <td>{$val->getFormHTML()}</td> </tr> </table> 아래와 같이 수정하면 됩니다. <table cond="count($extra_keys)" class="et_vars exForm bd_tb"> <caption><strong><em>*</em></strong> <small>: {$lang->is_required}</small></caption> <tr loop="$extra_keys=>$key,$val"> <!--// admin_select 로 확장변수ID 생성시 관리자에게만 출력 --> <!--@if($val->eid!=='admin_select')--> <th scope="row"><em cond="$val->is_required=='Y'">*</em> {$val->name}</th> <td>{$val->getFormHTML()}</td> <!--@else--> <!--@if($grant->is_admin && $val->eid=='admin_select')--> <th scope="row"><em cond="$val->is_required=='Y'">*</em> {$val->name}</th> <td>{$val->getFormHTML()}</td> <!--@end--> <!--@end--> </tr> </table> 확장 변수ID를 admin_select로 해야 합니다. 빨간테두리 부분은 글작성시나 수정시 관리자만 보입니다. [ 다른 간단한 방법 ] - 똑띠님이 남기신 간단한 방법 write_form.html 파일에서 빨간색 부분만 추가하고 _secret 로 끝나는 확장변수 ID를 작성하면 됩니다. <!--// 확장변수명이 _secret로 끝날때 숨김처리 하기(관리자는 예외) --> {@$match = preg_match('/_secret$/is', $val->eid)} <!--@if($match != 1 || $grant->is_admin)--> <th cond="" scope="row"><em cond="$val->is_required=='Y'">*</em> {$val->name}</th> <td cond="$val->eid!==$mi->etc_name">{$val->getFormHTML()}</td> <!--@end-->
Rhymix 2.0.15 를 적용하고 나니 확장변수란에 문제가 생기네요. 확장변수 형식이 "한줄 입력칸(text)"으로 적용시 위의 이미지와 같이 칸의 넓이가 짧게 적용이 되고, URL, 이메일, 전화변호형식은 css가 적용이 되지를 않습니다. 아마 2.0.15 버전에서 아래부분의 수정이 문제를 일으키는 것 같습니다. https://rhymix.org/news/260 자동 생성되는 확장변수 입력 태그에 rx_ev_checkbox, rx_ev_select 등의 class명을 추가하여 서드파티 자료에서 보다 쉽게 조작할 수 있도록 개선 2.0.15 버전을 적용하고 확장변수란을 올바르게 출력할려면 보드의 css를 위의 수정사항에 맞게 일일이 적용해 주면 되지만 귀찮죠. 쉬운 방법은 2.0.14 버전의 /classes/extravar/Extravar.class.php 파일을 덮어 씌우면 됩니다. Extravar.class.php 파일을 덮어 씌우지 않고 스케치북 게시판스킨을 수정할려면 /modules/board/skins/sketchbook5_MH/css/board.css 파일안에 /* Extra Form */을 찾아서 아래와 같이 수정하면 됩니다. /* Extra Form */ .exForm{display:block} .exForm caption{padding:8px 4px 2px;text-align:left;font-size:13px} .exForm th,.exForm td{background:#FFF} .exForm td{padding:6px} .exForm .bd_btn{vertical-align:top} .exForm .text,.exForm .email_address {width:100%} .exForm .tel{width:40px} .exForm .date{width:120px} .exForm p{margin:2px 0 0 0;font-size:11px} .exForm ul{margin:0;padding:0} .exForm li{display:inline;list-style:none} .exForm input[type=radio],.exForm input[type=checkbox]{margin:0 4px 0 0;vertical-align:middle} .exForm li label{margin:0 15px 0 0;vertical-align:middle} .exForm .rx_ev_url, .exForm .rx_ev_email, .exForm .rx_ev_tel1, .exForm .rx_ev_tel2, .exForm .rx_ev_tel3, .exForm .password { height:20px; display:inline-block;margin:0;padding:3px 6px;background:#FAFAFA;border-radius:3px;border:1px solid;border-color:#BBB #DDD #DDD #BBB;*display:inline;*zoom:1} .exForm .rx_ev_text { width:100% } .exForm .rx_ev_url { width:98.5% } .exForm .rx_ev_url:hover, .exForm .rx_ev_email:hover, .exForm .rx_ev_tel1:hover, .exForm .rx_ev_tel2:hover, .exForm .rx_ev_tel3:hover, .exForm .password:hover {background-color:#FFF;border-color:#AAA}