MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
마우스 휠 한번 작동시 전체 화면 스크롤되는 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.com/html/mov_bbb.ogg" type="video/ogg"> </video> Audio를 출력하는 코드 <audio controls="" data-autoplay> <source src="img/horse.ogg" type="audio/ogg"> <source src="img/horse.mp3" type="audio/mpeg"> </audio> [V1.2 특징] 1. 로고 / 메뉴 / 회원정보 부분을 수정했습니다. 2. 바탕화면 문구들과 Html영역 에니메이션 사용. 3. 반응형 메뉴 따로 분리 - 1차메뉴 링크유무. 2차 메뉴 펼치기/접기 선택, 반응형메뉴의 색상 4. 로그인메뉴 배경색상/이미지 선택, 일반로그인과 SNS 로그인의 분리 5. Section 영역에 타이틀설정 가능 6. 배경슬라이드 8개 까지 추가 [V1.1 특징] - 원페이지로도 작동 - 상단 메뉴바에 색상 지정가능.(바탕색 투명일때 유용) - 반응형 메뉴에서 3차메뉴 지원 - 사용자팝업메뉴에 포인트바 표시 - 사용자팝업메뉴에 "레이아웃설정" 타겟이 blank로 출력 라이믹스의 경우 "관리자페이지"에서 "시스템설정 - 고급설정"에서 "모듈 설정 화면"을 "관리자 레이아웃 사용"으로 지정하면 편리함. p.s XE 사이트(http://www.xpressengine.com/)에는 버전업 파일들 올리지 않을 예정입니다. 파일 올리고 11일만에 게시글이 등록이 되었네요.ㅠㅠ 그리고 "통합 Web Fonts 애드온 V1.5"은 아직도 등록 대기중입니다. 기다리지는 않았지만 그래도 지치내요... [특징] - 총 3단계의 상하 페이지로 구성되며, 2단계는 2개의 좌우 슬라이딩 페이지로 구성.(총 4개의 페이지) - 2-2 페이지에 내용등 작성하지 않으면 출력되지 않음 - 각 페이지의 배경을 이미지와 색상으로 지정 가능.(아래 이미지에 보이는 색상이 기본 색상) - 첫 페이지의 이미지는 배경 슬라이딩 이미지로도 설정 가능.(총4개의 이미지 지정 가능) - 각 페이지마다 타이틀, 서브타이틀, content(위젯생성)영역, Html영역의 출력 가능. - content(위젯생성)영역은 여러 페이지중 한 곳에서만 가능.(출력안함 가능) - 상단영역과 하단영역의 출력 유무 가능. - 상단영역에 메뉴버턴과 로고이미지와 검색, 사용자 팝업메뉴(로그인/관리/기타) 출력가능. - 하단영역에 Copyright와 이메일, 기타문구 출력가능. - 각 옵션마다 적합한 색상과 크기, 높 낮이 지정 가능.(상하단 바탕색상, 메뉴/버턴/글꼴 색상) - 반응형(모바일) 지원. - 일반 메뉴바 와 반응형 메뉴바 구분 지원(1024px 기준) - Html영역(위젯)에 일반형과 다른 반응형코드 작성 가능. - 반응형 Menu의 경우 로고문자와 로그인을 지원하며, 2차 메뉴는 드롭메뉴로 작동. - 페이지내용이 한 화면을 초과할시 스크롤사용 기능 선택 가능. - 각종 네비 기능 선택 가능.(상하버턴, 좌우버턴, 페이지버턴등) - 페이지 Loop기능 선택 가능.(1페이지에서 3페이지로, 3페이지에서 1페이지로) - SocialXE 모듈설치시 SNS로그인 가능. Tip - 반응형메뉴의 경우 1차메뉴를 클릭시 2차 메뉴 슬라이딩으로 출력되게 수정하는 법(no1s님 요청) smenu.html를 편집기로 열어서 46~49줄을 아래와 같이 수정하시면 됩니다. [수정전] <li loop="$Smart->list=>$key1,$val1" class="active"|cond="$val1['selected']" style="padding-top:10px"> <a href="{$val1['href']}" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a> <li class="dropdown" cond="$val1['list']"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-fw fa-plus"></i><span class="caret"></span></a> <ul class="dropdown-menu" role="menu"> [수정후] <li loop="$Smart->list=>$key1,$val1" class="active"|cond="$val1['selected']" style="padding-top:10px"> <li class="dropdown" cond="$val1['list']"> <a href="#" class="dropdown-toggle" data-toggle="dropdown" target="_blank"|cond="$val1['open_window']=='Y'">{$val1['link']}</a> <ul class="dropdown-menu" role="menu"> 소스는 아래 fullPage.js 에서 제공 받아서 XE 에서 작동하게끔 수정 / 변형 했습니다. https://www.alvarotrigo.com/fullPage/
1 2 3 Next
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. 상단 메뉴를 자유자재로 선택 가능 • 원페이지 메뉴 - 한페이지내에서 상하로 이동하는 메뉴 • 메인 메뉴 - 레이아웃 설정 메뉴에서 선택한 mid들로 이동(3차 메뉴 까지 지원) • 메인 + 원페이지 - 두가지 메뉴 둘다 적용 5. 다양한 자체 프로그램을 내장 • 아코디언 메뉴 • 아이폰배경 로그인 팝업 • 배경 슬라이드 • 공지사항 팝업창 • 동영상 팝업 플레이어 • 사이트정보 메뉴 팝업창 출력 • 페밀리 메뉴 • 메뉴위치 View • 롤링 배너 • 유튜브 출력 롤링 배너 6. 다양한 위젯, 애드온을 같이 동봉 • 포인트 상태 위젯 • Mh Slide Pro위젯 • Contact 위젯 문의 스킨 • Web Fonts 애드온 • 말풍선(툴팁) 애드온 7. MoonHouse 자료들은 폰트어썸과 Sexy Button 그리고 말풍선(툴팁) 애드온들이 자주 사용됩니다. Web Fonts Addon / 말풍선(툴팁) 애드온을 설치해서 애드온들을 활성화 시켜야 아이콘과 버턴들이 정상적으로 출력됩니다. 페이지기능을 지원하는 Widgets의 경우는 "위젯 케시를 0" 으로 둬야 정상 작동합니다. [적용페이지] • https://moonhouse.co.kr/justice • https://moonhouse.co.kr • https://moonhouse.co.kr/one?l=kr • https://moonhouse.co.kr/youtube • https://moonhouse.co.kr/xemy • https://moonhouse.co.kr/buy - MH Gallery를 제외한 2차 메뉴들 • 지금 보고 있는 페이지 메뉴얼
1 2 3 Next
2020.03.16 폼 위젯 file 324
위젯 설명 - 게시판을 활용하여 폼(form) 형태 페이지를 출력하는 위젯입니다. 위젯을 통해 작성한 콘텐츠는 지정된 게시판으로 전송됩니다. - 문의 글 전송, 견적 문의 등을 수행할 수 있습니다. - '제목+이름+이메일+연락처+내용' 입력을 기본으로 합니다. - 게시판 분류 및 사용자정의(확장변수)를 활용할 수 있습니다. - 비밀글 지정, 댓글 허용 등 다양한 옵션을 지원합니다. - 이런 문의도 있고 해서 과거의 contactfree라는 위젯에 기능을 조금 개선해보자는 취지에서 작업하다가 거의 새로운 위젯을 만들어버렸습니다. 즉, contactfree 위젯의 초확장 버전이라 보시면 되겠습니다;; 1.1.1 업데이트 - 2020-03-16 - 라이믹스 회원 전화번호 체계에 맞춤 - 폼 전송 후 현재 페이지 처리시 화면 스크롤을 페이지 최상단이 아니라 위젯 상단으로 이동 - 폼 전송 후 원하는 url로 이동 가능 (페이지 처리방식 옵션 추가) 1.1.0 업데이트 - 2020-03-14 - 기본 스킨(default)의 파일 구조 개선 및 코드 정리 - 본문에 전화번호 기재 (버그 수정) - 우편번호 유효성 체크 (버그 수정 : postcodify API 사용시) - 이메일 주소 입력에 필수/옵션 적용 - 내용글(message 필드) 입력에 필수/선택 옵션 적용 1.0.1 업데이트 - 2020-03-12 - 분류를 사용하지 않는 경우 유효성 검사에 걸리는 문제를 수정 - 폼 전송 후 현재 페이지에서 결과값 처리시 이미지가 뜨지 않던 문제 수정 '설정' 설명 1. 게시판 연동 - 게시판을 지정하면 폼 위젯에서 작성한 콘텐츠가 해당 게시판에 저장됩니다. - 게시판 모듈을 지정하지 않으면 위젯 작동이 중지되고 에러페이지를 출력합니다. 2. 콘텐츠 제목 - 이용자가 직접 제목을 입력할 수도 있고, 위젯 스킨에서 설정된 제목을 뿌려줄 수도 있습니다. 3. 분류(카테고리) 활용 - 분류를 출력 방식을 선택할 수 있으며, 분류번호(category_srl)을 이용해 특정 분류만 모아서 출력하는 것도 가능합니다. - 분류 번호를 1개만 지정하면 위젯 스킨에서는 분류 폼을 따로 출력하지 않고 콘텐츠는 해당 분류로 자동 귀속됩니다. 4. 문서 비밀번호 - 비로그인 사용자에 한해 콘텐츠의 비밀번호를 랜덤 또는 직접 선택 방식으로 제공합니다. 5. 사용자 정의(확장변수) 활용 - 게시판의 확장변수를 가져와서 폼 문서로 출력이 가능합니다. 분류와 마찬가지로 아예 출력을 하지 않거나 일부만 활용하거나 모두 활용할 수 있습니다. 6. 댓글 허용, 공개/비밀 선택 - 일반적인 게시물과 마찬가지로 사용자가 댓글 허용 여부 및 비밀글 사용 여부를 결정할 수 있습니다. - 또한 관리자가 댓글을 일괄 허용하거나 일괄 불허할 수 있으며, 콘텐츠를 강제로 공개 또는 비밀로 귀속시킬 수 있습니다 7. 개인정보 안내 및 동의 - 개인 정보를 수집하는 만큼 관련 사항을 선택적으로 출력할 수 있습니다. - 안내문 제목과 설명란에 개행 문자(\n)를 삽입하면 복수의 안내가 가능합니다. (예. 개인정보 수집 및 이용 동의, 개인정보 제3자 제공 동의 등) 8. 폼 전송 후 페이지 처리 - 폼 전송 후 페이지 처리 방식을 선택할 수 있습니다. - 1) 현재 페이지에서 입력 사항을 간단히 보여주거나, 2) 콘텐츠 본문으로 바로 이동하거나, 3) 콘텐츠가 저장된 게시판 목록화면으로 이동할 수 있습니다. 몇 가지 팁 분류번호(category_srl)나 확장변수 eid를 몰라도 걱정마세요 - (관리자 페이지 등에서 위젯 코드만 추출하는 방식이 아니라) 위젯 페이지에서 페이지 수정을 통해 위젯 설정을 시도하면... - 분류나 확장변수를 '모두 활용'으로 선택하고 설정을 저장한 뒤, 다시 설정을 수정하면 대상 게시판에 연계된 분류와 확장변수 목록이 자동으로 입력되어 있는 것을 볼 수 있을 겁니다. - 여기서 변수값을 선택적으로 추리고 '일부만 활용'으로 바꾸면 위젯 설정에 수고로운 시간을 줄일 수 있습니다. 폼-메일(form mail)로도 사용할 수 있어요 - 게시판 설정에서 '관리자 메일'을 설정해놓으면, 신규 문의가 등록될 경우 메일로 알림을 받을 수 있습니다. - 우리메일 등을 이용하면 보다 완벽한 형태의 이메일을 받아볼 수도 있습니다. (강추) - 이래저래 본 위젯이 폼 메일 기능으로도 활용될 수 있을 겁니다. 기능 확장을 고려할 수 있습니다 - 스킨 개발을 통해 위젯 변수를 잘 활용하면 다양한 방식으로 기능을 확장해볼 수 있을 겁니다. - 예를 들어 자바스크립트 또는 제이쿼리를 활용하여 스킨을 잘 개발하면, 구글식의 다단계 설문조사 같은 것도 구현할 수 있을 겁니다. 또한 게시판 스킨을 재가공해서 저장된 확장변수값을 아우르는 다양한 통계페이지도 생각해볼 수 있습니다. 기타 정보 - 라이믹스 + 크롬에서 개발되었습니다. 기타 환경에 문제가 있을 경우 댓글로 알려주세요~ - 그 외의 프로세스에 대해서는 직접 사용해보시기를 권장합니다. (이제 슬슬 힘들어서요...) - 다음 페이지들에서 실제 작동하는 과정을 체험할 수 있습니다. - 간단 버전 : https://bit.ly/33edLkJ - 거의 풀 버전 : https://bit.ly/3aRMOGr
1 2 3 Next

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
강원 정동진 모래시계공원 file
정동진 모래시계공원 팔공산 2024.03.20 3
전라 쏠비치 진도 file
쏠비치 진도 팔공산 2024.03.20 3
서울 서울 이순신장군 동상 file
서울 이순신장군 동상 팔공산 2024.03.20 2
충청 충주 중앙탑 file
충주 중앙탑 팔공산 2024.03.20 3
대구 [D - 249] 앞산공원 전망대 file
2024-12-31 앞산공원 전망대 팔공산 2023.03.29 27

 

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