Layouts Of MoonHouse

문하우스의 레이아웃들을 소개하는 게시판으로 바로갑니다.

Close X Mh Layouts
  • Mh Thomsa...

    Mh Thomsander Layout ...

    [특징] - 페이지안에서 부메뉴가 Box형식으로 열립니다. - 배경이미지를 슬라이드로 출력합니다. - 로그인정보를 가진 아이콘을 우상단에 배치 했습니다. - 거의 모든 메뉴의 출력을 선택 할 수 있습니다 - 상단메뉴바 / 하단출력 / 배경슬라이드 / 로그인정보 아이콘 등...

    more →
  • Mh White ...

    Mh White Layout V1.1

    [V 1.1 특징] - 본문영역 상단에 아코디언 이미지박스 출력선택 - mwea.html 와 mwea.css를 레고 조립하듯이 끼워 맞추면 다른 레이아웃에도 쉽게 적용이 가능합니다. 가장 기본적인 것만 적용한 심플한 흰색 레이아웃입니다. 바탕색은 흰색만 적용하였으며 상단 로그인,...

    more →
  • Mh LeftMe...

    Mh LeftMenu 레이아웃 ...

    [특징] - Sub메뉴를 좌측 Wing영역에 배치하여 Sub메뉴의 활용도를 높였습니다. - 최대한으로 코드를 단순하게 하고 이미지를 최소화할려고 노력했습니다. - 원본 디자인의 화려한 원색 색상을 가져 왔습니다. - 우측 상단에 슬라이딩기능으로 로그인영역을 배치했습니다...

    more →
  • MH FullPa...

    MH FullPage 레이아웃 ...

    마우스 휠 한번 작동시 전체 화면 스크롤되는 FullPage 레이아웃입니다. [Tip] 페이지에 Youtube코드 넣는 방법 <iframe width="560" height="315" src="https://www.youtube.com/embed/qiCVPpI9l3M" frameborder="0" allowfullscreen data-autoplay></iframe> 위의 코드...

    more →

Widgets Of MoonHouse

Addons Of MoonHouse

  • Url 링크에 아이콘을 달아주는 urllink_external 애드온
  • 카카오링크 애드온(mh_kakao_link)
  • Web Fonts 애드온 1.6(폰트어썸 V5.11.2 - 2019.12.13 UP)
  • Web Fonts 애드온 1.0 - Xeicon, Font Awesome, Google Material Icons, NanumGothic
  • 링크프리뷰(Snap Shots) 애드온

