MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
sejin7940님이 2015년에 만드신 카카오링크/카카오스토리 (sejin7940_kakao link)애드온이 최근에 카카오톡 링크 V2 API 로 업데이트 되면서 아래 문구가 뜨면서 작동이 되지를 않더군요. " 최신 버전의 카카오톡 링크가 적용되지 않은 앱(또는 서비스)에서 공유하기를 하였습니다. 해당 앱을 업데이트 하거나 최신 버전의 카카오톡 링크를 적용하도록 앱 개발사에 요청해 주세요. " 그래서 필요에 의해서 수정하면서 올려봅니다. 이름을 그대로 사용하기가 그래서 살짝 이름 변경했습니다. 사용법은 sejin7940님의 것을 그대로 가져 왔으며, 카카오링크만 적용 했으며, PC / 스마트폰 모두 작동합니다. 새 애드온에는 불가피하게 카카오사이트에 가입하고 API 키 발급과정이 필요합니다. 1. API 키 발급방법 1) https://developers.kakao.com 에 가입 2) 앱만들기 에서, 앱 이름을 정하신 후 (큰 의미 없습니다) 3) Javascript 키 값을 기억을 해두세요 ( 애드온 설정에 기재하셔야합니다) 4) 좌측 설정->일반 을 누른후, '플랫폼 추가' 버튼을 클릭하고 웹 클릭 후 , 사이트 도메인 기재하시고 저장 << 주의 >> 사이트도메인은 www 포함한 도메인, www 뺀 도메인 두가지 다 기재해주세요! 5) 설치된 애드온에서, mh_kakao_link 애드온 설정 누르신 후 javascript key 입력하고, 사이트 이름 입력 (카카오링크 하단에 나타날 이름입니다) 하시면 됩니다. 그 후 해당 애드온을 사용으로 체크하시면 됩니다 "https://developers.kakao.com/docs/js/kakaotalklink#스크랩-템플릿-보내기" 참고로 수정했습니다. p.s 참고로 문서페이지와 게시판에서만 작동합니다.(위젯페이지에서는 작동 안합니다)
Prev 17 18 19 Next
Prev 17 18 19 Next
SiHuFa http://www.zeroboard.com/16853512 xe의 버튼들을 위와 같은 버튼 스타일로 일괄적으로 바꿔 주는 에드온입니다. 설치 - zbxe/addons/ 하위 디렉토리 설정 - 관리자 페이지 - 관리형 모듈 - 애드온 - Button Change 애드온 설정 설명 xe의 버튼은 /common/css/button.css에서 스타일을 정의 해서 쓰며 모듈스킨에서 사용자가 별도로 적용할수 있습니다. 보통 /common/tpl/images/form_buttons.png의 버튼이미지만을 수정 해서 사용하는데 업데이트시 변경 될수 있어 업데이트시 주의를 해야했습니다. 이 에드온은 버튼스타일과 이미지를 애드온으로 동작하게 하여 모든 모듈또는 선택된 모듈에 대한 버튼 스타일을 변경합니다. 모듈별로는 각각 다른 스타일을 적용 할수는 없습니다. 연구를 해봐야 겠습니다. 디자인이나 프로그램을 독학 하다보니 단순 무식하게 만들었습니다. 고수님들이 혹시나 보신다면 많은 조언 부탁드립니다. 일반 유저들이 이미지 파일 교체 없이 에드온 설정만으로 버튼스타일 적용이 가능하게 만들었습니다. xe 1.0.3의 모듈 선택기능으로 전체모듈 또는 선택 모듈에만 버튼 스타일 적용이 가능합니다. 주의 이 에드온은 스킨에서 버튼스타일을 별도로 정의 하셨다면 변경이 되지 않습니다. 보드 스킨의 write_form.html 등에서 버튼부분이 class="button"로 정의되어 있어야 합니다. 21가지의 CSS와 이미지를 별도로 보드스킨에 적용 시키셔서 사용해도 됩니다. 보드스킨에 별도록 직접 적용 하는 방법은 팁란에 올리도록 하겠습니다. 제작시 질문사항 (제로님이나 고수님) 버튼스타일을 에드온 설정화면에서 이미지로 보여주고 선택 할수 있도록 만들고 싶었는데. 보드스킨설정에서 처럼 info.xml에 colorset이 안먹혀 그냥 셀렉트로 만들었습니다. 설정화면에서 이미지를 넣고 싶은데 어떻게 하면 될까요. 스타일원본출처 간지님의 포삽질닷컴 http://poshopzil.com/ 에서 스타일을 참조 했습니다. 스타일의 글자색, 이미지의 버튼색만 참조하여 직접 xe 버튼스타일에 적용하고 이미지도 버튼 높이가 틀려서 모두 새로 작업하였습니다. 전체 버튼별 스타일 확인 페이지는 http://poshopzil.com/gBtn_all/ 로 들어가셔서 보시면 됩니다. 설정화면에서 21가지의 스타일중에서 선택 하시고 적용하시면 됩니다. 모듈을 따로 선택하지 않고(전체모듈) 적용했을 경우 위와 같이 21번 청색스타일이 바로 버튼스타일에 적용 된것을 보실수 있습니다. 오렌지 라인이 적용된 화면입니다. 이 게시물을.. buttonchange.zip (199.7KB)(32)
트루먼 http://www.zeroboard.com/16761455 기존에 SINPIC MAP을 대폭 개선하여 TRIPLOG MAP으로 다시 태어났습니다. 먼저 기능개선은 1. 항상 naver MAP에만 머물러있어야했던 첫화면을 등록 당시의 MAP으로 나오게 했습니다. 예를 들어 맵 등록 시 구글 맵을 보고 있었다면 등록된 글을 볼 때 첫화면은 구글로 나오게 됩니다. 2. 검색지점 자동 입력 - 지역을 검색하고 결과로 나온 리스트를 눌렀을 경해 해당 위치의 값이 자동 등록되어 지며 깃발이 달립니다. 3. 검색결과 성능향상 - 네이버 주소 검색외에 지역검색 API를 사용하여 동호수가 아닌 일반단어(예: 양떼목장, 치악산...)로도 관련검색이 됩니다. - 또한 성능이 우수한 Yahoo의 지역검색을 이용하면 구글을 이용한 외국의 지역도 검색이 가능합니다. ※ 기본은 네이버 맵으로 세팅되어 있으므로 Yahoo 지역검색을 이용할 시는 Yahoo API키를 받아야 하며 약간의 소스 수정을 해야합니다. 4. TripLog로 간단하게 포스팅 하는 기능 - 글등록자나 관리자에 한해 등록된 map의 글을 지도와 함께 쉽게 Triplog사이트로 메타포스팅 할 수 있습니다. 이상이며 기타 자잘하게 안정성을 강화 했습니다. 설치방법은 아래와같습니다. 설치 방법 1.첨부되어 있는 파일을 다운로드 후 압축을 해제합니다. TripLog_map_v1.0.1.zip 2. TripLog_map 폴더를 /zbxe/modules/editor/components 폴더에 넣습니다. 3. 관리화면의 기능성모듈 > 위지윅 에디터 항목에 새로 나타난 TripLog맵 연동의 설정창을 열어 설정을 합니다. 1) [맵] 구글 지도 api key - 반드시 필요한 키값입니다. 해당 사이트에서 키값을 받아서 입력하셔야합니다. 2)[맵] 네이버 지도 api key - 반드시 필요한 키값입니다. 해당 사이트에서 키값을 받아서 입력하셔야합니다. 3) [검색기능강화] 네이버 일반 api key [옵션] - 반드시 필요하진 않지만 지역검색 시 검색 결과(자연어)를 확장할 수 있습니다. 4) [검색기능강화]야후 거기 지도 api key [옵션] - 반드시 필요하진 않지만 검색결과의 퀄리티가 좋습니다. (외국지역까지 검색됨) 기본설정으로 네이버 주소검색으로 되어 있으며 Yahoo검색을 이용하실려면 popup.html파일의29번째줄 쯤의 코드를 아래와 같이 수정해야 합니다. <form action="./" method="get" onSubmit="search_address_yahoo(); return false;" id="fo" > TripLog_map_v1.0.1.zip (192.8KB)(7)
http://www.zeroboard.com/16782148 제목 그대로 파스텔 12가지 칼라 최신글 스킨 입니다. 조현우님(sound4u)님의 소스인데, 색이 단색이라 이번에 12가지 색으로 골라 쓸 수 있도록 했습니다. 원작자님께 수정 배포 허락을 받고, 이 스킨을 토대로 해서 다른 스킨들도 시리즈로 계속 올릴 예정입니다. 일단 보시면 아래 그림과 같습니다. 캡쳐화면인데, 직접 예제사이트 보시면 파스텔 칼라 색상이 더 선명합니다. 적용사이트 보기 http://www.rotc23.pe.kr/ 적용시험은요 ie7과 ie6에서 했는데, 잘 보입니다. 다만 파폭은 제컴에 설치를 못해서 확인을 못했습니다. 사용방법은요 첨부파일을 다운받아서 압축화일을 풀면 fiancee_newdoc 이라는 폴더와 내용물들이 생길텐데, 그것을 widgets/newest_document/skins 폴더에 업로드 하고, 관리자모드의 페이지 수정에서 최신글 위젯을 추가 하시면 됩니다. 그외 자세한 설명은 ZBXE 메뉴얼을 참고 하시면 됩니다. 참고로, 제가 미술을 해서 디자인은 관심이 있는데, 스킨쪽은 초보라서 질문을 하셔도 답변을 못드릴 경우가 많을텐데, 이해 부탁드리겠습니다. 다만 이스킨쪽은 아는대로 답변 드리겠습니다. 예쁘게 사용하시려면요 이 스킨을 예쁘게 사용하시려면 각 메뉴별로 스킨색을 다르게 적용하시면 좋습니다. 예를 들어 Home은 그린색, Family는 기본색, Life는 치자색, Relax는 담자색, Study는 분홍색 이런식으로 하면 레이아웃의 변경 없이도 홈을 예쁘고 칼라플하게 만들 수 있습니다. 물론 칼라플한게 촌스럽다고 느끼시면 마음에 드는 한가지 색으로만 통일해서 사용하시면 됩니다. 앞으로요... 1. 현재 12가지 색인데, 전통색과 파스텔 칼라를 조화시켜 여러가지 칼라로 추가 예정 여기에 사용되는 색은요. 바로 이 색입니다. 전통색 보기 http://www.rotc23.pe.kr/zbxe/webtip/167320 (새창) 2. 본 최신글 칼라를 토대로 최근댓글, 최근웹진, 최근이미지, 최근탭게시물을 칼라세트로 추가 제작 /배포 3. 원 스킨 소스 특성상 모서리를 둥글게 만들고 모서리 배경을 투명 처리 했으나 깔끔하게 보이지 못하는 단점이 있어서 외곽은 사각형으로 하고 타이틀 아래 부분만 둥글게 처리함. 이 문제는 향후 계속 고민하고 고수님께 문의해서 모서리를 둥글게 할 예정( 이 문제에 대해 아시는 분이 답변주시면 수정 배포할께요...) fiancee_newdoc.zip (74.9KB)(23)
우야노 http://www.zeroboard.com/16780024 어쩌면 시작도 하기전에 마지막 버전이 될지도 모를 우야노 배포판 v2.0을 공개합니다. 스킨을 올리면서 항상 느끼는 것이지만 설명을 어떻게 해야 할지가 난감하군요... 이번 버전은 제 홈페이지 http://www.uyano.com/ 에서 사용하는 레이아웃과 99%동일한 것입니다. 그리고 제가 레이아웃에 첨가해 사용하는 위젯 몇가지를 패키지 처럼 묶었으니 참고하시기 바랍니다. 제가 생각하는 이번 버전의 핵심은 메인메뉴의 롤오버기능인데.. 이 부분은 블루게이트님의 홈페이지에 사용되는 자바스크립트를 활용하여 제 레이아웃에 맞게 수정한것입니다. 특징이라면 메인메뉴의 1차메뉴의 위치와 함께 움직인다는 것이며, 메뉴관리에서 관리자 체크가 되어 있더라도 오류를 일으키지 않습니다. 또한 메인메뉴의 2차메뉴 css수정도 보다 용이하리라 생각됩니다.(소마세월님의 팁을 기준으로한 주관적 견해입니다.) 공개 및 수정을 허락해 주신 블루게이트님께 진심으로 감사드립니다.!! 머릿말이 너무 길었네요.. 이제 레이아웃에 대해 간략히 설명해 드리겠습니다. 메인 레이아웃입니다. v1.0과 달라진 부분은 문두에 밝힌것 처럼 롤오버 메뉴가 지원된다는 것이고 하늘색에서 그린으로 색상을 변경하였습니다. 로그인은 일부러 가로로그인(KK_Login_karo 로그인을 수정한것) 과 우측편 박스 로그인(기본로그인을 수정한것) 2개를 넣어놓았습니다. 압축을 푸시면 패키지로 들어가 있으니 참고하시기 바라며.. 필요하시것만 남겨서 쓰시면 될듯합니다. 서브레이아웃입니다. 메인메뉴나 로그인부분에 대한 설명은 메인메뉴의 것과 동일하며, 전체적인 구성은 v1.0과 동일합니다. 전체 레이아웃이 좌측, 가운데, 우측으로 구분되어 있으니 참고하시기 바랍니다. v1.0에 비해 가장 변화가 없는 서브레이아웃 되겠습니다. 참고로 v1.0과 마찬가지로 게시판에 분류기능을 활성화 시켜 놓으신 경우 카테고리와 달력위젯이 출력됩니다. 필요없으신분은 과감히 삭제해주시면 됩니다. 새롭게 공개하는 갤러리 레이아웃입니다. 심하게 충동적으로 뚝딱 만든 레이아웃인지라 문제가 좀 있어보이긴 합니다만.. 그래도 요청하신분도 있고 해서 같이 올립니다. 메인메뉴 이외에도 메인메뉴 바로 아래에 2차메뉴가 출력되게 메뉴 박스를 하나 더 넣었습니다. 어두운 배경에 맞게 메인메뉴의 색상도 블랙으로 잡았고, 스샷에는 없습니다만.. 하단의 copyright 출력부분도 검은색 배경으로 만들었습니다. 이상 레이아웃에 대한 간략한 설명이었습니다. 설치법을 질문하시는 분이 간혹 계신데.. 이번에는 압출을 푸시고 그대로 zbxe 폴더에 올려주시면 됩니다. 그러면 laouts폴더속에 uyano_main,uyano,sub,uyano_gallery 세개의 폴더가 만들어 집니다. 이제 관리자 화면에서 3개의 레이아웃을 모두 사용하시려면 각각 하나씩 모두 생성시켜 주면 됩니다. 그리고 적용을 원하는 모듈에 각각의 생성된 레이아웃을 연결하시면 되겠네요.. (말로 하려니 무지 어렵습니다. ㅡ.ㅡ;;) 나름대로 충분한 테스트를 거친후 올리는 것이지만.. 문제가 발생할경우 혼자 해결 마시고.. 꼭 알려주셨으면 합니다. 그리고 마지막으로 다시 한번 자바스크립트 사용을 허락해주신 블루게이트님께 감사드립니다. uyano_release_v2.0.zip (316.7KB)(46)
Prev 17 18 19 Next

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

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

 

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