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

• 기존 스케치북 게시판 스킨에 덮어 쓰기 해도 잘 작동됩니다. (혹시 모르니 백업은 필수!!) - /modules/board/skins/sketchbook5 에 모든 파일을 덮어 쓰기 하면 됩니다. • XE 사용자의 경우 [ 본문 일반 설정 > 추천/비추천 기능 XE사용 ] 에서 XE사용을 선택하면 됩니다. 글의 내용이 너무 길어져 V3.0 부터는 새로운 글로 시작합니다. https://moonhouse.co.kr/xemy/590994 [ V2.6 수정 ] 1. 프로필 이미지 자동 입력 형태 선택시 이미지 or 색상(추가)으로도 선택 가능 - 글쓰기 및 댓글쓰기 설정 > 자동 프로필 형태 https://moonhouse.co.kr/xetip/509675/comment/584143#comment_584143 [색상] [이미지] 2. 게시판 리스트 목록에 확장변수중 url변수를 버턴형식으로 출력 - 확장변수 설정 > ★게시판 리스트에 버튼 형식으로 출력할 확장변수 ID https://moonhouse.co.kr/xetip/584217 3. 추천+댓글 동시에 등록 하는 버튼 추가 - 글쓰기 및 댓글쓰기 설정 > 댓글 등록 + 추천 버턴 출력 https://moonhouse.co.kr/xetip/586363 4. 비회원 글 작성시 이메일, 홈페이지란 미출력시 글쓴이와 비번란 가로 확대 적용 5. bootstrap을 사용하는 레이아웃(EX : simplestrap)과의 호환성 문제 해결 [-] [ 2023. 09. 15. 라이믹스 2.1.5 버전 사용시 예러 수정법 } 첨부파일 표시 방법을 자료실 목록 형태로 꾸미기 - https://moonhouse.co.kr/xetip/578018 를 사용하고 계신 유저분들은 /modules/board/skins/sketchbook5_MH/_read_data.html 파일에서 아래부분 수정해 주세요 18줄 빨간색 부분 삭제해 주세요. 모바일 m.skins/sketchbook5_MH에서도 수정하세요. <!--@if($mi->files_reverse == '')-->{@ $re_files = array_reverse($re_files); // 시간 역순으로 정렬}<!--@end--> <!--@if($mi->files_reverse == '')-->{@ $re_files = array_reverse($re_files)}<!--@end--> [ V2.5 수정 ] * Rhymix 2.1.0 버전업 후 sketchbook5_MH 사용시 본문글 진입시 에러 출력 수정 1. skin.xml 파일 - 모든 언어에서 설정 선택시 한국어로만 보임, 타 언어로 번역하지 않았음 - 한국인만 사용하라는 뜻 ^.^!퍽 https://moonhouse.co.kr/xemy/530374/comment/581086#comment_581086 2. 관리자는 필수 확장변수 프리패스 https://moonhouse.co.kr/xetip/575768 3. 레이아웃 다크모드 설정시 웹진형 문제 수정 - "웹진형 설정 > 다크모드" https://moonhouse.co.kr/xetip/581777 4. 웹진형을 다크모드형식으로 적용시 "게시판 목록에서 확장변수 바로 수정 애드온"이 적용 5. "게시판 목록에서 확장변수 바로 수정 애드온"이 적용된 확장변수 항목 아래 언더바 출력 - 관리자만 6. 확장변수에 미리 글씨넣기 - "확장변수 설정 > ★지정글 확장변수 No" https://xetown.com/questions/1767626#comment_1767658 7. 게시판을 클릭 했을때 관리자 이외의 접속자는 글쓰기 폼이 먼저 출력 - "목록 공통 설정 > ★글쓰기폼 먼저 출력 mid" 8. 확장변수명이 특정단어로 끝날때 숨김처리 하기 •확장변수명이 _wh, _wrh로 끝날때 글 작성시 숨김처리 하기(관리자는 예외) - write_form.html •확장변수명이 _rh, _wrh로 끝날때 본문 읽기시 숨김처리 하기(관리자는 예외) - extravars.html https://moonhouse.co.kr/xetip/582252 9. 확장변수 사용하여 날짜 기간 출력하기 - "확장변수 설정 > 날짜 기간 출력시 제목" https://moonhouse.co.kr/xetip/582728 [-] [ 2023. 06. 21. 긴급 패치 ] Rhymix 2.1.0 버전업 후 sketchbook5_MH 사용시 본문글 진입시 에러 출력 수정 방법 /modules/board/skins/sketchbook5_MH/__setting.html /modules/board/m.skins/sketchbook5_MH/__setting.html 두 파일에서 아래 부분 찾아서 수정해 주세요. <!--// 커스텀 파일 넣기 --> <include cond="file_exists(_XE_PATH_.'modules/board/skins/sketchbook5_MH/custom/custom.php')" target="custom/custom.php" /> [ V2.4.1 수정 ] - V2.4에서 수정된 파일만 올립니다. 처음 설치하시는 분은 V2.4를 먼저 받으시고 V2.4.1을 덮어 씌우면 됩니다. 1. 외부링크 다운로드 출력에도 다른 확장변수 출력가능 - 관심이 없었다면 모르고 있었겠지만???? 이전 까지는 되지 않았음 [ 확장변수 설정 > ★확장변수 입력항목 이름(일반텍스트 링크) ] 아래 이미지의 출처부분과 하단의 다운로드 버턴이 같이 출력됨 2. 게시판 상단 풀립 판넬이 본문 상단에도 출력가능 - [ 전체 설정 > ★게시판 최상단 판넬 출력과 내용 > ┖ 본문 상단에도 출력 } [ P.S ] 관리자만 글작성, 수정 확장변수 부분 설정을 본문내용에서도 보이지 않게 수정할려면 - [ 확장변수 설정 > ★관리자전용 작성 확장 변수 ID ] extravars.html 아래 부분에서 && $val->eid!==$mi->admin_extra 추가하면 됩니다. <!--@if($val->value && ($mid !=$mi->extra_mid || ($val->name!=$mi->extra_name1 && $val->name!=$mi->extra_name2 && $val->name!=$mi->extra_name3 && $val->eid!==$mi->admin_extra && $val->name!=$mi->et_logon_name && $val->name!=$mi->t_logon_name && $val->name!=$mi->g_logon_name && $val->name!=$mi->d_logon_name || $grant->manager)))--> 아님 "┖ Hidden 확장변수 입력항목이름"에 확장변수의 이름을 작성해도 됩니다. [ V2.4 수정 ] 1. 확장 변수가 자동으로 제목으로 대체되는 진짜 방법 - [ 글쓰기 및 댓글쓰기 설정 > ★제목 대체 확장변수 번호 } https://moonhouse.co.kr/xetip/579242 2.확장 변수가 자동으로 제목으로 대체되는 가짜(?)방법 - [ 글쓰기 및 댓글쓰기 설정 > ★확장변수로 제목 대체 ] https://moonhouse.co.kr/xetip/578453 3. 게시판 배경 색상 지정 - [ 전체 설정 > 게시판 배경 색상 입력 ] https://moonhouse.co.kr/xemy/530374?comment_srl=578784#comment_578784 4. 확장변수 "URL 형식" 주소란 에 텍스트 Link 출력하는 방법 - [ 확장변수 설정 > ★URL 형식 주소 대신 텍스트 출력 확장변수 ID ] https://moonhouse.co.kr/xetip/579377 5. 다크모드시 투명창 문제 수정 https://moonhouse.co.kr/qa/578821?comment_srl=579630#comment_579630 [-] [ V2.3 수정 ] 1. _list_FirstThumb.html 확장변수 버턴 출력에서 "카테고리/확장변수 바로 수정 애드온" 적용시 확장변수명을 change로 지정 - 애드온에서도 change를 추가 해야합니다. 2. 비회원 글 작성시 E-mail란 삭제 옵션 추가 3. 확장변수를 이용해 진행버턴과 D-Day를 함께 출력 - "목록형" & "첫 글만 썸네일 출력 웹진(FT)"에 적용 https://moonhouse.co.kr/xetip/577872 4. 첨부파일 표시 방법을 자료실 목록 형태로 꾸미기 https://moonhouse.co.kr/xetip/578018 [-] [ V2.2.1 수정 ] 1. 기존 오리지날 스케치북 스킨 /modules/board/skins/sketchbook5 에 덮어 씌울시 수정할 부분 추가 _comment.html 74줄 수정 background:url('./modules/board/skins/sketchbook5_MH/img/ background:url('{$tpl_path}img/ editor_textarea.js 11, 12줄 수정 a = a.replace('/modules/board/skins/sketchbook5_MH/',''); a = a.replace('/modules/board/m.skins/sketchbook5_MH/',''); a = a.replace('$tpl_path',''); a = a.replace('$tpl_path',''); [ V2.2 수정 ] 1. 스티커모듈 사용시 비회원 댓글 작성시 닉네임 영역이 출력되지 않아서 댓글 작성을 할 수 없었던 문제 수정 sketchbook5_MH 게시판스킨과 스티커모듈을 함께 사용중이면 필히 업로드 해야합니다. 이렇게 올바르게 작동 되지 않은지가 한참은 된 것 같은데 이제야 알게 되었네요.ㅠㅠ 2. 기존 오리지날 스케치북 스킨 /modules/board/skins/sketchbook5 에 덮어 씌울시 수정할 부분 없이 정상작동 합니다. [-] [ V2.1 수정 ] 1. 댓글 작성자가 원글 작성자인 경우 표시 https://moonhouse.co.kr/xetip/554591 2.원댓글/대댓글 따로따로 애드온 적용 https://moonhouse.co.kr/xetip/554827 3. 첫 게시글만 썸네일 출력 스킨 추가 https://xetown.com/questions/1685046 해당 글의 질문과 댓글을 종합하여 거의 근접하게 구현해 보았습니다. Demo : https://moonhouse.co.kr/qa - 썸네일, 프로필, 닉네임, 날짜, 제목, 태그, 내용글, 댓글수, reader, voted, 댓글 출력, 카테고리, 통합게시판으로 사용시 게시판명, 확장변수 평가 항목, 확장변수 분류항목 출력 가능 - 전체 게시글 썸네일 출력도 가능 [-] [ V2.0 수정 ] 1. Rhymix 2.0.15 이상 적용, 확장변수 작성시 확장변수칸 문제 수정 2. 외부링크 다운로드창 선택 - self, blank 3. 확장변수 ID를 admin_select로 생성후 글 작성시 확장변수란에 보이지 않으며 관리자가 수정시에만 보임 4. 게시판 스킨 설정항목(skin.xml)에 해당항목 적용팁 링크 추가 5. 라이믹스 통합게시판 적용시 게시판명 클릭시 오류 수정 - 해당 게시판으로 이동 6. 라이믹스 통합게시판 적용시 제목글 우측에 게시글로 직접 연결되는 아이콘 출력 - 기존 게시글 클릭시 통합게시판내에서 출력 https://moonhouse.co.kr/total1 7. 숭숭군님의 자동 댓글 애드온 사용시 - https://ssgroom.com/xecenter/603 스티커버턴 과 자동댓글 버턴의 위치 조정 8. "게시판 목록에서 확장변수 바로 수정 애드온" 을 게시판과 모바일에 적용 원 게시글 : https://xetown.com/download/1666779 Tip 게시글 : https://moonhouse.co.kr/xetip/553814 9. 게시목록 좌우 스크롤(수평 스크롤, 스와이프)할 때 특정 컬럼을 고정 하는 기능 추가 https://moonhouse.co.kr/xetip/554284 [-] [ V1.9.2 수정 ] 1. 웹진형에도 댓글출력 가능 - https://moonhouse.co.kr/xetip 2. 확장변수이용 분류 버턴을 웹진형에도 출력가능 3. 기타 잔잔한 버그 수정 [ V1.9.1 수정 ] 1. 댓글칸수를 지정할 수 있으며 댓글의 순서를 지정할 수 있음 "설정" > "목록형 설정" > "★리스트형식 댓글 출력" 2. https://moonhouse.co.kr/xetip/545078 적용 3. XE에서도 아래 설정을 선택하면 사용은 가능 하나, 특정기능에서는 오류를 일으킬 수 있습니다. 되도록이면 라이믹스에서의 사용을 권합니다. "설정" > "본문일반설정" > "추천/비추천 기능 XE사용" [ V1.9 수정 ] 1. 문하우스 게시판스킨 에 구현 되어져 있던 "리스트 글제목 아래에 댓글을 함께 출력"을 SketchBook5_MH 게시판스킨에도 적용했습니다. [Sample] https://moonhouse.co.kr/qa [-] [ V1.8.5 수정 ] 1. 기본파일은 라이믹스에서 정상작동합니다. 2. XE 버전을 사용할려면 (단지, 추천후 취소가 되지 않음) XE 적용 Click <!--// Vote --> <div cond="$mi->votes!='N'" class="rd_vote"> <a class="bd_login" href="#" onclick="doCallModuleAction('document','procDocumentVoteUp','{$oDocument->document_srl}');return false;"|cond="$is_logged" style="border:2px solid #{$mi->color};color:#{$mi->color};"> <b><i class="fa fa-heart"></i> {$oDocument->get('voted_count')}</b> <span>{$lang->cmd_vote}</span> </a> <a cond="!$mi->votes" class="blamed bd_login" href="#" onclick="doCallModuleAction('document','procDocumentVoteDown','{$oDocument->document_srl}');return false;"|cond="$is_logged"> <b><i class="fa fa-heart"></i> {$oDocument->get('blamed_count')}</b> <span>{$lang->cmd_vote_down}</span> </a> <a cond="$mi->declare" class="blamed declare bd_login" href="#" onclick="doCallModuleAction('document','procDocumentDeclare','{$oDocument->document_srl}');return false;"|cond="$is_logged"> <b><i class="fa fa-phone"></i></b> <span>{$lang->cmd_declare}</span> </a> </div> 라이믹스 적용 Click <!--// Vote --> <div cond="$mi->votes!='N'" class="rd_vote"> <a cond="$oDocument->getMyVote() === false || $oDocument->getMyVote() < 0" href="#" onclick="doCallModuleAction('document','procDocumentVoteUp','{$oDocument->document_srl}');return false;" style="border:2px solid #{$mi->color};color:#{$mi->color};"> <b><i class="fa fa-heart"></i> {$oDocument->get('voted_count')}</b> <span>{$lang->cmd_vote}</span> </a> <a cond="$oDocument->getMyVote() > 0" href="#" onclick="doCallModuleAction('document','procDocumentVoteUp','{$oDocument->document_srl}');return false;" style="border:2px solid #{$mi->color};color:#{$mi->color};"> <b><i class="fa fa-heart"></i> {$oDocument->get('voted_count')}</b> <span>{$lang->cmd_vote}</span> </a> <span cond="!$mi->votes"> <a cond="$oDocument->getMyVote() === false || $oDocument->getMyVote() > 0" class="blamed" href="#" onclick="doCallModuleAction('document','procDocumentVoteDown','{$oDocument->document_srl}');return false;"> <b><i class="fa fa-heart"></i> {$oDocument->get('blamed_count')}</b> <span>{$lang->cmd_vote_down}</span> </a> <a cond="$oDocument->getMyVote() < 0" class="blamed" href="#" onclick="doCallModuleAction('document','procDocumentVoteDown','{$oDocument->document_srl}');return false;"> <b><i class="fa fa-heart"></i> {$oDocument->get('blamed_count')}</b> <span>{$lang->cmd_vote_down}</span> </a> </span> <a cond="$mi->declare" class="blamed declare bd_login" href="#" onclick="doCallModuleAction('document','procDocumentDeclare','{$oDocument->document_srl}');return false;"|cond="$is_logged"> <b><i class="fa fa-phone"></i></b> <span>{$lang->cmd_declare}</span> </a> </div> [ V1.8.4 수정 - 라이믹스전용 버전] 1. https://moonhouse.co.kr/qa/543730#comment_543791 적용한 버전입니다. 제목앞에 확장변수이용 분류 버턴을 출력할 수 있습니다. • 위의 기능 적용된 mh_multi 위젯입니다. (구매회원만 사용 가능) https://moonhouse.co.kr/m_board/543913 2. 지도출력 사용시 php상위버전(7.2이상) 에서 지도화면 일부만 출력되는 문제 해결 [ V1.8.3.2 수정 ] 1. https://moonhouse.co.kr/xemy/530374#comment_539348 댓글 부분 수정한 파일입니다. 2. https://moonhouse.co.kr/xemy/530374#comment_539437 스케치북 sns공유 버턴 수정했습니다. [ V1.8.3 내용 ] 1. 확장변수 "내용 복사" 버턴 https://moonhouse.co.kr/xetip/536633 2. 스티커모듈 설치시 댓글에 스티커 입력 표시 모바일에서도 작동됩니다 - /modules/board/m.skins/sketchbook5_MH 에도 업로드해야 합니다. https://moonhouse.co.kr/xetip/538290 [ V1.8 내용 ] 1. 카카오지도 출력 - https://moonhouse.co.kr/xetip/519523 2. 웹진형에 에니메이션 효과 적용 가능 - https://moonhouse.co.kr/xedata 3. 라이믹스 2.0 통합게시판 기능에 게시판명 출력 - https://moonhouse.co.kr/xetip/527393 4. Book 갤러리 형태 게시판 추가 - 데모 : https://moonhouse.co.kr/book - 메뉴얼 : https://moonhouse.co.kr/xetip/530228 - Book Skin 위젯 : https://moonhouse.co.kr/xemy/530666 [-] [ 수정버전 특징 ] 필요할때 마다 조금씩 수정 보안 한거라 일일이 열거 하기가 쉽지 않네요. 큰 부분만 적겠습니다. 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/535638 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 [-f]
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
레이아웃에 배경이미지를 적용하고 배경 이미지가 좌로 슬라이딩 되면서 흘러가게 적용하는 방법입니다. 먼저 사용하고자 하는 레이아웃의 layout.html 파일을 편집기로 엽니다. 제일 하단에 아래 소스를 추가합니다. <block cond="$li->back_img"> <load target="css/back.css" /> <block cond="!$li->back_col">{@ $li->back_col = 'transparent'}</block> <block cond="!$li->back_opacity">{@ $li->back_opacity = '0.2'}</block> <style> #bg { background:{$li->back_col} url("{$li->back_img}") bottom left; opacity:{$li->back_opacity}; background-repeat:repeat-x; } </style> <div id="bg"></div> </block> info.xml 파일에 아래 코드 추가 <var name="back_img" type="image"> <title xml:lang="ko">★배경이미지</title> <description xml:lang="ko">배경 이미지 등록(가로 1500px 정도의 크기가 적당)</description> </var> <var name="back_col" type="text"> <title xml:lang="ko"> ┖ 배경 색상</title> <description xml:lang="ko">배경 색상을 선택 (기본 투명 transparent) </description> </var> <var name="back_opacity" type="text"> <title xml:lang="ko"> ┖ 배경 투명도</title> <description xml:lang="ko">배경 투명도를 선택 (기본 0.2) </description> </var> css폴더에 back.css 파일 업로드 합니다. #bg { -moz-animation: bg 60s linear infinite; -webkit-animation: bg 60s linear infinite; -ms-animation: bg 60s linear infinite; animation: bg 60s linear infinite; -moz-backface-visibility: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); height: 100%; left: 0; position: fixed; top: 0; z-index:-1 } @-moz-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } } @-webkit-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } } @-ms-keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } } @keyframes bg { 0% { -moz-transform: translate3d(0,0,0); -webkit-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 100% { -moz-transform: translate3d(-2250px,0,0); -webkit-transform: translate3d(-2250px,0,0); -ms-transform: translate3d(-2250px,0,0); transform: translate3d(-2250px,0,0); } } #bg { background-size: 2250px auto; width: 6750px; } 샘플 이미지 배경 색상 #348cb2 적용해 보세요
스케치북 게시판 기준으로 _read.html을 엽니다 [수정전] <tr loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML() && $val->eid!='rd_preview'" class="bg{$etIdx%2}"> ~~ 내용 ~~ </tr> [수정후] <tr loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML() && $val->eid!='rd_preview' && $val->eid!='work_start' && $val->eid!='work_stop'" class="bg{$etIdx%2}"> ~~ 내용 ~~ </tr> <tr loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML() && $val->eid=='work_start'"> <th valign="center">총날짜</th> <td valign="center" colspan="3"> {@$today = date('Y-m-d')} <block loop="$oDocument->getExtraVars() => $key,$val" cond="$val->eid=='work_start'"> {$val->name} : {$val->getValueHTML()} {@$startDate = new DateTime($val->getValueHTML())} </block> <block loop="$oDocument->getExtraVars() => $key,$val" cond="$val->eid=='work_stop'"> <span style="margin:0 10px; color:#f60; font-weight:bold">|</span>{$val->name} : <!--@if($val->getValueHTML())-->{$val->getValueHTML()}<!--@else-->{$today}<!--@end--> {@$endDate = new DateTime($val->getValueHTML())} </block> <span style="margin:0 10px; color:#f60; font-weight:bold">|</span>총일수 : {@$interval = $startDate->diff($endDate);} {$interval->y}년 {$interval->m}월 {$interval->d}일 </td> </tr> 적용할 게사판에 확장변수 ID를 "work_start'" "work_stop" 두개를 만들어주면 됩니다. work_stop 확장변수 ID에 날짜를 입력하지 않으면 현재일이 기준이 되며 자동으로 하루씩 늘어납니다. - 확장변수 입력모습 - 확장변수 출력모습

