MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
[크롬에서는 정상적으로 작동을 하나, 익스플로러에서는 마우스클릭이 어렵습니다] 아래의 메뉴에서 처럼 마우스오버시 회전하며 색상및 문구가 변경되게 하는 Tip을 XE메뉴에 적용하는 방법입니다. 반갑습니다 <style> .gnb { margin:0px Auto; text-align: center; padding:0 5px; } .gnb a { padding:0 5px 0 0px; font-weight:bold; font-size:1em; line-height: 25px; text-decoration:none; overflow:hidden; color:white;} .link-effect-1 a span { position: relative; padding: 0 5px; background:black; display: inline-block; vertical-align: middle; *vertical-align: auto; *zoom: 1; *display: inline; -moz-transition: 0.3s; -o-transition: 0.3s; -webkit-transition: 0.3s; transition: 0.3s; -moz-transform-origin: 50% 0 50%; -ms-transform-origin: 50% 0 50%; -webkit-transform-origin: 50% 0 50%; transform-origin: 50% 0 50%; -moz-transform-style: preserve-3d; -webkit-transform-style: preserve-3d; transform-style: preserve-3d;} .link-effect-1 a span::before { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: gray; content: attr(data-hover); -moz-transition: background 0.3s; -o-transition: background 0.3s; -webkit-transition: background 0.3s; transition: background 0.3s; -moz-transform: rotateX(-90deg); -ms-transform: rotateX(-90deg); -webkit-transform: rotateX(-90deg); transform: rotateX(-90deg); -moz-transform-origin: 50% 0 50%; -ms-transform-origin: 50% 0 50%; -webkit-transform-origin: 50% 0 50%; transform-origin: 50% 0 50%;} .link-effect-1 a:hover span, .link-effect-1 a:focus span { -moz-transform: rotateX(90deg) translateY(-22px); -ms-transform: rotateX(90deg) translateY(-22px); -webkit-transform: rotateX(90deg) translateY(-22px); transform: rotateX(90deg) translateY(-22px);} .link-effect-1 a:hover span::before, .link-effect-1 a:focus span::before { background:white; color:black;} </style> <div class="gnb"> <!--@foreach($bottom_menu->list as $key => $val)--><!--@if($val['link'])--> <!--@if($val['selected'])--> {@ $menu_1st = $val } <!--@end--> <!--@if($val['selected'])--><!--@end--> <span class="link-effect-1"> <a href="{$val['href']}"<!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>&#124; <span data-hover="{$val['text']}">{$val['text']}</span></a> </span> <!--@endif--><!--@endforeach--> </div> 오렌지색 부분이 바탕색상 및 글꼴색상 변경하는 부분입니다. 파란색부분을 수정하면 가로,세로 배열을 바꿀 수 있습니다. span 대신에 div 하면 세로 정렬됩니다.
[스케치북게시판 사용시 주의사항] - 윈도우창기능 팝업위젯을 스케치북게시판 사용중인 사이트에 적용하면 댓글 등록시 "내용값을 입력하세요" 라는 문제점이 발견되었습니다. - 위젯을 수정해 볼려고 했으나 잘 안되고 스케치북 코드를 살펴봐도 잘 모르겠네요.ㅠㅠ - 그래서 편법이지만 스케치북 게시판의 설정을 변경하는 방법으로 우회합니다. 이 방법이 마음에 들지 않으시면 이 팝업위젯은 스케치북 게시판에는 사용을 하지 말아 주세요. 그리고 되도록이면 게시판에는 사용을 자제하시고 위젯페이지에서 위젯설치로 사용을 권합니다. -설정변경 방법 1. 해당게시판의 스케치북 "스킨관리"에서 "글쓰기 및 댓글쓰기 설정" - "댓글 에디터 설정"과 "에디터 선택버턴 표시"를 아래 이미지와 같이 설정하시면 됩니다. "Textarea(기본)"으로 선택하면 문제를 일으킵니다. "에디터"로 선택하면 문제가 없이 댓글 등록이 됩니다. 2. 댓글 에디터의 잡다한 html이나 기타 옵션이 보기 싫으시면 해당 게시판의 설정 - 추가설정 - 위지윅에디터에서 댓글 에디터스킨의 Html편집권한이나 기타 권한을 선택하지 않으면 됩니다. 이런것도 싫으시면 아래 이미지에서 보이는 형관색의 에디터스킨을 받아서 설치하시고 선택하시면 됩니다. textarea.zip xpresseditor_slim_mh.zip [ V 1.2 업그레이드 내역 - 2016년 5월 13일 ] - "PostIt출력"추가해서 총4개의 스킨으로 업그레이드 - 이미지폴더와 js폴더를 하나로 통합해서 소스 간략화 [ V 1.1 업그레이드 내역 - 2016년 5월 12일 ] "게시판 리스트출력" "Html_Text직접입력" 두개의 스킨 추가해서 총3개의 스킨으로 업그레이드 [ V 1.0 - 2016년 5월 9일 ] 윈도우창과 같이 화면이동, 최소화, 최대화, 닫기, 스크롤, 창크기 마우스로 조절 그리고 "24시간 닫기" 기능까지 갖춘 팝업위젯입니다. 팝업창의 기본 위치, 크기 조절, 팝업창출력유무, 그룹별 출력유무도 설정에서 가능합니다. 팝업창안의 내용은 게시판의 내용을 그대로 가져옵니다. 특정 게시판을 하나 만들어서 팝업전용으로 하셔도 되고 기존 게시판을 지정하셔도 됩니다. 팝업창의 버턴 아이콘들은 Font Awesome Icons 와 이미지 두가지 사용이 가능합니다. https://moonhouse.co.kr/395931 - Web Fonts 애드온 1.1 p.s 레이아웃에 기능을 넣을려고 하니 "24시간 닫기"가 제대로 작동을 하지 않아서 위젯으로 만들었습니다.
Prev 26 27 28 Next
게시글 주소 : http://www.zeroboard.com/16049996 엮인글 주소 : http://www.zeroboard.com/16049996/trackback 베니 이 애드온은 좀 더 많은 테스트를 필요로 합니다. 이 애드온을 사용한 이후 어떤 문제가 발생되었다면 작성자에게 알려주시기 바랍니다. 이 애드온은 제작자 블로그에서도 다운로드 받으실 수 있습니다. 경고문 - 이 애드온은 사이트의 정상적인 운영을 방해할 수 있습니다. 충분한 테스트후에 적용여부를 검토하시기 바랍니다. 애드온의 작성자는 이 애드온 기능에 의해 차단된 글에 의한 어떠한 피해에도 책임을 지지 않습니다. - "filters" 디렉토리내에 필터 이외의 파일을 넣지 말아주십시오. 비정상적인 동작이 일어날 수 있습니다. D.A.S는 DIGIST Anti Spam의 약자입니다. 이 애드온은 제로보드 XE용으로 작성되었으며 버전 0.2.6에서 작성되어 테스트되었습니다. 애드온의 사용법 문의나 업데이트에 대해서는 DIGIST.CO.KR을 참고해주시기 바랍니다. 이 애드온은 스팸 게시물, 댓글, 트랙백을 최대한 줄이기 위한 용도로 작성되었습니다. 이 애드온이 제공하고 있는 스팸 필터링 방법에는 크게 3가지가 있습니다. 1) 기존 영어환장(-_- 태터툴즈에서 알려졌던 '영어환자'의 XE버전이라고 보심 됩니다)이 처리하는 부분을 포함합니다. 댓글이나 트랙백에 한글이 한 글자라도 포함되어 있지 않다면 스팸으로 간주하고 해당 글을 등록하지 못하도록 합니다. (옵션으로 끄고 켤 수 있습니다.) 2) 댓글이나 트랙백에 링크 걸린 텍스트가 전체 문장의 50%를 넘기는 메시지를 스팸처리 해버립니다. (언어는 상관없음, 옵션으로 끄고 켤 수 있습니다.) 3) 추가적인 사용자 필터를 지원합니다. (사용법이 제법 복잡하니 아래의 필터 제작방법을 꼭 읽어주시기 바랍니다.) 다운로드: das.0.5.1.tgz das.0.5.1.zip (둘 중 하나만 다운 받으시면 됩니다) 설치방법 - 다운받은 파일의 압축을 풉니다. - 제로보드가 설치된 디렉토리 아래 "addons/" 밑에 폴더채로 복사합니다. (addons/das 라는 디렉토리가 생깁니다) - 이 애드온을 복사한 후에 반드시 자신에 맞도록 애드온 설정을 해주시기 바랍니다. - (Optional) 사용자 필터가 필요한 경우 아래의 설명을 잘읽고 작성한 후 addons/das/filters 디렉토리에 카피합니다. 파일이름은 마음대로 작성하셔도 됩니다. 사용자 필터 작성방법(클릭!) 닫기 사용자 필터 작성방법 이 애드온의 사용자 필터는 "addons/das/filters" 디렉토리 아래에 위치합니다. 기본적으로 배포본에는 ini 파일이 포함되어 있지 않습니다만 "addons/das" 디렉토리를 보시면 example.ini 파일이 있는 것을 확인하실 수 있습니다. 최초의 릴리즈이기 때문에 몇개 안되는 옵션만 제공하고 있으며 example.ini를 보시면 사용법이 쉽게 짐작 가능하시리라 생각됩니다. ; 이 파일은 DAS의 예제입니다. ; 포스트에 적용할지에 대한 여부 post = true ; 트랙백에 적용할지에 대한 여부 trackback = false ; 댓글에 적용할지에 대한 여부 comment = true ; 무명씨의 글에만 적용하고 싶다면 true, 회원글까지 모두 적용하고 싶다면 false anonymous_only = false ; 아래의 단어들이 전부 포함되면 해당 글을 스팸으로 간주한다. 단어는 ;로 구분하며 단어 사이에 공백은 없어야 한다. badwords = "대리운전;메시지" ; 다만 아래의 단어들이 포함되어 있으면 이글은 스팸에서 제외 exceptions = "테스트" 기본적으로 0.5에서 제공되는 필터는 금칙어에 대한 처리입니다. 금칙어 처리는 XE에서 기본제공되는 애드온에서도 하고 있습니다만 이 애드온의 필터는 그 처리 방식에 몇가지 차이가 있습니다. 1) badwords로 등록된 모든 단어가 포함된 글을 스팸으로 간주합니다. 기존의 처리 방법은 가끔씩 너무 일반적인 단어를 금칙어로 등록할 수 없어서 광고 게시물을 번번히 그냥 두어야 했습니다. 2) exceptions에 포함된 단어중 하나라도 포함이 되면 해당 글을 스팸에서 제외시킵니다. 게 시물에 필터를 적용하고 싶다면 post = true라고 쓰고, 적용하기 싫다면 post = false라고 씁니다. 마찬가지 요령으로 트랙백 적용여부는 trackback, 댓글 적용여부는 comment에 기입해주시면 됩니다. 만일 로그인 사용자를 필터링에서 제외시키고 싶다면, 즉 로그인 사용자는 이 필터의 금칙어에 해당사항이 없도록 하고 싶다면 anonymous_only = true라고 쓰시면 됩니다. 반대로 모두에게 적용하고자 하면 anonymous_only = false라고 써주시면 됩니다. badwords는 금칙어, exceptions는 허용하는 단어를 기입하시면 되며 단어가 2개 이상이라면 단어사이에 ';' 를 삽입해주시면 됩니다. 위와 같이 작성된 필터를 filters 디렉토리에 카피해넣으시면 됩니다. (이름은 마음대로...) 유용한 애드온이 되기를 바랍니다. 이 게시물을.. 첨부 : das.0.5.1.zip (3.4KB)(0) das.0.5.1.tgz (2.9KB)(0)
게시글 주소 : http://www.zeroboard.com/16046463 엮인글 주소 : http://www.zeroboard.com/16046463/trackback 최근 뉴스 위젯은 최근 글/이미지 목록을 웹진형 게시판 (이미지+내용요약) 형태로 불러와서 Marquee tag를 사용하여 슬라이드처럼 보여 주는 위젯입니다. 예제 페이지: http://ezwitme.com/zbxe/?mid=test 제로보드 XE ver 0.2.6으로 업그레이드 되면서 코드변경이 있어 newest_news ver 0.1은 더 이상 작동하지 않습니다. 이 후 변경된 코드에 대응하며, CSS코드 충돌 수정 및 몇가지 옵션을 추가하였습니다. - 내용 추가 - newest_news_v0.2.zip 파일도 .tar.gz 확장자 파일과 마찬가지로, "newest_news" 폴더까지 함께 압축하였습니다. 압축을 풀면, "newest_news" 아래에 widget을 작동케하는 모든 파일이 들어있습니다. 설치방법은 압축을 풀면 나오는 'newest_news'폴더 및 이하 파일을 "widgets/" 폴더 아래에 넣어 주시면 됩니다. >> widgets/newest_news/... * 작동이 안 되는 경우는 폴더명이 'newest_news'와 다르거나, 다른 위젯 폴더에 위치 시킨 경우 일 수 있습니다. 첨부 : newest_news_v0.2.zip (24.6KB)(3) (수정)정식버전이 되면서 작동이 되지 않는것을 블루게이트님이 해답을 주셨네요. 제로보드XE 정식버젼 V1.0에서 작동하지 않는 분들은 아래와 같이 수정하시기 바랍니다. 제가 원작자가 아닌관계로 지금 자료실에 있는것 또한 수정한것이 아니니 다운받은 후 직접 수정하시기 바랍니다. 수정대상 파일: . / widgets / newest_news / newest_news.class.php 수정전: view plaincopy to clipboardprint? foreach($files_output->data as $key => $val) { $oDocument = null; $oDocument = $oDocumentModel->getDocument(); $oDocument->setAttribute($val); $document_list[] = $oDocumentModel->getDocument(); } foreach($files_output->data as $key => $val) { $oDocument = null; $oDocument = $oDocumentModel->getDocument(); $oDocument->setAttribute($val); $document_list[] = $oDocumentModel->getDocument(); } 수정후: view plaincopy to clipboardprint? foreach($files_output->data as $key => $val) { $document_list[] = $oDocumentModel->getDocument($val->document_srl); }
게시글 주소 : http://www.zeroboard.com/16034977 엮인글 주소 : http://www.zeroboard.com/16034977/trackback 타골라스 ZBXE 블로그 버튼형 카렌다 위젯 스킨입니다. ZBXE 블로그스킨 - 카렌다위젯 버튼형 위젯을 1차 디자인 제작했다가. 아래 바람처럼님의 카렌다 스킨을 참조하여 토요일을 푸른 색으로 표시되게 수정 디자인 했습니다.. 스크린샷 특징 1. 달력의 타이틀바를 ZBXE 의 기본스킨에 맞추어 잘 어울리도록 했습니다. 2. 달력의 숫자폰트를 윈도우 기본서체중 Georgia 로 바꿨습다. ( Georgia 폰트는 높낮이가 삐뚤빼뚤 울퉁불퉁한 비정형이라서... 개성을 추구하는 디자이너들이 북디자인시 페이지넘버 목록용 등으로 자주 사용되는 숫자가 이쁜 서체입니다.) 3. 달력의 버튼 이미지는 일부러 ZBXE 기본 게시판 스킨의 버튼 이미지에서 차용해 왔습니다. 4. 윈도우XP 환경의 IE 60 에서 제작했고 파이어폭스에서 더 잘 보입니다... 5. 글이 등록되어있는 날짜는 검은 테두리로 강조 오늘 날짜는 빨강 테두리로 강조 했습니다. 사용방법 1. 경로 zbxe / widgets / calendar / skins ....아래에 blog_calendar_grimbox.zip 를 압축풀어 폴더채로 올려놓고 카렌더 위젯을 선택하시면 됩니다. 2. 또는 ZBXE 기본 블로그카렌다 위젯인 blog_calendar_list 위에 덮어씌워도 지장은 없습니다만 나중에 복구할때를 생각해서 비추천입니다. 적용례 보기 http://grimbox.net/zbxe/blogtest 기타 1. 저는 디자인은 조금 할 줄 알지만 css php 생초보입니다. 개인 홈페이지를 ZBXE 로 업그레이드하면서 이것저것 혼자 뜯어고치면서 더듬더듬 CSS 디자인과 php 기초문법을 어깨넘어 조금씩 배우고 있는 중입니다.... 디자인과 모양새 이외에 저에게 특별한 기능을 만들어 달라는 부탁과 주문은 받아도 제가 해결해 드릴수 없습니다. 2. 그러므로 오히려 버그나 오류가 있으면 바로잡아 주시면 고맙겠습니다... 미리미리 꾸벅입니다. 첨부 : blog_calendar_grimbox.zip (37.5KB)(5)
Prev 26 27 28 Next

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

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