Layouts Of MoonHouse

    • Mh Thomsander Layout V1.0
    • [특징] - 페이지안에서 부메뉴가 Box형식으로 열립니다. - 배경이미지를 슬라이드로 출력합니다. ...
    • 2019.09.12
    • Mh White Layout V1.1
    • [V 1.1 특징] - 본문영역 상단에 아코디언 이미지박스 출력선택 - mwea.html 와 mwea.css를 레고 ...
    • 2019.04.04
    • Mh LeftMenu 레이아웃 V1.2
    • [특징] - Sub메뉴를 좌측 Wing영역에 배치하여 Sub메뉴의 활용도를 높였습니다. - 최대한으로 코...
    • 2019.01.07
    • MH FullPage 레이아웃 V1.1
    • 마우스 휠 한번 작동시 전체 화면 스크롤되는 FullPage 레이아웃입니다. [Tip] 페이지에 Youtube...
    • 2018.12.04
    • MH Pointy Slider 레이아웃
    • MH_Pointy-Slider 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정...
    • 2018.10.27
    • MH_Sliding 레이아웃
    • MH_Sliding 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정했습니...
    • 2018.10.20
    • 사이트선택 전용 레이아웃 V1.1
    • 홈페이지의 첫 화면에서 두곳의 사이트를 선택하고 싶을때 사용하시면 유용한 레이아웃입니다. [...
    • 2017.06.19
    • XE기본 Xedition레이아웃을 편집이 편리하도록 수정한 버전입니다. 2탄
    • XE 1.8 버전대 기본레이아웃인 Xedition을 사용자가 편집이 편리하도록 수정한 최후 버전 https:/...
    • 2016.12.26
    • XE기본 Xedition레이아웃을 편집이 편리하도록 수정한 버전입니다. 1탄
    • XE 1.8 버전대 기본레이아웃인 Xedition을 사용자가 편집이 편리하도록 수정한 버전 [v5 업데이트...
    • 2016.12.07
    • 문하우스 레고 레이아웃 Ver 1.8
    • XE마켓에 올려서 한분의 구매자만 나타났던 레이아웃을 XE최신버전(1.8)에 맞추어서 새롭게 단장...
    • 2016.03.28

XE Of MoonHouse

이전버전 은 로그인 회원은 다운가능합니다. 문하우스 수정버전의 스케치북 스킨은 폰트어썸 기능이 빠져 있습니다. Web Fonts Addon 을 설치해서 폰트어썸과 Sexy Button을 활성화 시켜야 아이콘들이 정상적으로 출력됩니다. - 수정버전 Pro 특징 필요할때 마다 조금씩 수정 보안 한거라 일일이 열거 하기가 쉽지 않네요. 큰 부분만 적겠습니다. 1. 거래장형 리스트 추가 - https://moonhouse.co.kr/xetip/484252 2. 게시판 목록 아이콘들 출력 - 개별 아이콘마다 출력 선택 가능 - https://moonhouse.co.kr/xetip/502571 3. 게시판목록 조회수별 아이콘출력 - https://moonhouse.co.kr/xetip/284429 4. 웹진형에 링크게시판 사용 안해도 별점 기능 사용 - https://moonhouse.co.kr/xetip/337645 5. 파일 다운 권한 mid 지정 가능 - https://moonhouse.co.kr/xetip/504893 6. 게시물 주소 복사 출력 - https://moonhouse.co.kr/xetip/432456 7. 모바일에서 다음/이전글 스크롤 사용 - https://moonhouse.co.kr/xetip/477057 8. 게시판 상단에 풀립형식으로 위젯이나 기타글 등록 - https://moonhouse.co.kr/xetip/504341 9. 댓글이 2줄 이상일 경우 접고 펴는 기능 - https://moonhouse.co.kr/xetip/464911 10. 구글 드라이브 자료링크를 게시판에 적용 - https://moonhouse.co.kr/xetip/457183 11. 댓글유도문구에 에니메이션 효과 적용 - https://moonhouse.co.kr/xetip/433425 12. 내용글 없이 글 작성하기 - https://moonhouse.co.kr/xetip/432885 13. 확장변수중 "단일 선택(radio)"시 "직접입력" 부분 나오게 수정 - https://moonhouse.co.kr/xetip/405474 14. 대댓글에 'OOO님에게 달린 댓글' 구현 - https://moonhouse.co.kr/xetip/405391 15. 타임라인모듈 사용시 게시판명 나오게 수정하기 - https://moonhouse.co.kr/xetip/388839 16. 그리고 다수의 확장변수를 이용한 기능들 - 숨김기능 - https://moonhouse.co.kr/xetip/335835 색상적용 - https://moonhouse.co.kr/xetip/404287 종료출력 - https://moonhouse.co.kr/xetip/505865
"마감일자가 있는 성격의 게시물 제목에 자동으로 상태(종료, 오늘종료, 진행중 등등 ) 반영하기 팁" 을 적용한 게시물들을 위젯상에서 출력되게 한번 수정해 봤습니다. 먼저 Sample 위젯으로 MH Multi V3.3 위젯에 있는 MH sketchbook5 List스킨에 적용해 봅니다. 근데 어떤 위젯이던 수정 방법은 거의 동일합니다. /widgets/mh_multi/skins/mh_sketchbook5_list/tables.html 파일을 열어서 {$oDocument->getTitleText($wi->subject_cut_size)} 코드를 아래와 같이 수정합니다. {@ if(!$wi->end_title) $wi->end_title = 종료; if(!$wi->ing_title) $wi->ing_title = 진행중; if(!$wi->approach_tItle) $wi->approach_title = 종료임박; if(!$wi->today_tItle) $wi->today_title = 오늘종료; $now = date('Y-m-d'); $date = $oDocument->getExtraEidValueHTML('end'); $this_day = date_create($oDocument->getExtraEidValueHTML('end')); $date1 = date('Y-m-d',strtotime($this_day->format('Y-m-d').'-1 days')); $datetime = new DateTime($now); $date2 = $datetime->modify('+1 day') } <!--// 종료 확장변수 설정 --> <!--@if(!$date)--> <span> <!--@elseif($now > $date)--> <span style="color:#a6a6a6; text-decoration:line-through !important;"><span style="margin-right:5px">{$wi->end_title}</span> <!--@elseif($now == $date)--> <span><span style="margin-right:5px">{$wi->today_title}</span> <!--@elseif($now < $date1)--> <span><span style="margin-right:5px">{$wi->ing_title}</span> <!--@elseif($date2)--> <span><span style="margin-right:5px">{$wi->approach_title}</span> <!--@end--> {$oDocument->getTitle($wi->subject_cut_size)}</span> <!--// 종료 확장변수 설정끝 --> 참고로 게시판의 확장변수는 아래 참조하세요. [게시판의 확장변수를 이용하여 설정] 먼저 적용할 게시판에 "설정" - "사용자정의" 에 사용자정의 이름을 end로 하고 "형식"을 "일자(연월일)"로 확장변수를 하나 만듭니다. B. 게시판에 글 작성시 확장변수의 종료일을 지정합니다. (종료일을 지정하지 않으면 종료 기능이 작동하지 않습니다) 참고로 종료임박의 날짜는 숫자를 같이 변경하면 됩니다.(종료임박이 2일이면) - 진행중 $date1 = date('Y-m-d',strtotime($this_day->format('Y-m-d').'-2 days')); - 종료임박 $date2 = $datetime->modify('+2 day') * 코알못이 코드를 짜다 보니 이게 정상적인 코드인지는 모르겠네요, 어째거나 작동은 됩니다.ㅎㅎㅎ p.s 이 기능을 이용하여 해당 게시물을 팝업으로 띄우고 해당 날짜에 팝업을 종료할려면 포인트자료실의 Mh Appoint PopUp Pro 를 사용하시면 편리합니다.
게시물의 성격에 따라 마감일자가 있는 게시물이 있습니다. 예를 들면 각종 이벤트나 쿠폰 정보같은 게시물입니다. 이와 같은 게시물의 경우 게시물 작성 시 확장변수에 마감일을 기재한 후 현재일자와 비교해서 제목에 자동으로 현재 게시물의 상태( 종료, 오늘종료, 진행중 등등 )를 변경 해 주고 싶은 경우 사용할 만한 팁입니다. 에덴게시판 스킨기준 입니다. [ table.html ] 목록 제목이 표시되는 위치쯤에 아래 코드를 넣어주세요. 코드 중 {@ $date = $document->getExtraEidValue('end')} // 'end'는 게시판에 설정한 확장변수명을 기입 해 주세요. <td class="title" cond="$val->type=='title' && $val->idx==-1"> <a href="{getUrl('document_srl',$document->document_srl, 'listStyle', $listStyle, 'cpage','')}" class="ed link-reset" style="<!--@if($module_info->list_table_row_height)-->padding-top: {$module_info->list_table_row_height}; padding-bottom: {$module_info->list_table_row_height}<!--@end-->"> <strong class="ed margin-right-xsmall" cond="$document->get('category_srl')" style="color:{$category_list[$document->get('category_srl')]->color}"|cond="$category_list[$document->get('category_srl')]->color!='transparent'">[{$category_list[$document->get('category_srl')]->title}]</strong> {@ $now = date("Ymd");} {@ $date = $document->getExtraEidValue('end')} <!--@if(!$date)--> <span class="ed title-link">{$document->getTitle($module_info->list_title_limit)}</span> <!--@elseif($now > $date)--> <span class="ed title-link" style="color:#a6a6a6;text-decoration: line-through !important;">[종료] {$document->getTitle($module_info->list_title_limit)}</span> <!--@elseif($now < $date)--> <span class="ed title-link">[진행중] {$document->getTitle($module_info->list_title_limit)}</span> <!--@elseif($now == $date)--> <span class="ed title-link">[오늘종료] {$document->getTitle($module_info->list_title_limit)}</span> <!--@end--> <span class="ed text-primary" cond="$document->getCommentCount()">{$document->getCommentCount()}</span> [ 결과 ] 입력한 게시물의 마감일 확장변수에 입력된 값이 오늘과 같을 때 : [ 오늘종료 ] 제목으로 출력 입력한 게시물의 마감일 확장변수에 입력된 값이 오늘 보다 이전날자일 때 : [ 종료 ] 제목으로 출력 입력한 게시물의 마감일 확장변수에 입력된 값이 오늘 보다 이후 날자일 때 : [ 진행중 ] 제목으로 출력 입력한 게시물의 마감일 확장변수에 입력된 값이 없을 때 : 제목으로 출력 [문하우스의 응용] 마트몬님이 올려 주신 팁이 에덴게시판 스킨 기준이라 스케치북게시판 스킨에 적용하는 방법과 더블어 게시판설정을 약간 변경합니다. 1. skin.xml 파일에 추가 <var name="end_name" type="text"> <title xml:lang="ko">★종료출력 사용자 정의 이름</title> <description xml:lang="ko">종료 출력을 원하는 확장변수의 사용자 정의 이름을 적어주세요(기본 end)</description> </var> <var name="end_title" type="text"> <title xml:lang="ko"> ┖ 종료</title> <description xml:lang="ko">종료 제목을 적어주세요(기본 종료)</description> </var> <var name="ing_title" type="text"> <title xml:lang="ko"> ┖ 진행중</title> <description xml:lang="ko">진행중 제목을 적어주세요(기본 진행중)</description> </var> <var name="today_title" type="text"> <title xml:lang="ko"> ┖ 오늘종료</title> <description xml:lang="ko">오늘종료 제목을 적어주세요(기본 오늘종료)</description> </var> 2. 유형을 목록형에 적용 _list_normal.html <!--// Normal --> - 중략 - <td class="title"> <!--// 제목 --> - 중략 - {$document->getTitle($mi->subject_cut_size)} {$document->getTitle($mi->subject_cut_size)} 부분이 두군데 있습니다. 아래와 같이 수정하면 됩니다. <!--// 종료 확장변수 설정 --> {@ if(!$mi->end_name) $mi->end_name = end; if(!$mi->end_title) $mi->end_title = 종료; if(!$mi->ing_title) $mi->ing_title = 진행중; if(!$mi->today_title) $mi->today_title = 오늘종료; } {@ $now = date("Ymd");} {@ $date = $document->getExtraEidValue($mi->end_name)} <!--@if(!$date)--> <span>{$document->getTitle($mi->subject_cut_size)}</span> <!--@elseif($now > $date)--> <span style="color:#a6a6a6; text-decoration:line-through !important;"><span style="border:1px solid #000; padding:3px; background:#999; color:#fff; border-radius:3px; margin-right:5px">{$mi->end_title}</span> {$document->getTitle($mi->subject_cut_size)}</span> <!--@elseif($now < $date)--> <span><span style="border:1px solid #000; padding:3px; background:#00ccff; color:#fff; border-radius:3px; margin-right:5px">{$mi->ing_title}</span> {$document->getTitle($mi->subject_cut_size)}</span> <!--@elseif($now == $date)--> <span><span style="border:1px solid #000; padding:3px; background:#ff0000; color:#fff; border-radius:3px; margin-right:5px">{$mi->today_title}</span> {$document->getTitle($mi->subject_cut_size)}</span> <!--@end--> <!--// 종료 확장변수 설정끝 -->
파일 다운로드 권한을 주는 변수는 없는 것 같아서 다운로드 권한을 그룹 전체에 주면 로그인 회원은 다운이 되는 경우와 일치하므로 그것을 기반으로 스케치북 게시판에서 로그인하지 않는 경우 파일을 다운 받지 못하게 하면서 파일 클릭시 라이믹스 or XE의 기본 팝업이 뜨는 것을 수정해서 경고 창이 뜨면서 확인을 클릭시 지정한 로그인화면으로 바로가게 수정하는 작업을 Tip으로 남깁니다. (위에 글을 작성하고 나니 무슨 말인지 나도 햇갈리는데 아래 설명을 보면 이해 하시리라 생각이 듭니다...) 먼저 기존의 경우 파일 다운로드 그룹 권한을 주면 권한이 없는 유저가 파일 클릭시 "권한이 없습니다" 라는 팝업창만 덩그라니 뜹니다. 먼가 어색하고 불편합니다. 그래서 스케치북 게시판을 수정해 봅니다. 1. skin.xml 추가 <var name="down_mid" type="text"> <title xml:lang="ko">★파일 다운 권한 mid</title> <description xml:lang="ko">파일 다운로드 권한 적용의 mid(게시판명)를 적어주세요. </description> </var> <var name="down_permitted_msg" type="text"> <title xml:lang="ko">파일다운로드 권한 미달시 문구</title> <description xml:lang="ko">파일다운로드 권한 미달시 출력할 문구</description> </var> - 게시판설정에서 해당 mid 이름과 문구를 작성합니다. 2. _read_files.html - 수정전 <ul cond="!$mi->files_type"> <li loop="$oDocument->getUploadedFiles()=>$key,$file"><a class="bubble" href="{getUrl('')}{$file->download_url}" title="[File Size:{FileHandler::filesize($file->file_size)}/Download:{number_format($file->download_count)}]">{$file->source_filename}</a><span class="comma">,</span></li> </ul> - 수정후 <ul cond="!$mi->files_type"> <li loop="$oDocument->getUploadedFiles()=>$key,$file"><a class="bubble" <!--@if(!$logged_info->member_srl && $mid==$mi->down_mid)-->href="#" title="{$lang->msg_not_permitted} {$mi->down_permitted_msg}" onClick="alert('{$lang->msg_not_permitted} {$mi->down_permitted_msg}'); return false"><!--@else-->href="{getUrl('')}{$file->download_url}" title="[File Size:{FileHandler::filesize($file->file_size)}/Download:{number_format($file->download_count)}]"><!--@end-->{$file->source_filename}</a><span class="comma">,</span></li> </ul> $mi->files_type 파일 타입을 지정해서 출력되게 하는 옵션을 사용하고 있다면 아래에 있는 각각의 코드에도 위의 소스를 붙여 넣어면 됩니다. 붉은색 코드의 경우 해당 mid 에 로그인 하지 않은 유저는 파일에 마우스 Hover시 아래의 문구가 뜹니다. 그래도 파일을 클릭하면 상단에 팝업창이 뜹니다. 여기서 확인을 클릭하면 로그인 화면이 뜹니다. 문하우스 홈피는 소셜XE 통합로그인 을 변형해서 적용하고 있습니다. 여기서 상단 우측에 빨간색 화살표는 뒤로 가는 버턴입니다.(로그인 하지 않고 이전 페이지로 가는 기능) <a href="javascript:history.back()" class="btn" title="Back">뒤로 가기</a> p.s 참고로 파일이 아예 클릭이 되지 않고 팝업이 뜨지 않게 할려면 아래와 같이 수정하면 됩니다. <!--@if(!$logged_info->member_srl && $mid==$mi->down_mid)-->title="{$lang->msg_not_permitted} {$mi->down_permitted_msg}">
Xetown에서 맥스터님이 질문하신 내용이 제가 커스텀해서 사용하는 스케치북 게시판에 적용되어 있어서 그 부분만 빼서 Tip으로 남깁니다. 1. skin.xml 파일에 추가 <var name="top_panel" type="radio"> <title xml:lang="ko">★게시판최상단 풀립식 판넬</title> <description xml:lang="ko">게시판최상단에 폴더식 판넬의 출력</description> <options value=""> <title xml:lang="ko">사용안함(기본)</title> </options> <options value="N"> <title xml:lang="ko">사용</title> </options> </var> <var name="panel_auto" type="radio"> <title xml:lang="ko"> ┖ 판넬 자동 접기 / 펼치기</title> <description xml:lang="ko">판넬을 처음부터 접기 / 펼치기</description> <options value=""> <title xml:lang="ko">접기(기본)</title> </options> <options value="N"> <title xml:lang="ko">펼치기</title> </options> </var> <var name="top_panel_btn" type="text"> <title xml:lang="ko"> ┖ 버턴안 문구</title> <description xml:lang="ko">버턴안의 문구를 적어주세요(기본 Click)</description> </var> <var name="top_panel_text" type="textarea"> <title xml:lang="ko"> ┖ 판넬안에 들어갈 내용</title> <description xml:lang="ko">판넬안에 들어갈 문구나 이미지, 위젯을 넣어시면 됩니다.(Html지원됨)</description> </var> <var name="top_panel_bcolor" type="text"> <title xml:lang="ko"> ┖ 판넬박스의 배경색상</title> <description xml:lang="ko">판넬박스안의 배경색상을 지정.(기본 투명 ex:#ffffff)</description> </var> 2. list.html 파일안에 추가 상단부분에 "뷰어로 보기" 아래에 "풀립 판넬" 부분 추가합니다. <!--// 뷰어로 보기 --> <include cond="$mi->default_style=='viewer' && $grant->view" target="_viewer.html" /> <block cond="$mi->default_style!='viewer'"> <load target="js/jquery.masonry.min.js" type="body" /> <!--// 게시판상단에 풀립 판넬 --> <div cond="!$mi-> top_panel=='' && !$document_srl"> <load target="js/panel.js" /> <style type="text/css"> .panel,.flip { background-color:{$mi->top_panel_bcolor}; padding:5px; } .flip { height:25px; text-align:right; color:#c0c0c0; cursor:pointer; margin:10px 0;} .panel { <!--@if($mi->panel_auto=='')-->display:none<!--@end--> margin-top:0px; margin-bottom:10px; padding:10px; border:solid 1px #e5e5e5; border-radius:10px } </style> <div class="flip"><span class="btn"><i class="fa fa-plus-square fa-lg" style="margin-right:5px; color:#ff6600;"></i>{$mi->top_panel_btn}</span></div> <div class="panel">{$mi->top_panel_text}</div> </div> 3. panel.js 파일을 다운 받아서 js 폴더에 업로드합니다. 4. 게시판 설정에서 "판넬안에 들어갈 내용"안에 위젯코드를 넣거나 문구들을 넣어 주시면 됩니다.
서버에 요청 중입니다. 잠시만 기다려 주십시오...