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/
Prev 14 15 16 Next
Prev 14 15 16 Next
Piclens 로 이미지 표시해주는 위젯입니다. 자세한 사항은 요기 http://piclens.com/ 사이트 가셔서 읽어보시기 바랍니다. - 선 조건 - 1. piclens plug-in 이 설치 되어 있어야 합니다. (Windows XP, VISTA 에서만 동작 합니다.) - 브라우져는 대부분 되는 것 같습니다. 2. 모듈 게시판에 medias 라는 모듈이 설치되어서 사진 저장이 이루워져 있어야 합니다. - medias 모듈에 widgets, rss 스킨이 포함 되어있습니다. - 설치 방법 - - 선 조건 2.번을 설치하세요. - 아래 첨부파일 Medias_rss.php, rss.php 파일을 다운받아 양지바른곳에 업로드 하세요. - 셋팅 - 1. 외부페이지를 하나 만드셔야 합니다. - 외부페이지로 사용될 파일은 Medias_rss.php 이며, 이 파일안에 Medias 위젯을 생성해 주시기 바랍니다. (기본적인 포멧은 생성시켰습니다. 그냥 쓰셔도 됩니다.) 2. 레이아웃이나 게시판의 head 추가부분에 아래의 사항을 추가해주셔야 합니다. <script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script> <link id="gallery" rel="alternate" href="./폴더가있다면경로/rss.php" type="application/rss+xml" /> 3. 마지막으로 rss.php 파일을 여셔서 만드신 모듈경로를 적어주셔야 합니다. view plaincopy to clipboardprint? //한글 자르기 function hstrCut($msg,$cut_size,$end_str = "...") { if( (strlen($msg) > $cut_size) & ($cut_size > 0) ) { $msg = substr($msg,0,$cut_size); $msg = preg_replace("/(([\\x80-\\xFE].)*)[\\x80-\\xFE]?$/","\\1",$msg); $msg .= $end_str; } return $msg; } // 보여지는 부분 function RSS_reader($count,$url,$encode = "UTF-8"){ $channel = parseTag("mediasrss",getRSS($url)); // 인코딩 변환 /* if($encode == "UTF-8"){ $channel = iconv("UTF-8","EUC-KR",$channel); } */ return '<?xml version="1.0" encoding="utf-8" standalone="yes"?>'.$channel; } echo RSS_reader("","http://사이트/Medias_rss","UTF-8"); ?> //한글 자르기 function hstrCut($msg,$cut_size,$end_str = "...") { if( (strlen($msg) > $cut_size) & ($cut_size > 0) ) { $msg = substr($msg,0,$cut_size); $msg = preg_replace("/(([\\x80-\\xFE].)*)[\\x80-\\xFE]?$/","\\1",$msg); $msg .= $end_str; } return $msg; } // 보여지는 부분 function RSS_reader($count,$url,$encode = "UTF-8"){ $channel = parseTag("mediasrss",getRSS($url)); // 인코딩 변환 /* if($encode == "UTF-8"){ $channel = iconv("UTF-8","EUC-KR",$channel); } */ return '<?xml version="1.0" encoding="utf-8" standalone="yes"?>'.$channel; } echo RSS_reader("","http://사이트/Medias_rss","UTF-8"); ?> echo RSS_reader("","http://사이트/Medias_rss","UTF-8"); 외부페이지 만드신걸 여기다가 주소를 적어주세요. 최종적으로 사이트를 여시면 FF의 경우는 상단 오른쪽 끝 X버튼 밑에 이 아이콘이 나타납니다. 그리고 Piclens 지원되는 사이트는 이렇게 색이 바뀝니다. google, flickr 등이 이 기능을 지원하고 있습니다. (google은 내용 검색할때만 지원 됩니다.) 마지막으로 Piclens 테스트는 http://211.234.236.247 에서 테스트하실 수 있습니다. 꼭 Piclens Plug-in과 medias 모듈 설치하시고 사용하시기 바랍니다. - 추가사항 - fopen() 함수가 호스팅 사에서 막는 경우가 많아서 애드온으로 출력 할 수 있도록 조정했습니다. - 설치 & 세팅 - 1. 첨부파일 piclens.zip 을 다운 받으셔서 ./제로XE/addons/ 폴더에 복사하세요. 2. 관리자 페이지에서 애드온 메뉴로 가셔서 Piclens Addon을 설정하세요. 3. 설정하실때 외부페이지로 만든 모듈(설명중 : Medias_rss)만 선택하여 적용해주세요. 4. 애드온 적용 되셨으면 '비사용'을 '사용'으로 바꿔주세요. 5. 마지막으로 위 2. 레이아웃 설정 내용을 추가해주세요. <script type="text/javascript" src="http://lite.piclens.com/current/piclens.js"></script> <link id="gallery" rel="alternate" href="./Medias_rss" type="application/rss+xml" /> http:// 들어간 풀주소 또는 상대경로로 해주세요. ps : 집컴이 2000이라 테스트 못해봤습니다. (되겠죠?) !!!!!!!!!!! 제가 좀 어떻게 됐나 봅니다. (갑자기 프로그램을 많이 올려서 그런가 ㅠㅠ) piclens.zip 파일의 실행문에 주석을 해두고 올려버렸네요; -ㅅ-;; 다시 올립니다. 다시 받아 주세요. 그리고 죄송합니다. (_ _)ㆀ Medias_rss.php (215Byte)(41) rss.php (1.2KB)(41) piclens.zip (1.2KB)(2)
Prev 14 15 16 Next

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

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

 

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