MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
1.0x
profile
팔공산
Dec 04 2018
마우스 휠 한번 작동시 전체 화면 스크롤되는 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/
xe_official 레이아웃을 box 배경 이미지로 수정 조회수: 189, 2007.09.06 09:49:45 게시글 주소 : http://www.zeroboard.com/14910455 엮인글 주소 : http://www.zeroboard.com/14910455/trackback 지허 xe_official 레이아웃을 box 배경 이미지로 수정하였습니다. 메뉴버튼을 이미지로 롤오버 될 수 있도록 했습니다. 메뉴마다 다른 이미지는 아니고 동일한 이미지로 롤오버됩니다. 기본 css파일을 약간 수정하여 hanji.css파일로 만들었습니다. layout.html은 거의 수정하지 않아서 스킨이라기보다 하나의 컬러셋일 수도 있습니다. layout.html에서 수정한 부분은 테두리 위 아래를 두기 위해서 layout의 contentBody부분의 위 아래에 contentBodytop과 contentBodybottom을 삽입한 부분입니다. 위 아래를 추가하지 않고 css만 수정하여 같은 효과를 줄 수도 있지만 그렇게 하면 css 사용이 제한될 수 있어서 부득이 layout을 수정하였습니다. 제로보드XE를 공부한다는 생각으로 만든 것이라 소스가 좀 지저분할 수도 있겠습니다. 직접 만들면서 보니 제로보드XE의 구조를 조금씩 알아가는 재미가 있습니다. 아직 문법은 거의 익히지 못해서 고급 기능을 구현하는 데는 한계가 있습니다. 만들면서 보니 로그인 폼이 레이아웃 스킨 이름과 연동되는 것 같더군요.. 로그인 모듈의 스킨에 레이아웃 이름으로 디렉토리가 없을 때 로그인 폼이 나타나지 않거나 깨지는 경우가 있던 것 같습니다. 그리고 방명록 모듈에서는 레이아웃이 좀 깨지는 현상이 있습니다. 일반 게시판 모듈과 태그가 좀 달라서 그런 것 같은데 아직 방명록 모듈은 살펴보지 못했습니다. 홈피 주소는 http://hanmoon.kr 입니다. 껍데기만 만들어 놨습니다. 첨부 : xe_official_jiheo.zip (445.8KB)(6)
2007.08.31 품바 for XE 4,855
품바 for XE 조회수: 438, 추천수: 1, 2007.08.27 01:10:42 게시글 주소 : http://www.zeroboard.com/12995036 엮인글 주소 : http://www.zeroboard.com/12995036/trackback NineTail 북마크 툴 모음 붐바(http://boombar.korea.com/)의 티스토리용 스크립트 버전 품바(http://hanjava.net/poombar/)를 제로보드 XE용으로 개조하였습니다. 일단 보이는 아이콘들은 제가 아는 것만 해도 마가린, 위자드닷컴, 네이버 북마크, 다음 북마크, 이올린, 딜리셔스, 기타등등..(...많기도 하군요...) 한국에 알려진 온라인 북마크는 모두 모아 놨다고 해도 과언이 아니지요. 일단 기존의 티스토리 스크립트입니다. <!-- poombar for tistory code starts here --> <div style='display:none' id='bb-[##_article_rep_link_##]'>[##_article_rep_title_##]</div><script language='javascript' type='text/javascript'> var url = 'http://티스토리주소.tistory.com[##_article_rep_link_##]'; var title = document.getElementById('bb-[##_article_rep_link_##]').innerHTML; var eurl = encodeURIComponent( url ); var etitle = encodeURIComponent( title ); document.write('<'+'script'); document.write(' language="javascript" type="text/javascript" charset="utf-8"'); document.write(' src="http://hanjava.net/poombar/js.php?url='+eurl+'&title='+etitle+'">'); document.write('</'+'script'+'>'); </script> <!-- poombar for tistory code ends here --> 보시다시피 티스토리 스킨 치환자로 게시물의 제목과 주소를 받아서 온라인 북마크로 넘기는 기능을 가진 프로그램입니다. 이걸 제로보드 템플릿으로 살짝 수정을 해 보았습니다. <!-- poombar for Zeroboard XE code starts here --> <div style='display:none' id='bb-{$document->document_srl}'>{$oDocument->getTitleText()}</div><script language='javascript' type='text/javascript'> var url = '{$oDocument->getPermanentUrl()}'; var title = document.getElementById('bb-{$document->document_srl}').innerHTML; var eurl = encodeURIComponent( url ); var etitle = encodeURIComponent( title ); document.write('<'+'script'); document.write(' language="javascript" type="text/javascript" charset="utf-8"'); document.write(' src="http://hanjava.net/poombar/js.php?url='+eurl+'&title='+etitle+'">'); document.write('</'+'script'+'>'); </script> <!-- poombar for Zeroboard XE code ends here --> 이 코드를 게시판 모듈이나 블로그 모듈의 view_document.html 파일의 적당한 곳에 붙여넣으시면 됩니다. 추천하는 위치는 {$oDocument->getContent()} (본문을 출력하는 명령어입니다. 태터툴즈의 [##_article_rep_desc_##]와 같다고 보시면 됩니다.) 아래에 적당히 <br>을 몇개 넣어 공간을 확보한 뒤에 이 코드를 넣어주시면 됩니다. 오류 보고, 버그 보고는 언제라도 환영입니다. 혹시 직접 수정해서 올려주시는 분이 계시다면 감지덕지할 따름입니다. 좋은 시간 되세요.^^

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
충청 충주 중앙탑 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,552 5 안녕하세요 팔공산님..레이아웃 스킨 정말 잘쓰고 있는데 질문이 있습니다. file 폼첩쿤 2008.12.14 8,609
2,551 5 MH최근글+내용+코멘트+페이지를 출력해주는 카멜레온 위젯입니다. file 팔공산 2008.08.05 39,630
2,550 5 플래시앨범 설치해보기 file 팔공산 2008.06.15 7,532
2,549 5 링크프리뷰(Snap Shots) 애드온 file 팔공산 2008.07.14 17,842
2,548 5 트랙픽초과 때문에 file 팔공산 2008.04.02 4,177

 

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