MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
V1.4 수정내용(2020.12.13) 1. 코드정리 2. 자체 로그인 탑재 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개의 케릭터이미지가 랜덤하게 표현됩니다. (유 /무 가능) 3. 우측메뉴의 위젯폭을 185px로 늘렸으며, 우측메뉴배경색상을 지정할 수 있습니다. 4. 위젯과 에드센스를 레이아웃설정에서 추가 할 수 있습니다.(총4군데) 5. 레이아웃코드안의 내용들이 상호 유기적으로 알맞게 배치됩니다. 6. 14개 케릭터이미지의 추가로 위젯의 용량이 5Mbyte가 조금 넘습니다. v1.2 수정내용 1. 레이아웃을 좌측배치와 중앙배치로 선택할 수 있습니다. 2. 우측메뉴버전에서 우측메뉴에 테두리추가 v1.1 수정내용 1. 외관상으로 별 변화는 없습니다. 2. 꼬여있던 스크립트를 XE에 맞추어 정리했습니다. 3. 특정 위젯에서 가로폭에 생기던 문제점을 해결했습니다.(제가 만든 카멜레온위젯들과 맞지를 않더군요.^.^) 4. 전체가로폭의 설정을 바르게 적용했습니다. 수정 1. layout.html안의 위젯란에 저의 위젯 스크립트가 들어가 있었네요, 지우고 다시 올렸습니다. 2. 썩은도끼님의 지적으로 아래에 문구 삽입 했습니다. 지적 감사합니다. Free Website Templates문구를 삭제하지 마세요. 다른 건 모두 삭제해도 상관없습니다. 프리웹사이트에 있는 템플릿중에 심플한 레이아웃이 있어서 XE 레이아웃으로 변경했습니다. http://www.freewebsitetemplates.com/preview/musicshop/ 여기저기서 스크립트들을 갖다 붙여서 어느곳이 누구의 스크립트인지 잘 모르겠습니다. 혹시 문제가 된다면 양해바랍니다. Mh_Simple Layout 설치 이 레이아웃은 가로로그인스킨을 선택 / 비선택 할 수 있습니다. 남시종님의 "누리파스텔가로로그인스킨"을 심플하게 변형을 한 로그인스킨이 포함되어 있습니다. 1. 단독 레이아웃스킨 의 압축을 풀어서 xe/layouts 폴더안에 mh_simple폴더채로 올리세요. 2. 누리 Simple 가로 로그인스킨 의 압축을 풀어서 xe/widgets/login_info/skins 폴더안에 nuri_simple_login_garo폴더채로 올리세요. 특징 샘플페이지 1. 심플하고 깔끔한 레이아웃을 원하시면 사용해보세요. 2. 기본설정으로 설치를 하셔도 사용하는데는 지장이 없지만, 자신이 만든 이미지를 직접 등록해서 자신만의 디자인으로 꾸밀 수 있습니다. 3. 심플버전 / 우측메뉴버전 두개의 레이아웃 형태를 선택할 수 있습니다. 4. 가로로그인스킨을 선택 / 비선택 할 수 있습니다. 5. 그 외 기타 문하우스 레이아웃에 사용된 여러 설정들이 적용되어 있습니다. 6. IE 6, 7버전 FF에서 확인햇습니다. 위의 이미지에서 여인들이 있는 위치에 기본이미지로는 음악듣는여인이 선택되어 있습니다. 기타 이미지를 올립니다.
[ Noto Sans KR 수정 ] 기존 ebay.co.kr에서 제공하던 소스가 막혔네요, 구글로 수정해 주세요 /addons/web_fonts/web_fonts.addon.php 파일 수정 if( $addon_info->noto_use == 'enable' ) { Context::addCSSFile('///fonts.googleapis.com/earlyaccess/notosanskr.css'); } [ V_1.8 업데이트 ] - 2022. 03. 29 • 폰터 어썸 V 6.1.1으로 버전 UP [ V_1.7.1 업데이트 ] - 2021. 08. 29 1. sky 색상 추가해서 총10가지 - SketchBook5 MH 게시판스킨 에서 10가지 색상 필요 [ V_1.7 업데이트 ] - 2020. 11. 23 1. 폰터 어썸 V 5.15.1으로 버전 UP 2. Noto Sans Korean 폰트 추가 - 외부파일 불러오기 css파일에 { font-family: "Noto Sans Korean", "Open Sans", sans-serif; } [ V_1.6 업데이트 ] - 2019. 12. 18 1. 폰터 어썸 V 5.12.0으로 버전 UP 2. Sexy Button - dark와 white 색상 추가해서 총 9가지 - 버턴크기 mini를 추가해서 총 3가지 class="sbtn_mini sbtn-white" class="sbtn_mini sbtn-dark" [ V_1.5 업데이트 ] - 2018. 10. 29 1. 폰터 어썸 V 5.4.2으로 버전 UP 2. 폰터 어썸 V4 / V5 통합됨 [ V_1.4 업데이트 ] 1. Sexy Button의 button소스가 XE와의 충돌로 문제 - button_ 부분을 sbtn_으로 수정 - button- 부분을 sbtn- 으로 수정 - button_small button-red 를 sbtn_small sbtn-red 이렇게 변경해야지 Sext Button에드온이 작동함. - Sexy Button으로 자신이 버턴을 만든적이 없으면 Pass~ [ V_1.3.1 업데이트 ] 1. 폰터 어썸 5.0.2으로 버전업후 일부 4.7.0 아이콘들 사리지는 증상을 해결(두버전 모두 포함) [ V_1.3 업데이트 ] 1. 폰터 어썸 5.0.2으로 버전업 2. 나눔고딕도 내,외부 파일 불러오기로 구분하였습니다. [ V_1.2 업데이트 ] 1. 폰터 어썸 4.7.0으로 버전업 2. 폰터 어썸 을 내부, 외부 둘 중에서 선택해서 불러올 수 있게 수정함 Web Fonts 애드온 1.0 에 Sexy Button을 추가했습니다. Font Awesome Icons도 4.5.0으로 버전업 되었습니다. "Sexy Button"은 웹폰트는 아니지만 작동기능이 비슷하고 사용목적도 비슷해서 같이 합쳤습니다. Sexy Button은 제가 붙힌 것은 아니고 소스를 얻은 곳에서 사용된 제목입니다. [Sexy Button 사용법] 위의 이미지에서 보이는 버턴들이 "Sexy Button"을 적용해 만든 버턴들입니다. 큰 버턴, 작은버턴, 총 7가지의 색상으로 구현할 수 있습니다. 그리고 Font Awesome Icons과 함께 사용하도록 만들어져 있습니다. 위에 다섯개가 작은버턴 5가지 색상입니다. 1. blue <a href="{getUrl}" class="sbtn_small sbtn-blue"><i class="fa fa-step-backward"></i>문구</a> 2. green <a href="{getUrl}" class="sbtn_small sbtn-green"><i class="fa fa-step-forward"></i>문구</a> 3. purple <a href="{getUrl}" class="sbtn_small sbtn-purple"><i class="fa fa-list"></i>목록</a> 4. orange <a href="{getUrl}" class="sbtn_small sbtn-orange"><i class="fa fa-pencil-square-o"></i>수정</a> 5. red <a href="{getUrl}" class="sbtn_small sbtn-red"><i class="fa fa-trash"></i>삭제</a> 아래 두개가 큰버턴 2가지 색상입니다. 6. yellow <a href="{getUrl}" class="sbtn sbtn-yellow"><i class="fa fa-comments"></i><i class="fa fa-folder-open"></i>문구</a> 7. gray <a href="{getUrl}" class="sbtn"><i class="fa fa-comments"></i><i class="fa fa-folder-open"></i>문구</a>
Prev 7 8 9 Next
prettyphoto를 이용한 이미지 뷰어, 아이프레임, 플래쉬, 유튜브 등등 이미지 갤러리입니다. 제가 여러가지 찾아봤는 데 이게 가장 좋다고 생각합니다! 제작자 홈페이지 입니다. http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/ 현재 제가 추가한 기능은 다음과 같습니다. xe 기본 이미지 리사이즈 기능을 대체할 수 있고, 오토링크 기능을 대체할 수 있습니다. 옵션으로 만들고 싶은 항목이 있는데 지식이 부족해서.. ㅠ.ㅠ 조언을 얻은 뒤 옵션 항목을 추가할 예정입니다. 구현하고 싶은 건, 1. 테마, 전환 스피드 등 prettyphoto 자체 지원 옵션을 애드온 설정화면에서 설정할 수 있게 하는 것, 2. 리사이즈를 일정 사이즈 이하 금지, 3. 오토링크 기능에 유뷰브 등 링크를 찾아서 prettyphot 플러그인 쓸 수 있게, 4. 오토링크 ui 개선입니다. (현재는 임시 방편으로 제가 할 수 있는 부분으로 했습니다. ie6 테스트 못했습니다) 더 필요한 거 있거나 개선 사항있으면 말씀해주세요. 실력이 없지만(실은 아는 거 하나 없어요. 올라온 거 뜯어보고 만드는 거라;;), 여기 계신 분들 조언을 얻어서라도 만들어 보려고 합니다. ^^; 80san의 말 지금까지 출시된 이미지보기 프로그램중에서 가장 진보된 애드온 같습니다. 원제작자의 홈페이지에 있는 가능들이 모두 구현된다면 멋진 이미지보기 애드온이 될 것 같습니다.
Default 스킨 easyAccordion 스킨 [참고한 자료] 제로보드xe 위젯 기본 소스인 content 를 기반으로 필요한 구문들을 추가 수정하여 만들었습니다. jQuery 슬라이더 소스는 http://www.twospy.com/galleriffic/ 의 소스를 편집하였습니다. easyAccordtion 소스는 http://www.madeincima.eu/blog/jquery-plugin-easy-accordion/ 을 편집하였습니다. [미리보기] : galleriffic 샘플-2 - http://www.twospy.com/galleriffic/example-2.html galleriffic 샘플-5 - http://www.twospy.com/galleriffic/example-5.html xe 위젯에 적용된 샘플 - http://study4u.hosting.paran.com/ [주요 기능] 썸네일 가로, 세로 크기 및 위치 이동 가능 썸네일 가로, 세로 출력 갯수 조절 기능 슬라이드 이미지 가로, 세로 크기 및 위치 이동 가능 제목, 내용 표시, 숨김 가능 컨트롤 , 페이지 버튼 표시, 숨김 가능 자동 슬라이드 시작되며, 마우스 오버시 슬라이드 멈춤 슬라이더 이미지 클릭하면 다음 그림으로 자동으로 넘김 썸네일과 슬라이더 상하 좌우 위치 변경 가능 easyAccordion 스킨을 추가. [0.8 업데이트] easyAccordion 스킨을 추가하였습니다. 위젯 코드 생성메뉴의 이미지 갯수를 조절하면 목록 갯수를 조절할 수 있습니다. 컬러셋은 기본과 투명이 있는데, 투명은 IE는 적용안됩니다. PNG 때문에. 에디터 모드를 통해서 출력되는 위치 정보등을 알 수 있습니다. (다만, 위치 옵션값에 따라서 다소 차이는 생길 수 있습니다. 적당히 밀고 당기고 해서 사용하시면 될듯 싶네요) [썸네일 가로, 세로 배열 또는 갯수 조절 하는 방법] 썸네일의 이미지의 행, 열간의 갯수를 자유롭게 조절할 수 있습니다. 옵션에서 네비게이션 가로 크기와 썸네일 이미지 수를 적당히 조절해 주시면 됩니다. 예를 들어, 슬라이드 이미지는 크게하고, 썸네일은 세로로 1열로만 배열하고 싶을때는 네비게이션 가로 크기를 썸네일 가로 넓이만큼으로 줄여주시면 됩니다. 만약 가로 이미즈를 2행으로 배열로 하고 싶을때는 옵션에서 네비게이션 가로 크기는 썸네일 가로 크기의 2배정도로 넓혀 주고, 썸네일 이미지 수를 적당히 변경해 주세요. 물론 필요에 따라서 슬라이드 이미지 총 갯수도 함께 올려주셔야 합니다. 즉, 네비게이션 가로 크기와 썸네일 이미지 수에 따라서 썸네일의 가로 세로의 이미지 갯수를 조절할 수 있습니다. 만약, 슬라이드 이미지와 썸네일의 높낮이가 달라서 조절하고 싶은 경우는 슬라이드 이미지의 세로 위치나 네비게이션 세로 위치등을 조절해 주면됩니다. 위치 값에 - (마이너스) 값도 적용이 됩니다. ## 참. 중요한것 한가지! 옵션값 변경시 0 값을 입력했을때 적용이 안될때가 있는데, 그럴때는 1 값을 넣고 다시 변경하시면 됩니다. 왜그런 현상이 발생하는지는 저도 잘 모릅니다. XE 개발자님께 물어주세요. ㅅㅅ 혹시 해결방법 아시는 분은 댓글 주세요. ## The result is not a valid XML 에러가 있다고 하여서 모든 파일을 UTF-8 으로 변환하였습니다. 이전엔 익스플로러의 광팬이었지만, 지금은 익스 거의 사용안합니다. 뱅킹과 특정사이트를 제외하고 거의 대부분 크롬을 사용하고 있습니다. 내가 왜 익스와 같이 무겁고 느린 고물차를 뭐가 그리 좋다고 몰고 다녔을까... ㅡ.,ㅡ 아직까지 익스 고집하시는 분들, 이젠 바꾸세요!! ## 어려운 질문은 답변해 드릴 수 없습니다. 소스 보시면 누구나 쉽게 수정할 수 있도록, 추가하거나 수정된것은 주석 넣었습니다. 적당히 자신의 홈피에 맞게 수정해서 사용하세요. 감사합니다.
Prev 7 8 9 Next

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

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