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 animations, pop-up video and many more… 1. OnePage로 출력되며 Bootstrap과 Animations를 적용하여 스크롤 되는 순간 각 Section영역 에니메이션이 작동 2. 거의 완벽한 반응형(모바일형)으로 츨력 3. 간단한 설정 한번으로 색상변경 완료 - 밝은 배경, 어두운 배경, 혼합배경을 선택후, 설정 옵션들에서 자신만의 칼라로 변경 가능 4. 상단 메뉴를 자유자재로 선택 가능 • 원페이지 메뉴 - 한페이지내에서 상하로 이동하는 메뉴 • 메인 메...

More →

Mh Justice Layout V 1...

Mh Sideways Layout

[특징] •화면전환이 가로 방향으로 움직입니다. •홍보용 사이트 레이아웃에 적합합니다. •화면 좌우에 마우스 Hover시 자동으로 슬라이딩 됩니다. •좌측 삼선 햄버거 메뉴형식 / 페밀리 사이트 / 자체 로그인 지원합니다. •카카오 지도를 지원합니다 - 카카오톡 앱키 입력 필수 •본문 아래에 각 섹션 바로가기 아이콘을 지원합니다. •완벽한 반응형으로 작동합니다. •메세지 보내기(Contact Us)를 적용할려면 contactfree.zip 위젯을 설치하면 됩니다. •갤러리 섹션은 Lightbox 전용 Hover 위젯 을 사용했습니다.

More →

Mh Sideways Layout

Mh Gallery Layout & Mh Gallery Widget V2.2 [2022.05.22] - Sale 제품