Xe Total

게시판 Category 제목 글쓴이 날짜 조회수
4 DIV 영역 자체에 링크 거는 방법 file 팔공산 2024.06.30 32,634
JavaScript 현재 시간 실시간으로 카운트 출력 팔공산 2024.03.31 1,306
문하우스 SketchBook5 게시판스킨 공지사항을 폴딩 형식으로 출력하기 1탄 file 팔공산 2024.03.21 3,401
문하우스 1 Rhymix(라이믹스) 알림설정에 네이버 이메일로 지정하는 방법 file 팔공산 2024.01.15 1,150
문하우스 구글 번역 기능 추가하는 법 file 팔공산 2024.01.09 752
Xe 추천+댓글 동시에 등록 하는 버튼 file 팔공산 2023.12.21 470
XE타운 라이믹스 최신버전에서 "바로 업로드 에드온" 사용시 문제 수정 file 팔공산 2023.12.15 559
문하우스 게시판 리스트 목록에 확장변수중 url변수를 버턴형식으로 출력 file 팔공산 2023.07.29 1,946
문하우스 1 내 도메인 메일로 라이믹스에서 관리자 이메일 설정 방법 file 팔공산 2023.07.21 529
문하우스 레이아웃 배경 이미지 좌로 흐르는 기법 적용 file 팔공산 2023.07.18 2,868