MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
1.0x
얼음조각티님이 기초적인 틀을 만들어 주고, 제가 약간의 디자인을 추가하여 얼음조각티님의 허락을 득한 후 모듈로 배포합니다. [V 2.0 수정] • 설정을 모듈에서 직접 관리 게시글 별 평점 모듈 V2.0 • 최소한의 게시판 스킨 수정 - V2.0 • 두 버전을 분리하는 이유는 사용자가 유리한 것을 선택하면 됩니다 - V1.5.2이 각 게시판 별로 형태나 색상을 다르게 적용 가능 • SketchBook5 게시판스킨 - 문하우스 수정버전 V3.5 를 사용할려면 V1.5.2를 설치하는게 좋습니다 - 특히 프로필 부분등 [V 1.5.2 수정] 1. 평가 취소 버턴 추가 2. 모듈 설정에 설치 메뉴얼 추가 3. vote_members.html 파일을 starpoint 모듈로 이동 [V 1.5 수정] * 주의사항 - 기존 사용자는 게시판 설정을 다시 해야합니다.(기본스킨이 Simple 스킨 으로 변경) 1. 스킨 추가 지정 - Simple, Default, black_simple, black_default <var name="star_point" type="radio"> <title>게시글 별 평점 모듈 사용</title> <description>게시글 별 평점 모듈이 설치되어 있어야 합니다. https://moonhouse.co.kr/xemy/598200</description> <options value=""> <title>모듈 설치 안됨(기본)</title> </options> <options value="Y"> <title>모듈 설치</title> </options> </var> <var name="starpoint_skin" type="radio"> <title> ┖ 스킨</title> <description/> <options value=""> <title>Simple(기본)</title> </options> <options value="d"> <title>Default</title> </options> <options value="b_s"> <title>Black Simple</title> </options> <options value="b_d"> <title>Black Default</title> </options> </var> <var name="starpoint_text" type="text"> <title> ┖ 타이틀</title> <description>상단에 들어갈 타이틀(기본문구 : 글)</description> </var> <var name="vote_members" type="radio"> <title> ┖ 평가 회원 출력</title> <description>평점을 투표한 회원 출력</description> <options value=""> <title>출력(기본)</title> </options> <options value="N"> <title>출력 안함</title> </options> <options value="A"> <title>관리자만 출력</title> </options> </var> <var name="vm_form" type="radio"> <title> ┖ 평가 회원 출력 형태</title> <description>평점을 투표한 회원 출력의 형태를 선택</description> <options value=""> <title>Simple(기본)</title> </options> <options value="D"> <title>Default</title> </options> <options value="T"> <title>Simple + Default(관리자)</title> </options> </var> <!--// 글 별평점 모듈 --> <include cond="!$module_info->star_point =='' && $module_info->starpoint_skin ==''" target="/modules/starpoint/skins/simple/rating.html" /> <include cond="!$module_info->star_point =='' && $module_info->starpoint_skin =='d'" target="/modules/starpoint/skins/default/rating.html" /> <include cond="!$module_info->star_point =='' && $module_info->starpoint_skin =='b_s'" target="/modules/starpoint/skins/black_simple/rating.html" /> <include cond="!$module_info->star_point =='' && $module_info->starpoint_skin =='b_d'" target="/modules/starpoint/skins/black_default/rating.html" /> <!-- 글 별평점 모듈 평가 회원 출력 --> <include cond="!$module_info->star_point =='' && $module_info->vote_members ==''" target="vote_members.html" /> <include cond="!$module_info->star_point =='' && $module_info->vote_members =='A' && $logged_info->is_admin == 'Y'" target="vote_members.html" /> 2. 평가 회원 출력 추가 - 일반 출력, 관리자만 출력, 출력 안함 평가 회원 출력 형태 - Simple, Default, Simple + Default(관리자) [Default] [Simple - 평점은 관리자만 보임] [Simple + Default(관리자) - Simple은 모두에게 출력 Default형은 관리자만 출력] [V 1.4 수정] 1. 스킨 지정 - Default, Simple 평점모듈 이지만 게시판 스킨에서 설정과 수정이 많습니다. 어느 것이 정답인지는 모르겠지만 게시판 스킨 수정이 활용 범위가 더 넓은 것 같네요 (모듈 설정 능력이 안 되는 하수의 변명 ㅠㅠ) 스킨을 지정할려면 게시판 스킨의 skin.xml 와 _read.html 에 코드를 추가해야 합니다. <var name="starpoint_skin" type="radio"> <title> ┖ 스킨</title> <description/> <options value=""> <title>Default(기본)</title> </options> <options value="s"> <title>Simple</title> </options> </var> <!--// 글 별평점 모듈 --> <include cond="!$mi->star_point =='' && $mi->starpoint_skin ==''" target="/modules/starpoint/tpl/rating.html" /> <include cond="!$mi->star_point =='' && $mi->starpoint_skin =='s'" target="/modules/starpoint/tpl/simple/rating.html" /> 2. 평가하기시 별에 마우스 오버시 평가점 출력 [Simple 스킨] https://moonhouse.co.kr/xetip/598109 [V 1.3 수정] 1. 평가가 DB에 저장되지 않는다는 이슈가 있어서 수정했습니다. 2. 기존의 사용자중 평가가 없거나 중요하지 않으면 DB에 접속해서 rx_document_star 테이블 삭제해서 초기화후 관리자 설정에서 모듈 업데이트후 사용하면 깔끔합니다. 3. DB 오류나 다른 문제가 있으면 댓글이나 깃허브 이슈로 남겨주세요. [V 1.2 수정] 1. 본인의 글은 평가할 수 없게 수정 (socialskyo) 2. 디자인을 심플하게 수정 3. skin.xml 에 빨간색 부분 추가 - 타이틀부분(글) 변경 가능 sketchbook5 게시판스킨이 아니면 _read.html 파일의 상단에 아래 파란색 코드 추가해야 정상 작동합니다. {@ $mi = $module_info; } $module_info로 작성시 starpoint모듈의 설정을 가져 올려고 하다보니 타이틀 변경이 안되고 $mi로 작성해야 해당 게시판 스킨의 설정을 가져 옵니다. [설치 방법] 1. 다운 받은 모듈을 설치 - 관리자 설정 없음 2. 게시글 별 평점 모듈을 적용할 게시판 스킨의 파일에 아래의 코드를 작성합니다. (예 : /modules/board/skins/sketchbook5) <var name="star_point" type="radio"> <title>게시글 별 평점 모듈 사용</title> <description>게시글 별 평점 모듈이 설치되어 있어야 합니다.</description> <options value=""> <title>모듈 설치 안됨(기본)</title> </options> <options value="Y"> <title>모듈 설치</title> </options> </var> <var name="starpoint_text" type="text"> <title> ┖ 타이틀</title> <description>상단에 들어갈 타이틀(기본문구 : 글)</description> </var> <include cond="!$mi->star_point =='' && $mi->starpoint_skin ==''" target="/modules/starpoint/skins/simple/rating.html" /> 3. 게시판 스킨 설정에서 "게시글 별 평점 모듈 사용" 에서 "모듈 설치"를 선택하면 됩니다. [비로그인 화면] [로그인 회원 화면] [평점후 화면] -Tip- [ 게시글 목록에 별 평점 출력하기 ] https://moonhouse.co.kr/xemy 주의 : 모듈이 설치 되지 않은 상태에서 코드 적옹시 DB오류를 일으킵니다. <var name="star_user" type="radio"> <title> ┖ 게시글 목록에 평점과 형태출력</title> <description>게시글의 목록에 평점과 형태를 선택 합니다. ????주의 : 모듈이 설치 되지 않은 상태에서 출력 선택시 DB오류를 일으킵니다.</description> <options value=""> <title>출력안함(기본)</title> </options> <options value="all"> <title>전부 출력</title> </options> <options value="point"> <title>평점만</title> </options> <options value="star"> <title>별만</title> </options> </var> <!-- 여기에 평점 표시 부분 추가 --> <block cond="!$module_info->star_point ==''"> {@ $oStarPointModel = getModel('starpoint'); $total_point = $oStarPointModel->getDocumentRatedTotalPoint($document->document_srl); } <!--@if($total_point->avg > 0)--> <span cond="!$module_info->star_user == ''" class="starpoint"> <span>평점 :</span> <span cond="$module_info->star_user == 'all' || $module_info->star_user == 'point'" class="score">{number_format($total_point->avg, 1)}점</span> <span cond="$module_info->star_user == 'all' || $module_info->star_user == 'star'" class="starRating pr_tooltip" pr_color="dark" pr_position="b_right" title="{number_format($total_point->avg, 1)}점"> <span style="width:{$total_point->avg*20}%">{number_format($total_point->avg, 1)}</span> </span> </span> <!--@end--> </block> .starRating, .starRating span{overflow:hidden;display:inline-block;height:14px;background:transparent url(../img/white/iconStarRating.png) no-repeat} .starRating{width:79px;vertical-align:middle;text-align:left !important} .starRating span{font-size:0;line-height:0;vertical-align:top;text-indent:-100px;*text-indent:0;background-position:0 -14px} /* 별점 스타일 */ .starpoint { display: inline-block; vertical-align: middle;} .starpoint .score { display: inline-block; margin-right: 5px; vertical-align: middle;} [ 위젯에 별 평점 출력하기 ] https://moonhouse.co.kr 주의 : 모듈이 설치 되지 않은 상태에서 코드 적옹시 DB오류를 일으킵니다. <var id="star_point"> <name>평점 표시</name> <description><![CDATA[ <a href="https://moonhouse.co.kr/xemy/598200" target="_blank" style="color:#ff6600">게시글 별 평점 모듈</a> 설치가 필수입니다.]]> ????주의 : 모듈이 설치 되지 않은 상태에서 표시 선택시 DB오류를 일으켜 전체 페이지가 열리지 않습니다. </description> <type>select</type> <options> <name>표시하지 않음</name> <value></value> </options> <options> <name>표시</name> <value>Y</value> </options> </var><var id="star_user"> <name> ┖ 목록 평점 형태</name> <description>위젯 목록에 평점 형태를 선택 합니다.</description> <type>select</type> <options> <name>전부 출력</name> <value>all</value> </options> <options> <name>평점만</name> <value>point</value> </options> <options> <name>별만</name> <value>star</value> </options> </var> <!-- 여기에 평점 표시 부분 추가 --> <block cond="!$widget_info->star_point == ''"> {@ $oStarPointModel = getModel('starpoint'); $total_point = $oStarPointModel->getDocumentRatedTotalPoint($oDocument->document_srl); } <!--@if($total_point->avg > 0)--> <span class="starpoint"> <span>평점 :</span> <span cond="$widget_info->star_user == 'all' || $widget_info->star_user == 'point'" class="score">{number_format($total_point->avg, 1)}점</span> <span cond="$widget_info->star_user == 'all' || $widget_info->star_user == 'star'" class="starRating pr_tooltip" pr_color="dark" pr_position="b_right" title="{number_format($total_point->avg, 1)}점"> <span style="width:{$total_point->avg*20}%">{number_format($total_point->avg, 1)}</span> </span> </span> <!--@end--> </block> 위젯 따라 빨간색 부분 $oDocument->document_srl 을 바꾸어 주어야 합니다。 content 위젯의 경우는 $item->get('document_srl') 으로 처리됩니다。 /* 평점 표시 부분 */ .starpoint { display: inline-block; margin-left: 5px; float:right; } .starpoint .score { color:#bbb; } .starRating, .starRating span { overflow:hidden;display:inline-block;height:14px;background:transparent url(이미지경로/iconStarRating.png) no-repeat} .starRating { width:79px;vertical-align:middle;text-align:left !important} .starRating span{ font-size:0;line-height:0;vertical-align:top;text-indent:-100px;*text-indent:0;background-position:0 -14px} iconStarRating.png 다운로드
profile
팔공산
May 13 2024 평점 : 5.0점 5.0
• 기존 스케치북 게시판 스킨에 덮어 쓰기 해도 잘 작동됩니다. (혹시 모르니 백업은 필수!!) - /modules/board/skins/sketchbook5 에 모든 파일을 덮어 쓰기 하면 됩니다. • XE 사용자의 경우 xe.zip 파일의 압축을 풀어서 _read.html & list.html & write_form.html & _write_form_mobile 을 덮어 씌우면 작동합니다. - 사용 환경(xe버전, php버전등)에 따라서 정상 작동하지 않을수도 있습니다. XE에서는 테스트 후 적용을 검토하세요. • 오리지날 스케치북 게시판 메뉴얼 • 개발 버전은 Github에 올려져 있습니다. 이전 버전들 의 내용이 너무 길어져서 V3.0 부터는 새로운 글로 시작합니다. Ver 3.6 - 2026.07.28최신기능추가개선 • 기능추가본문글 자동 스크롤 적용 — 스크롤 속도, 스크롤 대상 선택자, 헤더 여백, 속도 다이얼 표시 • 개선댓글 평점 Stat 삭제 — 리스트, 웹진형 목록글 아레에 댓글 출력시 평점 Stat 삭제 • 개선버전 출력 — 업로드 파일 이름에 버전 정보가 존재하지 않아도 xml 파일을 읽어서 버전 출력 압축 파일 안에 본 프로그램 그대로 압축 Ver 3.5.3 - 2026.06.28버그수정개선수정파일만 제공 • 버그수정댓글 평점 기능 수정 — 댓글 작성 없이 댓글 등록 되는 버그 수정 • 개선목록글 아래 댓글 출력 — 리스트, 웹진형 목록글 아레에 댓글 출력시 평점 Stat로 출력 • 수정파일_comment_write.html, list_comment.html, list_webzin_comment.html, board.css Ver 3.5.2 - 2026 06 13 - 수정 파일만 업로드 • 댓글 등록시 평점 입력 추가 - skin.xml, _comment.html, _comment_write.html Ver 3.5.1 - 2026 05 30 - 수정 파일만 업로드 • 릴리즈 정보 모듈 에 정상적으로 작동하는 버전 - write_form.html, _read.html • 자료실 형태 출력 시 앞 칸에 버전 정보 출력 - _read_data.html - 단, 업로드 파일 이름에 버전 정보가 존재해야 됨(ex; sketchbook5_MH V3.5.zip) Ver 3.5 - 2026.01.13신규버그수정기능추가개선 • 버그수정php8.4에서 에러 수정 리스트, 웹진, 첫 글만 썸네일형 목록에서 댓글 출력 순서 / 댓글 칸 출력 형태 변경 시 리스트, 웹진, 첫 글만 썸네일형 목록에서 목록에 #태그 출력 시 수정파일 - skin.xml, _list_FirstThumb.html, _list_normal.html, _list_webzine.html • 버그수정외부 링크 파일을 로그인 회원만 확장 변수 활용 다운 받게 하는 방법 수정 - 새 창 대신 현재 창에서 파일 다운로드 가능 수정파일 - down.html • 개선댓글에 지정 문구 출력 - 댓글에 이미지, 동영상만 존재할 때 리스트 댓글에 지정 문구 출력 등 수정파일 - list_comment.html, list_webzin_comment.html, __setting.html, skin.xml, img/image-line.svg, img/file-video-line.svg • 개선자료실 형태 출력 시 Total 다운 수 출력 수정파일 - _read_data.html • 기능추가확장 변수 지정일 후 숨김 처리 - rhymix.org/qna에 적용되어져 있는 기능 확장변수 설정 > 지정 날 수 Over Hidden 확장변수 ID 수정파일 - extravars.html, skin.xml • 신규Wizard 설정 게시판 상단에 출력 - https://moonhouse.co.kr/xetip/601072 전체 설정 > 위저드 설정 사용 수정파일 - list.html, skin.xml, _wizardsetting.html • 기타지정 시간(5초)이 지나면 게시판 화면에서 사리 지게 만드는 기능들 - https://moonhouse.co.kr/html/601127 수정파일 - board.js, list.html, ver.html, _wizardsetting.html • 신규게시글 별 평점 모듈 업데이트 - https://moonhouse.co.kr/xemy/598200 본문 일반 설정 > 게시글 별 평점 모듈 사용 평가 회원 출력 추가 - 일반 출력, 관리자만 출력, 출력 안함 평가 회원 출력 형태 - Simple, Default, Simple + Default(관리자) 수정파일 - _read.html, skin.xml, vote_members.html, vote_member.css • 개선skin.xml 파일에 영어버전 포함 [ V3.4 수정 ] 2025.11.14 잔잔한 버그 및 코드 수정 1. https://moonhouse.co.kr/xemy/590994#comment_600573 2. 댓글부분 클립보드로 복사하기 잘못된 링크 코드 수정 - 수정전 - <a class="copycomLink" style="font-size:12px; color:#aaa" href="{getUrl('', 'mid', $mid, 'act', 'document_srl', $comment->document_srl, 'comment_srl', $comment->comment_srl)}#comment_{$comment->comment_srl}" data-clipboard-text="{getFullUrl('', 'mid', $mid, 'act', 'document_srl', $comment->document_srl, 'comment_srl', $comment->comment_srl)}#comment_{$comment->comment_srl}" onclick="return false;">#comment_{$comment->comment_srl}</a> -수정후- <a class="copycomLink" style="font-size:12px; color:#aaa" href="{getUrl('', 'mid', $mid, 'document_srl', $comment->document_srl)}#comment_{$comment->comment_srl}" data-clipboard-text="{getFullUrl('', 'mid', $mid, 'document_srl', $comment->document_srl)}#comment_{$comment->comment_srl}" onclick="return false;">#comment_{$comment->comment_srl}</a> [ V3.3.2 수정 ] 2025.03.19 1. 리액션 모듈 추가 [ 본문 일반 설정 > 리액션 모듈 사용 ] https://rhymix.org/pds/1902871 2 게시글 별 평점 모듈 추가 [ 본문 일반 설정 > 게시글 별 평점 모듈 사용 ] https://moonhouse.co.kr/xemy/598200 3. 게시판 목록에 별 평점 출력 - 목록형, 웹진형, FT형 4. php8 이상 버전 에서의 in_array 오류 수정 list.html 파일 php8 이상에서 오류 수정 - 'category' 따옴표 누락 href="{getUrl(category,$val->category_srl,'document_srl','','page','')}" href="{getUrl('category',$val->category_srl,'document_srl','','page','')}" [ V3.3 수정 ] 2025.03.01 Php 8.0 이상에서 정상 작동됨 1. 목록형 선택시 목록이 본문폭을 넘어 설때 마우스 휠 좌우 스코롤로 작동하기 [ 전체 설정 > ┖ 마우스 휠 좌우 스코롤 ] https://moonhouse.co.kr/html/594178 2. 본문에서 테이블 가로폭이 본문을 넘어설때 마우스 휠 좌우 스코롤로 작동하기 table의 class를 tg로 줘야함 <table class="tg" style="width:1000px"> 내용 </table> 3. 거래장형 Url 바로가기 확장변수 번호 오류 수정 4. 게시판목록 조회수별 아이콘출력 설정 이미지 기본 수 적용 오류 수정 5. 확장변수 형식에 폼형태(좌측 사진) 추가 [ 확장변수 설정 > ★폼 형태 ] https://moonhouse.co.kr/xetip/594999 6. 내용글 세로 칸수 지정 - 웹진형, 첫글 썸네일형 [ V3.2 수정 ] 2024.11.14 [긴급 수정] 게시판 List 형식시 분류가 있는 공지글 작성시 분류칸이 넓어지고 제목칸이 좁아지는 오류 수정 이 오류만 수정할려면 V3.2에서 _notice.html 파일만 교체해도 됩니다. 1. 웹진형 리스트에 에드센스 삽입 3개까지 추가 - https://moonhouse.co.kr/xetip/592403 [ 웹진형 설정 > ★웹진형 리스트에 광고 삽입(FT) ] Sample - https://moonhouse.co.kr/festival 2. 목록형 List 애드센스 출력 Sample -https://moonhouse.co.kr/free 3. 추천인 기능 추가 [ 본문 일반 설정 > 추천인 표시 ] 4. 게시판에 여러개 업로드된 파일을 파일명 으로 정리 https://xetown.com/questions/1844831#comment_1844839 [ 첨부파일 > ┖ 파일이름명 순서대로 출력 ] 5. 게시판 전체영역(List, 본문등) table 가로 overflow-x: auto 적용 https://xetown.com/questions/1845494#comment_1845571 [ 전체 설정 > table 가로 overflow-x: auto 적용 ] [ V3.1 수정 ] 2024.07.11 1. Book 갤러리형 스킨, Webzine 스킨 - https://moonhouse.co.kr/xetip/591921 - 확장변수명 price 적용시 천단위 쉼표 자동 적용 - 가격 앞, 뒤에 단위 입력 가능 [ 확장변수 설정 > ★수정확장변수 게시판명 > ┖ 수정할 확장변수 확장 변수 ID 이름 > ┖ 확장변수 전방 단위 > ┖ 확장변수 후방 단위 ] 2. 글 리스트에서 댓글 출력 모양 수정 - https://moonhouse.co.kr/html/591987 3. 관리자에게 모듈번호 출력 (OrangeDay_board 에서 가져옴) - https://moonhouse.co.kr/xetip/592258 [ 전체 설정 > 모듈번호 출력 ] 4. 관리자에게 SketchBook5_MH 버전 정보 출력 (OrangeDay_board 에서 가져옴) [ 전체 설정 > SketchBook5_MH 버전 정보 출력 ] [ V3.0 수정 ] 2024.04.10 1. 폰트어썸 웹폰트와 문하우스 전용 버턴 기능을 에드온에 의존하지 않고 게시판 설정에서 직접 관리 전체설정 > 폰트어썸 사용형태 or Sexy Button 사용형태 2. 게시글 상단 네비에 목록과 쓰기 버턴 추가 3. 공지글 폴딩 형태로 출력 기능 추가 선택 가능 - https://moonhouse.co.kr/xetip/588063 목록 공통 설정 > 공지글 폴딩 출력 4. 게시판 최상단 판넬의 형태 선택 추가 - Html 과 js (게시글 상단의 "필히 보세요!" - html적용) 5. 지도 항목에서 마커 이름 확장변수(shop)만 적용에서 제목/확장변수 둘중 선택 6. Github 파일을 확장변수 다운로드에 추가 - https://moonhouse.co.kr/comtip/589318 확장변수 설정 > ┖ 확장변수 입력항목 이름(Github 전용) 7. skin.xml에 "목록에 #태그 출력(FT)" 항목이 이중으로 작성된 것 수정 8. Tag 버그 수정- https://xetown.com/questions/1818810#comment_1818923 9. 목록상부에 Tag 버턴 출력 - tag_list_adv 위젯이 설치 되어 있어야 함 - https://xetown.com/download/299989 게시판 상단 설정 > ★상단 TAG 버튼 10. D-day 기능에 시작전 기능 추가 목록 공통 설정 > 날짜종료 사용자정의 이름 >┖ 시작 11. 글작성 상단에 빵조각 게시판 상단 설정 > 게시판 최상단에 빵조각 and 글작성 [참조1] 확장변수명이 특정단어로 끝날때 숨김처리 하기 •확장변수명이 _wh, _wrh로 끝날때 글 작성시 숨김처리 하기(관리자는 예외) - write_form.html •확장변수명이 _rh, _wrh로 끝날때 본문 읽기시 숨김처리 하기(관리자는 예외) - extravars.html https://moonhouse.co.kr/xetip/582252
MediaElement.js와 HTML5 video,audio 태그를 이용한 미디어 플레이어 및 유튜브 링크 애드온입니다. 당초에는 유튜브 뮤직을 링크시켜주는 애드온을 찾다고 없어서 시작했는데 일판이 좀 커졌네요. 애드온 이름을 몇번 바꾸다가 최종적으로 미디어플레이어 애드온으로 정했습니다. 폴더 이름은 mytube youtube가 '너튜브"라면 mytube는 '내튜브'...... https://xetown.com/tips/1167281 참조 유튜브 링크가 메인이 아니고 원래는 첨부한 오디오와 비디오 재생이 주 기능입니다. 1. 업로드된 mp3 및 wav 등의 오디오 파일 재생 2. 업로드된 mp4, mov, 3gp 등등의 비디오 파일 재생 제가 만들었지만 어디까지 동작할지는 저도 잘 모릅니다. html5 video,audio가 지원하는 것은 다 될 것으로 추측합니다. 3. 유튜브 링크 4. 유튜브 뮤직 링크 5. 위 4가지 기능이 댓글에서도 동작 6. 유튜브 영상과 오디오의 제목과 설명가져오기 7. 리스트재생(미완성) 목록까지는 가져오지면 UI는 완성하지 못했습니다. 수정해서 사용하시고 잘되면 공유 부탁드립니다. 8. 반응형 플레이어 당초 목적은 모바일에서 찍은 동영상을 업로드하고 다음화면서 재생하는 것이어서 모바일과 데스크탑에 다 어울리는 반응형으로 만들었습니다. 9. 썸네일 만들기 썸네일 애드온 별도로 사용할 필요없습니다. Rhymix에서는 외부이미지로 본문삽입만해도 썸네일이 잘생깁니다. XE에서는 잘 안되는 경우가 종종 있어서 아예 썸네일을 첨부화일로 넣는 기능을 만들었습니다. 나머지 설정은 바꿔가면서 테스트해보면 금방 이해할 수 있는 것들이라 설명을 생략합니다. 포스터기능은 업로드된 동영상을 위한 것입니다. 유튜브 동영상은 preload 기능을 이용하면 플레이하기 전에 썸네일 화면이 보이지만 업로드된 동영상은 플레이되기 전까지는 아무것도 나나타지 않습니다. 처럼 각자의 사이트에 걸맞는 영상을 만들어서 입력해주면 플레이되기 전에도 뭔가를 보여 줄 수 있습니다. 마지막으로 제일 중요한 것은 youtube data api key를 입력해야합니다. 입력하지 않아도 동작에는 문제가 없지만 제목과 설명을 가져오지 못합니다. 구글콘솔에 사이트를 등록하고 youtube data api key를 만들어서 입력하면 됩니다. 자세한 설명은 https://developers.google.com/youtube/registering_an_application?hl=ko 를 참조하십시요. api 키를 입력하면 재생창 상단에 제목이 나타나고 제목을 클릭하면 toggle되면서 설명이 나옵니다. 모바일에서 백그라운드로 가거나 화면을 끈 상태에서도 플레이가 가능합니다. 단 스마트폰 브라우저앱의 알림기능 , 특히 미디어알림기능이 꺼져있으면 동작하지않습니다. https://xetown.com/topics/1166111 참조 mediaelement.js를 가져다 xe(Rhymix)에 붙여서플레이어를 만들고 있습니다. 작업은 거의다 마무리 되어서 좀더 테스트해보고 공개할 예정입니다. 헌데 몇가지 기대이상의 기능들이 있네요. 저도 뭐 js는 그져 가져다 사용하는 입장이라서 아직 내부 기능을 다 이해하지는 못한 상태입니다. 그중에서도 눈에 띄는 점은 모바일 플레이어 기능입니다. 일반적으로 유튜브를 플레이시키면 별도의 플레이어가 있는 것이 아니라서 화면을 끄거나 백그라운드로 들어가면 플레이가 중지됩니다. 하지만 미디어플레이어에 링크해서 플레시키면 플레이어가 뜨네요. 화면을 끄거나 백그라운드로 들어가도 플레이어는 동작합니다. 스마트폰을 꺼서 호주머니 담은 상태에서도 음악감상이 가능합니다. 연결된 블루투스 기계에서 콘트롤도 가능하고... 구태여 유튜브 프리미엄으로 가지 않아도 될 것같습니다... ver : 0.8.1 1. 태그를 사용해서 유튜브를 링크한 경우 여러개의 재생창이 생기면서 발생하던 문제를 수정했습니다. 2. iframe 태그를 사용하던 기존 링크와 호환되게 수정했습니다. 3. 제목과 설명을 유튜브처럼 영상 아랫쪽으로 이동했습니다. ver : 0.8.2 url 및 설명과 제목의 사용여부와 위치를 설정할 수 있게 수정했습니다. [Sample] https://www.youtube.com/watch?v=tifg16jpNmQ
- '템플릿 컴포넌트'입니다. - 미리 완성된 서식(템플릿)을 이용해 문서를 편집할 수 있게 해주는 에디터 컴포넌트입니다. 기본 기능 - 원래는 회원 발송용 뉴스레터 템플릿을 제공하기 위해 만들었던 컴포넌트입니다. GG님의 관리자 메일 모듈과 같이 쓰면 좋습니다.( 0.5 버전 https://xetown.com/rxe_point/278628 , 깃허브에는 0.6도 있습니다ㅎ ) - 그 외에도 컴포넌트 이용자가 템플릿을 직접 만들어 활용할 수 있으므로, 견적서, 증빙서류 등 정해진 서식을 출력할 때 활용하는 것도 좋을 것 같습니다. - 풀 페이지, 헤더, 섹션, 푸터 등 4가지 타입의 템플릿을 제공합니다. - 해당 템플릿을 에디터 내 원하는 위치에 삽입할 수 있으며, 전체 덮어쓰기도 할 수 있습니다. 사용 방법 - CKEditor4 기준으로 설명합니다. - 보라색 부분의 아이콘을 누릅니다. - 팝업창이 뜹니다. - 썸네일 리스트의 원하는 템플릿을 골라 에디터에 '추가'하거나 '덮어쓰기'를 하면 에디터에 이렇게 적용됩니다. (템플릿 요소(li)를 더블클릭하면 에디터 커서 위치에 '추가'가 됩니다) - 물론 이미지나 글 내용을 수정할 수도 있습니다. 템플릿 등록 방법 - 컴포넌트 폴더에 templates 이라는 폴더가 있는데요. 이 안에 템플릿 문서 파일이 있는 하위폴더들이 있습니다. - 하위폴더의 이름은 템플릿들의 이름이기도 합니다. - 각각의 하위폴더에는 기본 제공되는 폴더에 있는 것처럼 index.html, info.xml, thumb.jpg가 있어야 합니다. - index.html은 템플릿의 html 코드를 담고 있습니다. 참고로, 기본 제공되는 템플릿은 뉴스레터 이메일 용으로 제작 중인 것이어서 기본적으로 인라인 스타일을 일괄적용하고 있습니다. - info.xml은 템플릿의 정보를 담고 있습니다. 기존 파일을 열어보시면 아시겠지만, admin, full_page, header, section, footer에 관한 정보가 필수적으로 들어가야 합니다. admin 값이 Y면 관리자만 템플릿을 적용할 수 있습니다. N이면 에디터 이용자 모두가 볼 수 있구요. full_page 값이 Y면 전체 문서에 어울리는 템플릿 유형이라는 뜻입니다. N이면 아니구요. header 값이 Y면 문서의 머리말로 어울리는 템플릿 유형이라는 뜻입니다. N이면 아니구요. section 값이 Y면 문서의 본문으로 어울리는 템플릿 유형이라는 뜻입니다. N이면 아니구요. footer 값이 Y면 문서의 꼬리말로 어울리는 템플릿 유형이라는 뜻입니다. N이면 아니구요. - thumb.jpg는 팝업창에서 출력하는 템플릿 리스트에서 출력할 썸네일입니다. 크기는 대략 120*100px 정도가 좋습니다. => 이렇게 준비하시면 여러분도 템플릿을 등록해서 언제든 꺼내서 사용하실 수가 있게 되는 겁니다. 주의 사항 - 본 템플릿 컴포넌트는 CKEditor4와 FroalaEditor에서 작동합니다. - 단, 프로알라 에디터의 경우에는 요소가 삽입될 경우 요소 앞뒤로 p태그가 자동으로 추가되므로 CKEditor4와 에디터 반영 결과가 다소 다를 수 있습니다. 테스트 환경 - 크롬 66.0.3359.181 / IE 11.48.17134.0 / 엣지 42.17134.1.0 - 라이믹스 1.9.6 / PHP 버전: 7.0.22 ... CKEditor4 - XE 1.9.7 / PHP 버전: 5.5 ... FroalaEditor - 스포어 웹호스팅, 카페24 웹호스팅 히스토리 - 2017년 9월 11일 "신기하네요. 레이아웃 만들기" https://xetown.com/rxe_story/729982 - 2017년 9월 13일 "재미난 녀석을 만들고 있습니다 ... 템플릿 컴포넌트" https://xetown.com/rxe_story/731957 - 2018년 6월 14일 "템플릿 컴포넌트 순항 중ㅎㅎ" https://xetown.com/board/996760 - 2018년 6월 17일 "XE에서 컴파일이 안돼요ㅠ(라이믹스에서는 되구요)" https://xetown.com/qna/998893 데모 - 라이믹스 1.9.6 / CKEditor4 / PHP 7.0.22 https://bit.ly/2IECAeU (들어가서 -> 쓰기 버튼 -> 템플릿 컴포넌트 아이콘을 클릭하면 컴포넌트 팝업창이 뜸) 문하우스에서 만든 템플릿들 - https://moonhouse.co.kr/index.php?mid=xemy&search_target=tag&search_keyword=MH+%ED%85%9C%ED%94%8C%EB%A6%BF

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
충청 충주 중앙탑 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,561 19 Div라운드 적용된 MH최신글멀티위젯 V1.5.1 (4월13일수정) file
팔공산 2008.04.06 59,317
2,560 18 한글 2022 프로그램이 공문서 열람 프로그램인 한 ODT와 호환이 되지 않아서 사용불가 file
팔공산 2021.12.09 12,494
2,559 18 문하우스 레이아웃스킨 V3 입니다 file
팔공산 2009.10.29 73,764
2,558 17 게시글 별 평점 모듈 V1.5 - 2026. 01. 09 file
팔공산 2025.03.17 3,356
2,557 15 mjworks. 레이아웃스킨중에 문하우스에 사용중인 드랍메뉴 이미지 file
팔공산 2008.07.28 7,525

 

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