[ 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 [특징] •레이아웃과 위젯의 콜라보로 이루어진 전체화면 갤러리 스킨입니다. •레이아웃...

More →

Mh Gallery Layout & M...

문하우스 Simple 레이아웃 V 1.4 (2020.12.13 Up)

V1.4 수정내용(2020.12.13) 1. 코드정리 2. 자체 로그인 탑재 3. 메뉴 아래 "mh_simple 소식"은 MH 특정 문서 출력 위젯입니다. V1.3.1 수정내용 1. 심플레이아웃과 케릭터이미지를 분리했습니다. img.zip xe/layouts/mh_simple/images/img 폴더에 이미지를 넣어시면 됩니다. 2. 몇군데 IE6에서 어긋나던 문제 수정. 3. nuri가로 로그인 스킨에서 닉네임이 긴경우 라인을 벗어나던 문제 수정. 4. Admin클릭시 관리자페이지로 가지 않던 문제 수정 nuri_simple_login_garo.zip V1.3 수정내용 1. 상단 2차메뉴 유/무 2. 총14개의 케릭터이미...

More →

문하우스 Simple 레이...

Mh Thomsander Layout V1.0

[특징] - 페이지안에서 부메뉴가 Box형식으로 열립니다. - 배경이미지를 슬라이드로 출력합니다. - 로그인정보를 가진 아이콘을 우상단에 배치 했습니다. - 거의 모든 메뉴의 출력을 선택 할 수 있습니다 - 상단메뉴바 / 하단출력 / 배경슬라이드 / 로그인정보 아이콘 등등 - 배경슬라이드 미출력시 바탕색상을 선택 할 수 있습니다. - Contact Box(위젯출력박스)를 페이지에 지정 할 수 있습니다. - 레이아웃 특성상 반응형을 지원하지 않습니다. 모바일 페이지를 따로 지정할 수 있습니다. [설정 방법] - Box안의 내용은 레이아웃 특성상...

More →

Mh Thomsander Layout ...

Mh White Layout V1.1

[ V1.1 특징 ] 1. 본문 상단에 Accordions / TiltedContent 이미지박스 출력선택 - mwea.html 와 mwea.css / tcs.html 와 tcs.css 를 레고 조립하듯이 끼워 맞추면 다른 레이아웃에도 쉽게 적용이 가능합니다. 2. 상단 / 본문의 폭과 이미지박스의 폭을 달리 설정 가능합니다. [Accordions 이미지박스] [ V1.0 특징 ] 가장 기본적인 것만 적용한 심플한 흰색 레이아웃입니다. 바탕색은 흰색만 적용하였으며 상단 로그인, 로고, 메뉴 그리고 본문, 하단영역으로 구분되며 상단과 본문의 폭은 조정 가능하며 하단은 전체 폭입니다. 메뉴는 4...

More →

Mh White Layout V1.1

Mh LeftMenu 레이아웃 V1.2

[특징] - Sub메뉴를 좌측 Wing영역에 배치하여 Sub메뉴의 활용도를 높였습니다. - 최대한으로 코드를 단순하게 하고 이미지를 최소화할려고 노력했습니다. - 원본 디자인의 화려한 원색 색상을 가져 왔습니다. - 우측 상단에 슬라이딩기능으로 로그인영역을 배치했습니다. - 우측 Wing영역을 활용할 수 있게 했습니다. + Adsense나 위젯등을 배치하시면 됩니다. - 자체 로그인 Box를 가지며 SNS로그인도 지원합니다. - 간단하게나마 반응형을 지원합니다. + 풀립형 메뉴 + 하단 Copyright 영역 Free Website Templates 에서 디자인을 가져 ...

More →

Mh LeftMenu 레이아웃 ...

MH FullPage 레이아웃 V1.2

마우스 휠 한번 작동시 전체 화면 스크롤되는 FullPage 레이아웃입니다. [Tip] 페이지에 Youtube코드 넣는 방법 <iframe width="560" height="315" src="https://www.youtube.com/embed/qiCVPpI9l3M" frameborder="0" allowfullscreen data-autoplay></iframe> 위의 코드를 layout.html의 출력하고 싶은 위치에 넣어 주시면 됩니다. 그 외에 HTML 5 videos를 출력하는 코드 <video loop controls="false" data-autoplay> <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> <source src="http://www.w3schools.co...

More →

MH FullPage 레이아웃 ...

MH Pointy Slider 레이아웃

MH_Pointy-Slider 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정했습니다. http://www.htmldrive.net/items/show/1810/2016-Awesome-pointy-Slideshow [특징] MH_Sliding 레이아웃과 같은 곳에서 배포한 소스라 비슷한 점이 많아서 편했습니다.^.^ - 화면을 2등분해서 왼쪽은 타이틀과 설명 작은이미지 Zoom보기, 오른쪽은 큰 슬라이드 이미지가 출력됩니다. - 왼쪽 화면의 배경색과 Zoom이미지 지정 가능 합니다. - 오른화면의 이미지는 따로 선택도 가능하고, 왼쪽화면의 Zoom이미지를 그대로 가져 올 수...

More →

MH Pointy Slider 레이...

MH_Sliding 레이아웃

MH_Sliding 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정했습니다. http://www.htmldrive.net/items/show/1848/Sliding-preview-images-Panels-Template-with-jQuery [특징] - 화면을 4등분해서 각각 메뉴로 작동합니다. - 각 화면의 배경을 이미지로 지정 가능 합니다. 이미지로 지정하지 않을시 배경색상으로도 지정 가능합니다. - 각 화면을 클릭시 전체 화면으로 슬라이드되며 배경아래에 설명문을 작성할 수 있습니다. - 상단 메뉴와 슬라이딩 메뉴를 출력할 수 있습니다. - 로고이미지와 관리자버턴(...

More →

MH_Sliding 레이아웃

사이트선택 전용 레이아웃 V1.1

홈페이지의 첫 화면에서 두곳의 사이트를 선택하고 싶을때 사용하시면 유용한 레이아웃입니다. [특징] - 배경이미지 or 색상 적용가능 - 슬라이드 배경이미지 선택가능 - 상단 메뉴바의 선택가능 - 선택사이트 마우스오브시 화려한 이미지출력 - 본문 에니메이션 적용 - 사이트 4개까지 가능 [V 1.1 업데이트 내역] - "본문 내용영역" "졸졸이 스토커" "SNS로그인" 설정 추가 - 게시판이나 위젯을 출력할때 설정하시면 됩니다. 상단메뉴, 전체배경이미지, 내용영역 바탕 투명(기본), 게시판은 스케치북5 / 웹진형 / 카드스타일 / 링크게시...

More →

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

XE기본 Xedition레이아웃을 편집이 편리하도록 수정한 버전입니다. 2탄

XE 1.8 버전대 기본레이아웃인 Xedition을 사용자가 편집이 편리하도록 수정한 최후 버전 https://moonhouse.co.kr/399750 1탄을 먼저 보세요. 화면출력이 너무 길어지고 최후버전인 관계로 따로 리스트 작성합니다. [v6.2 업데이트 내용] 1. 배경이미지 슬라이드 하단에 썸네일기능을 추가 https://moonhouse.co.kr/special 2. 그리고 여기 저기 잡다한 버그들 수정 [v6 업데이트 내용] 1. 메인페이지에도 Wing영역출력 가능 http://moonhouse.co.kr 2. 서브페이지에도 상단 슬라이드출력 가능 3. 본문 가로사이즈 1200px(기본), 980px(구...

More →

XE기본 Xedition레이아...

XE기본 Xedition레이아웃을 편집이 편리하도록 수정한 버전입니다. 1탄

XE 1.8 버전대 기본레이아웃인 Xedition을 사용자가 편집이 편리하도록 수정한 버전 [v5 업데이트 내용] 1. 스마트폰에 적용가능하게 css 수정 했습니다. - toggle들 히든, 졸졸이스토커 히든, wing영역히든, 하단 메뉴와 위젯 히든 등... [v4 업데이트 내용] 1. 본문의 가로폭 크기를 지정 할 수 있습니다 - 1200px(기본), 980px(예전형) 2. 'SocialXE 모듈' 설치시 로그인박스에 SNS로그인 기능 추가 3. 개인정보 팝업의 위치를 수정 - 잘 보이게 ^.^! [v3 업데이트 내용] 1. Font Awesome icon 정상적으로 작동 되게끔 수정 - 이전버전 ...

More →

XE기본 Xedition레이아...

Widgets Of MoonHouse

    확장변수 선택지별 출력 위젯
    모듈형 webzine 스크롤 출력 ...
    MH Before V1.2 위젯
    Mh BigSlider V3.0 위젯 - 20...
    Mh SmartBanner Widget V1.1 ...
    Mh Brickfolio Widget V2.0 [...

Data Of MoonHouse

거래장+Map 게시판스킨 Mh Books V1.2 - 2022. 03 20
게시판으로 간단한 거래장부 만들기 스케치북 게시판에 카카오지도 출력 V1.2 예전에 Tip으로 올렸던 2개의 내용을 합쳐서 하나의 게시판스킨으로 만들어 보았습...
10
2021.02.05
템플릿 컴포넌트 이미지 비교기능 MH 템플릿
MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 [일부 수정] - 좌우로 정확하게 화살표가 가지 ...
9
2021.01.24
최근댓글출력위젯에 new아이콘과 시간별로 칼라로 분류 V1.2 Up [2021.01.11]
- V 1.2 UP [2021.01.22] 1. 각각의 색상 지정 2. 시각을 "분전" "시간전" "일전"으로 세분화 3. 코드정리 MH카멜레온댓글위젯에 문하우스 대문페이지의 최근댓글...
10
2015.05.18

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

My Xe
Xpressengine of Moonhouse
2021.02.05 게시판스킨 거래장+Map 게시판스킨 Mh Books ... file 1,460
게시판으로 간단한 거래장부 만들기 스케치북 게시판에 카카오지도 출력 V1.2 예전에 Tip으로 올렸던 2개의 내용을 합쳐서 하나의 게시판스킨으로 만들어 보았습니다. 기본 코드는 스케치북 게시판 스킨을 그대로 가져 왔습니다. [ V1.2 수정 ] • "게시판 목록에서 확장변수 바로 수정 애드온" 을 게시판과 모바일에 적용 원 게시글 : https://xetown.com/download/1666779 Tip 게시글 : https://moonhouse.co.kr/xetip/553814 • 게시목록 좌우 스크롤(수평 스크롤, 스와이프)할 때 특정 컬럼을 고정 하는 기능 추가 https://moonhouse.co.kr/xetip/554284 [ V1.1 수정 ] • 지도출력 사용시 php상위버전(7.2이상) 에서 지도화면 일부만 출력되는 문제 해결 기능은 거래장부에 확장변수로 주소 입력시 지도가 출력되는 게시판입니다. 자세한 기능 내용들은 두개의 Tip을 읽어 보시면 됩니다. 1. 받으신 파일의 압축을 풀어서 /modules/board/skins/mh_books 설치를 합니다. 2. "Mh 거래장" 스킨으로 게시판을 생성 합니다. 3. 확장변수에 자신이 원하는 항묵들을 추가합니다. 4. 지도를 출력하기위해서는 "카카오톡 앱키 입력"이 필수 입니다. https://developers.kakao.com 접속해서 받으시면 됩니다. 다양하게 활용할 수 있으므로 받아놓으시면 좋습니다. 5. "스킨 설정"을 자신이 원하는 형태로 설정합니다. 6. 본문 작성시 "글 작성시 미리 입력된 글 출력"란에 기본이 될 장부 형식의 테이블을 짜 넣으시면 편합니다. http://tablesgenerator.com/html_tables 7. 목록형태 8. 본문 내용 10. 모바일 11. 위젯출력 - Mh_multi 위젯
2021.01.24 템플릿 템플릿 컴포넌트 이미지 비교기능... file 1,078
MH 템플릿을 사용하고자 하면 윤삼님이 만든 탬플릿 컴포넌트가 먼저 설치 되어 있어야 합니다. 탬플릿 컴포넌트 [일부 수정] - 좌우로 정확하게 화살표가 가지 않는 문제 수정 - main.js 파일을 /modules/editor/components/ap_template/templates 폴더안에 넣어 주세요 소스보기에서 아래부분을 찾아서 수정하시면 됩니다. <img src="/modules/editor/components/ap_template/templates/mh-before/001.jpg" /> // left Img <img src="/modules/editor/components/ap_template/templates/mh-before/002.jpg" /> // Right Img 위의 부분을 파일추가한 이미지 경로로 수정하시면 됩니다. <img src="/files/attach/images/이미지경로/파일명1.jpg" /> <img src="/files/attach/images/이미지경로/파일명2.jpg" /> 이미지의 크기는 최대 화면폭의 90%로 설정되어 있습니다. 수정 하실려면 <div class="inner" style="max-width:90%"> 이 부분 수정하시면 됩니다. 소스출처 : https://marshall-ku.com
2015.05.18 위젯 최근댓글출력위젯에 new아이콘과 ... file 1 27,335
- V 1.2 UP [2021.01.22] 1. 각각의 색상 지정 2. 시각을 "분전" "시간전" "일전"으로 세분화 3. 코드정리 MH카멜레온댓글위젯에 문하우스 대문페이지의 최근댓글에 적용된 최근댓글에 new아이콘 붙이고, 시간대별로 내용글칼라를 변환시키는 소스를 추가해서 MH카멜레온위젯을 업그레이드합니다. mh_comment.zip를 다운받아서 압축을 풀고 mh_comment폴더를 widgets폴더안에 업로드합니다. 기존의 MH카멜레온댓글위젯을 사용중이시라면 덮어 씌우기 하시면 됩니다. 만약 수정을 하실려면 list.html파일을 편집기로 열어서 23줄부터 수정을 하시면 됩니다. <!--@if($val->getRegdate("YmdH")>date('YmdH',strtotime("-24hours")))--> <!--@if($widget_info->display_regdate == 'Y')--> <span class="date" style="color:#ff6600">{zdate($val->regdate, "m-d")}</span> <!--@end--> <a href="{getUrl('','document_srl',$val->get('document_srl'))}#comment_{$val->get('comment_srl')}" style="color:#ff6600">{$val->getSummary($widget_info->commant_count)}<img src="images/new.gif" border="0"></a> <!--@elseif($val->getRegdate("YmdH")>date('YmdH', strtotime("-48hours")))--> <!--@if($widget_info->display_regdate == 'Y')--> <span class="date" style="color:#009900">{zdate($val->regdate, "m-d")}</span> <!--@end--> <a href="{getUrl('','document_srl',$val->get('document_srl'))}#comment_{$val->get('comment_srl')}" style="color:#009900">{$val->getSummary($widget_info->commant_count)}</a> <!--@else--> <!--@if($widget_info->display_regdate == 'Y')--> <span class="date" style="color:#808080">{zdate($val->regdate, "m-d")}</span> <!--@end--> <a href="{getUrl('','document_srl',$val->get('document_srl'))}#comment_{$val->get('comment_srl')}" style="color:#808080">{$val->getSummary($widget_info->commant_count)}</a> <!--@end-->
XE 자료
Xpressengine Data of Moonhouse
2013.08.05 애드온 스티커 삽입 애드온 file 2,534
안녕하세요. XENARA 운영자입니다. 오랫만에 자료를 등록하네요. 모듈,위젯,레이아웃 등 XE의 다양한 자료 개발이 가능합니다. 개발이 필요하신 분은 kolaskks@naver.com 으로 메일주세요. 감사합니다. XENARA - http://xenara.co.kr ○주요특징 - XE게시판의 기본에디터에 스티커이미지를 삽입할 수 있는 애드온입니다. - 문서작성 또는 댓글작성 에디터 또는 둘모두의 에디터에 삽입할 수 있습니다. - 'stickters'폴더에 스티커이미지(gif,png,jpg)를 넣기만 하면 자동으로 해당 이미지가 스티커로 등록이 됩니다. ○제공자료 및 설치위치 XE_ROOT/addons/addon_insert_sticker ○스티커이미지 삽입위치 XE_ROOT/addons/addon_insert_sticker/stickers 미리보기 http://xenara.co.kr/xe/index.php?mid=xenara_qna&act=dispBoardWrite p.s xe 1.4.5 버전과 최신버전인 1.7.3.4 모든버전에서 잘 작동하네요.
2012.10.09 문서 권한 지정 애드온 2,747
공지 1.4.x용 애드온입니다. CM님으로 권리 이전이 되어 조만간 재 개발 될 에졍입니다. 1.4 유저님을 제외하고는 받지말아주십시오. 이 에드온은 특정 유저들에게만 문서의 내용을 보여줄때 사용할 수 있습니다. 0.5 배포자 변경 파이델 -> CM(구.크루씨) 0.4 에서 바뀐점 1. 유저를 지정한 글 초기화 가능하게 수정 (유저를 모두 빼고 비밀글 해제하시면 됩니다.) 0.3 에서 바뀐점 1. 유저를 지정하지 않아도 비밀글로 작성되는 버그 수정 0.2 에서 바뀐점 1. 보기 권한이 있는 유저가 글 수정/삭제 가능했던거 못하게 수정 2. 보기 권한을 부여 할때 "소속 그룹"으로도 가능하게 옵션 추가 추신: 쪽지 기능과 비슷하지만 쪽지가 아닌 특정 상황에 필요한 분을 위해 만들었어요.^^ 질문/버그 제보는 프로젝트 홈에 해주세요. ========================================================================================== 문서보기 유저 지정 에드온 설정화면 입니다. 글 쓰기시 확장 필드 입력란 맨 아래에 이렇게 적는게 보입니다. "지정자 표시" 사용시 제목이 자동으로 이렇게 바뀝니다. 1.5.x 이후 document 테이블의 변화가 있었기 때문에 문서보기 유저 지정 애드온의 작동이 안되실 겁니다. 파이델님이 추후 패치된 버전을 올리시겠지만 급하신분들이 계실까봐 올립니다. 아래와 같이 수정하시면 정상 작동 합니다. 첫번째 수정할 파일명 xe/addons/appoint_view_user/queries/updateDocumentExtra.xml 7번째 줄 <column name="is_secret" var="is_secret" /> 을 아로 코드로 수정 <column name="status" var="is_secret" /> 두번째 수정할 파일명 xe/addons/appoint_view_user/queries/appoint_view_user.addon.php 70번째 줄 $args->is_secret = 'Y'; 을 아래 코드로 수정 $args->is_secret = 'SECRET'; 86번째 줄 $oDocument->variables['is_secret'] = 'N'; 을 아래 코드로 수정 $oDocument->variables['status'] = 'PUBLIC';
2011.11.09 레이아웃 컨트롤 박스 2,512
레이아웃을 손쉽게 설정하고 저장할 수 있도록 도와주는 애드온입니다. 설치 후 관리자로 로그인하면 현재 페이지가 사용하고 있는 레이아웃을 설정하고 저정할 수 있도록 오른쪽에 아이콘이 생깁니다. 확장된 속성을 이용하면 실시간으로 설정된 값을 반영시켜 줄 수도 있습니다. (이것은 다음에 잘 정리된 문서로 만나뵙겠습니다.) 레이아웃에 일일이 컨트롤박스를 넣지 않아도 설정과 저장이 가능해지므로 레이아웃 만드시는 분들과 사용자 모두에게 도움이 되리라 생각합니다. 이미지 업로드 필드를 포함하고 있는 경우 파일선택 상자가 커서 보기좋게 안나올 수 있습니다. 예시) http://xe.ksodesign.com/nov/faddist_3 (오른쪽 검정바탕에 톱니 아이콘 클릭) p.s 오랜만에 나온 괜찮은 에드온이네요. 레이아윳설정시 유용하게 사용할 수 있겠네요. 참고로 적용후 적용된 페이지를 리플래쉬(F5) 해 주어야 됩니다.
Xe Tip
Xpressengine Tip of Moonhouse
게시글주소 클립보드 복사 기능 만들기 file
게시글주소를 클릭시 자동으로 클립보드로 복사되는 기능을 설명합니다. 코드는 여기 저기서 가져 와서 특별하게 어디서 가져 왔다고 하기는 애매합니다만, XNS님의 SNS 공유버튼 삽입 애드온 에서 포인트를 가져 왔습니다. .스케치북 기준 .이 코드는 js 파일이 필요 없습니다. 1. 게시글주소 가져 오는 방법 /modules/board/skins/sketchbook5/_read.html 파일안에 적당한 위치를 잡아서 <!--게시물 주소 복사--> <button class="btn"><a href="#" onclick="copyItemLink(); return false;">게시물 주소복사<input type="text" value="{$oDocument->getPermanentUrl()}" id="address" readonly style="position:absolute; top:-100px; width:1px; padding:0px; border:0px; display:inline-block;" /></a></button> <script> function copyItemLink(){ var copyText = document.getElementById("address"); copyText.select(); copyText.setSelectionRange(0, 99999) document.execCommand("copy"); alert("게시글주소가 클립보드에 복사되었습니다."); } </script> <!--게시물 주소 복사 끝--> 이상과 같이 빨강색 & 파랑색 코드만 변경해서 적용하면 됩니다.
　┖ 유익한 자료 감사합니다.하루
SketchBook5 게시판스킨 - 문하우스 수정버전에 "Book Gallery 형태" 유형 추가 file
SketchBook5 게시판스킨 - 문하우스 수정버전 https://moonhouse.co.kr/xemy/530374 Book Gallery 형태를 추가했습니다. 특수한 경우만 사용 하겠지만 응용하기에 따라 "판매게시판" 형태로도 활용이 가능합니다. 1. 확장변수를 이용해야 합니다. - 신상(new), 품절(soldout), 베스트셀러(best), 평가 부분(rating)은 위와 같이 필히 작성하셔야 정상 작동합니다. 2. 게시판 설정 부분 a. "목록 유형"을 "Book 갤러리형"으로 선택 b. "(Book)갤러리 형 (*표시 : '클라우드 갤러리'와 공통)" - 1번 : 썸네일의 가로 세로 크기를 150*220 크기 설정으로 맞추어 주면 보기가 적합 - 2번 : 썸네일 넓이를 적당히 조정 300이 적당 - 간격은 이리 저리 바꾸어 보면 어떻게 변하는지 감이옵니다. - 3번 : "데코레이션"을 "테이프 스타일"로 지정 - 만약 "데코레이션 이미지"를 파일로 Up시 이미지의 세로, 가로크기를 아래에 기재 [Sample] https://moonhouse.co.kr/youtube 위의 이미지의 경우 가로 250, 세로 255 입니다. 아래와 같이 출력됩니다. - 썸네일 넓이는 적당히 조절하면 됩니다. - "좌측상단 리본"에서 "새 글 > 업데이트 > 날짜"선택시 새 글만 리본 형태로 출력됩니다 새 글의 기한은 "목록 공통 설정"에 "새 글 표시 시간"으로 정해 집니다.(기본 12시간) - 그리고 새 글은 확장변수에서 "신상 > Y"를 선택해도 유지 됩니다. 단 이경우는 날짜 기한이 없습니다. 3. New, Sold out, Best Seller 확장변수 선택시 리본형태로 출력됩니다. 4. 평가(rating)및 기타 항목 - 게시판 설정 > 게시판 정보 > 목록 설정 > 표시 항목 및 순서대로 출력됩니다. - 마우스 오버시 썸네일 위에 출력됩니다. 공통설정에서 "별점 기능 사용"을 사용으로 해줘야 적용됩니다. 아니면 _list_book_gallery.html 파일에 124줄과 129줄을 삭제하면 됩니다. <!--// 확장변수 --> 124줄 - <block cond="$mi->zine_extra || $mi->rating_output == 'Y'"> ~ 안의 내용은 삭제하면 안됨 ~ 129줄 - </block> # 위젯도 만들었어요 🤗~ - Book Skin 위젯 : http://moonhouse.co.kr/xemy/530666
라이믹스 2.0.6 에 추가된 "메뉴 아이콘" 사용방법 file
라이믹스 2.1.15 버전에서 "메뉴 아이콘" 사용방법 라이믹스가 2.0.6 버전으로 Release되면서 메뉴에 추가되는 아이콘을 사용할 수 있게 되었습니다. 예전에는 메뉴이름에 코드를 같이 넣거나, 몌뉴설명을 가져오는 방법을 사용했는데 편해졌습니다. 근데 이것을 적용하는 방법이 잘 나와 있지를 않습니다. "아이콘 코드를 어떻게 해석하는지는 레이아웃에 따라 다를 수 있습니다." 이 문구만 설정칸 아래에 보입니다. [적용방법] 1. 자신이 사용하고 있는 레이아웃을 수정해야 합니다 - xedition 레이아웃을 예로 듭니다 ./layouts/xedition/layout.html 파일을 열어서 메뉴부분을 찾습니다. 270줄 부터 ~ <ul> <li loop="$GNB->list => $key1, $val1"> <a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['link']}</a> <block cond="$val1['selected']">{@ $_selected_menu = $val1}</block> <ul cond="$val1['list']" class="depth2"> <li loop="$val1['list'] => $key2, $val2" class="more"|cond="$val2['list']"> <a href="{$val2['href']}" target="_blank"|cond="$val2['open_window'] == 'Y'">{$val2['link']}</a> <ul cond="$val2['list']" class="depth3"> <li loop="$val2['list'] => $key3, $val3"> <a href="{$val3['href']}" target="_blank"|cond="$val3['open_window'] == 'Y'">{$val3['link']}</a> </li> </ul> </li> </ul> </li> </ul> {$val1['link']} 이 부분이 메뉴명을 나타내는 코드입니다. {$val1['icon']} {$val1['link']} 위와 같이 하늘색 부분을 추가해 주면 됩니다. <a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'">{$val1['icon']} {$val1['link']}</a> 2. 관리자페이지 > 사이트 메뉴 편집 > 메뉴수정 에서 "메뉴 아이콘"에 아이콘 코드를 입력하면 됩니다. a. 위의 이미지와 같이 폰트어썸을 사용하셔도 되고, Xeicon등을 사용하시면 됩니다. b. 이미지를 넣을 수도 있습니다. <img src="./img/1.png" alt="" /> c. 특수문자나 마크등을 넣을 수도 있습니다. 3. 근데 약간 더 나아가서 {$val1['icon']} {$val1['link']} 이부분에 class=""를 주고 style을 주는 방법입니다. <a href="{$val1['href']}" target="_blank"|cond="$val1['open_window'] == 'Y'"><span class="lm_icon">{$val1['icon']}</span> {$val1['link']}</a> <style> .lm_icon { vertical-align:middle; display:inline-block; margin-right:5px; } .lm_icon i { color:red; } .lm_icon img { width:13px; height:13px; } </style> 레이아웃의 사항에 맞게 style을 수정하시면 더욱 보기 좋은 아이콘이 출력되겠죠
그룹별로 위젯 노출 유무 적용하기 file
위젯을 만들다 보면 회원그룹별로 위젯 노출을 선택해야 하는 경우가 생깁니다. 그런 경우 그룹별로 변수를 주어서 그룹을 칸에 작성하는 방법으로 적용 했었는데 그룹의 이름을 알아야 하고 그룹이 많은 경우 불편했습니다. [위젯샘플명을 mh_widget 이라고 가정하고 진행] 1. widgets/mh_widget/mh_widget.class.php 파일을 열어서 적당한 위치에 아래 코드를 붙여 넣기 합니다. //회원그룹 권한 확인 if(Context::get('is_logged')) { $logged_info = Context::get('logged_info'); if(!$args->group_srls) { $widget_info->permission = true; } else { $widget_info->permission = false; $group_array = explode (',', $args->group_srls); foreach($logged_info->group_list as $key => $value) { if(in_array($key, $group_array)) { $widget_info->permission = true; break; } } } } 2. widgets/mh_widget/conf/info.xml 파일을 열어서 적당한 위치에 아래 코드를 붙여 넣기 합니다. <var id="select_view"> <type>select</type> <name xml:lang="ko">Group지정별 표시</name> <description xml:lang="ko">Group을 지정해서 위젯의 노출을 나타냅니다.</description> <options> <value></value> <name xml:lang="ko">Group지정안함(기본)</name> </options> <options> <value>Y</value> <name xml:lang="ko">Group지정사용</name> </options> </var> <var id="group_srls"> <type>member_group</type> <name xml:lang="ko"> ┖ Group지정사용시 선택한 그룹만 노출</name> <description xml:lang="ko">선택한 그룹의 사용자에게만 노출 됩니다. (선택하지 않으면 모든 그룹 노출 가능)</description> </var> <var id="point_p"> <type>text</type> <name xml:lang="ko"> ┖ Group지정안함시 포인트로 노출설정</name> <description xml:lang="ko">Group지정하지 않고 지정한 포인트이상에서만 위젯이 노출됩니다.(기본 0)</description> </var> <var id="level_p"> <type>text</type> <name xml:lang="ko"> ┖ Group지정안함시 레벨로 노출설정</name> <description xml:lang="ko">Group지정하지 않고 지정한 레벨이상에서만 위젯이 노출됩니다.(기본 0)</description> </var> 3. widgets/mh_widget/skins/mh_skin/list.html 파일을 열어서 <!--@if($widget_info->select_view == 'Y')--> <!-- 그룹적용 --> <!--@if($is_logged)--> <!--@if($widget_info->permission)--> 위젯내용 코드 <!--@end--> <!--@end--> <!--@else--> <!-- 그룹적용안함 --> {@ $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_p}" || $level < "{$widget_info->level_p}" )--><!--@else--> 위젯내용 코드 <!--@end--> <!--@end--> 원래의 "위젯내용 코드"를 위와 같이 감싸주면 됩니다. "Group지정안함"으로 선택하면 모든이에게 노출 되고, Group지정안함시 "포인트" "레벨"로도 노출이 가능합니다. "Group지정사용"으로 선택하고 아래에 있는 그룹들을 지정하면 선택된 그룹에게만 노출됩니다. 그룹을 선택하지 않으면 로그인한 모든 그룹에게 노출됩니다.
라이믹스 2.0 통합게시판 기능에 게시판명 출력 방법 file
라이믹스가 2.0 으로 버전업 되면서 새로 생긴 기능중에 "통합 게시판"설정이 추가 되었습니다. 게시글들을 모아서 출력해주는 "타임라인 모듈"과 비슷한 기능입니다. 그런데 여기서도 게시판명이 출력 되지 않습니다. 타임라인 모듈의 경우는 "타임라인모듈 사용시 게시판명 나오게 수정하기" 에 팁이 있습니다. [라이믹스 자체적인 통합게시판에 게시판명 나오게 하는 방법] 이 방법도 모듈을 수정하는 것이 아니라 통합게시판으로 사용할 게시판의 스킨을 수정해 주어야 합니다. 게시판스킨은 sketchbook5스킨의 목록형입니다. 이런 경우는 modules/board/skins/sketchbook5/_list_normal.html 을 아래와 같이 수정해 주시면 됩니다. 테이블 헤더에서 아래내용을 찾아 빨간부분 추가 <block cond="$val->type=='title' && $val->idx==-1"> <th scope="col" cond="$timeline_info"><span>{$lang->board}</span></th> <th scope="col" cond="$module_info->include_modules"><span>{$lang->board}</span></th> <th scope="col" cond="!$mi->show_cate && $mi->use_category=='Y'" class="m_no"><span>{$lang->category}</span></th> <th scope="col" class="title"><span><a href="{getUrl('sort_index','title','order_type',$order_type)}"><!--@if(!$mi->link_board)-->{$lang->title}<!--@else-->{$lang->link_site}<!--@end--><i cond="$sort_index=='title'" class="arrow {$order_icon}"></i></a></span></th> </block> 공지목록과 일반목록에서 아래내용을 찾아 빨간부분 추가 <block cond="$val->type=='title' && $val->idx==-1"> <td class="mid" cond="$timeline_info"><a href="{getUrl('module_srl', $document->get('module_srl'))}"><strong>{htmlspecialchars($modules_info[$document->get('module_srl')]->browser_title)}</strong></a></td> <td cond="$module_info->include_modules"><td cond="$module_info->include_modules"><a href="{$document->get('mid')}"><strong>{$document->get('module_title')}</strong></a></td></td> <td cond="!$mi->show_cate && $mi->use_category=='Y'" 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> <td class="title"> ~~ 내용 생략 ~~ </td> </block> 간단히 설명하자면 cond="$module_info->include_modules" 이 부분이 통합게시판 기능을 사용하면 {$document->get('module_title')} 게시판명을 출력 하라는 뜻입니다.
　┖ 좋은 정보 감사합니다. 통합게시판에서 글을 클릭하면 해당 게시판으로 이동 되지 않네...adlib
　┖ 그건 라이믹스 개발팀이 그렇게 만든것입니다.팔공산
　┖ 통합게시판 대신 팔공산님의 글을 보고 타임라인 모듈 설치를 했는데 https://moonhous...adlib
　┖ 안녕하세요! 이글보고 게시판이름은 적용했는데 게시판이름을 적용하면 그 게시판의 카...ㅇㅇ
　┖ 통합게시판의 경우는 통합게시판 자체mid로 작동합니다. 그러므로 통합게시판 자체mid...팔공산

Xe Total

게시판 Category 제목 글쓴이 날짜 조회수
RM 팁 XE타운 25 스케치북게시판에 스티커모듈 적용법 (라이믹스2.0 이상 전용) file
　┖ {@sticker:538247|538250} 팔공산
　┖ {@sticker:538680|538681} 문탁이
　┖ 모바일에서는 안되는건가요? 모바일에서 지금 보고있는데 안보여요! 하루
　┖ 지금 연구중인데 잘 안되네요ㅠㅠ 팔공산
　┖ 이제 모바일에서도 작동됩니다.^.^ 팔공산
　┖ {@sticker:538552|538555} 팔공산
　┖ {@sticker:538680|538682} 하루
　┖ 잘되네요~ 하루
　┖ 태블릿에선 스티커 아이콘이 2개가 나와요 ㅠ.. 뭐가 문제일까요. 파프닐
　┖ {@sticker:538680|538687} 팔공산
　┖ 삼성태블릿에서는 정상적으로 한개만 나오는데요~ 팔공산
　┖ 제 태블릿이 이상한가봐요. PC화면이랑 폰은 이상이없습니다.. 파프닐
　┖ 기존 스케치북에 적용하고싶은데 어떤 파일들을 넣으면 될까요? (기존 스케치북에 수정... ㅇㅇ
　┖ 몇 날 몇 일을 낑낑 거리면서 작업한 내용이라는 것 밖에는 기억이 안 나내요. _commen... 팔공산
　┖ {@sticker:538731|538732} ㅇㅇ
　┖ {@sticker:538753|538759} 22
　┖ {@sticker:538731|538742} test
　┖ {@sticker:538680|544993} ss
　┖ {@sticker:538781|538784} 케파
　┖ {@sticker:538680|538681} 펜닐
　┖ {@sticker:538680|538685} 우승상
　┖ 안녕하세요. 파일 확장자 webp를 추가하려는 데 혹시 입력칸에 바로 입력 저장이 되시... 모닝
　┖ AI에게 문의한 결과입니다. 수정 결과 요약 예상대로 sticker.class.php 하나만으로는 ... 팔공산
　┖ 간단한 부분이 아니었네요. 도움 감사합니다. 모닝
　┖ {@sticker:538552|538554} 팔공산
팔공산 2021.05.26 3,165
RM 팁 문하우스 확장변수 "내용 복사" 버턴 적용하기 file 팔공산 2021.04.30 1,977
RM 팁 문하우스 1 게시글주소 클립보드 복사 기능 만들기 file
　┖ 유익한 자료 감사합니다. 하루
팔공산 2021.04.14 1,152
Html css CSS 색상 이름 rgb , 16진수 자료( css 색상표 ) 팔공산 2021.02.15 2,013
RM 팁 문하우스 SketchBook5 게시판스킨 - 문하우스 수정버전에 "Book Gallery 형태" 유형 추가 file 팔공산 2021.02.08 2,148
나의 RM 게시판스킨 거래장+Map 게시판스킨 Mh Books V1.2 - 2022. 03 20 file 팔공산 2021.02.05 1,460
RM 팁 문하우스 라이믹스 2.0.6 에 추가된 "메뉴 아이콘" 사용방법 file 팔공산 2021.02.05 2,614
RM 팁 문하우스 그룹별로 위젯 노출 유무 적용하기 file 팔공산 2021.02.04 1,091
Html css display 속성: inline, block, inline-block 팔공산 2021.02.02 1,527
나의 RM 템플릿 템플릿 컴포넌트 이미지 비교기능 MH 템플릿 file 팔공산 2021.01.24 1,078