MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
1.0x
위의 이미지와 같이 댓글을 유도하는 문구를 각 게시판별로 남기는 방법입니다. 게시판모듈에서 수정할 스킨을 선택해서 (sketchbook5을 예로 듭니다) 1. skin.xml를 열어서 적당한 곳에 추가 <var name="comment_induce_mid" type="text"> <title xml:lang="ko">댓글 유도 mid</title> <title xml:lang="en">Comment Induce Mid</title> <description xml:lang="ko">댓글 유도 문구표시할 mid명</description> <description xml:lang="en">Comment Induce Mid</description> </var> <var name="comment_induce_text" type="textarea"> <title xml:lang="ko">댓글 유도 문구</title> <title xml:lang="en">Comment Induce Text</title> <description xml:lang="ko">댓글 유도 문구를 작성하세요.</description> <description xml:lang="en">Comment Induce Text</description> </var> 2. _read.html를 열어서 <!--// Comment Write : Top --> <include cond="$oDocument->allowComment() && !$mi->cmt_wrt_position" target="_comment_write.html" /> 상단에 아래 소스 추가 <block cond="$mid==$mi->comment_induce_mid"> <div class="cmtInduce"> <!--@if ($oDocument->get('comment_count') <= 0 ) --> <ul style="margin-bottom:10px;"><i class="fa fa-quote-left" aria-hidden="true"></i> 댓글이 하나도 없네요ㅠㅠ <i class="fa fa-quote-right" aria-hidden="true"></i></ul> <!--@end--> <ul><i class="fa fa-quote-left" aria-hidden="true"></i> {$mi->comment_induce_text} <i class="fa fa-quote-right" aria-hidden="true"></i></ul> </div> </block> 지정한 mid게시판에서 댓글이 한개도 없어면 "댓글이 하나도 없네요ㅠㅠ"문구가 나오고, 작성자가 적은 문구가 아래 나타납니다. 3. board.css를 열어서 추가 .cmtInduce { background-color:#555555; font-size:1.0em; color:#ffffff; padding:10px; -webkit-border-radius:10px;-moz-border-radius:10px; border-radius:10px; margin-bottom:10px; }
XE마켓에 올려서 한분의 구매자만 나타났던 레이아웃을 XE최신버전(1.8)에 맞추어서 새롭게 단장한 문하우스 홈피 기념으로 올립니다. (지금 문하우스 홈피에 사용중인 레이아웃입니다) 반응형이나 최신기술이 적용된 것은 아니나, 간단한 홈페이지 제작용이나 레이아웃을 공부하실려는 XE초보분들에게는 좋은 샘플이 될 것입니다. 아래의 레이아웃 메뉴얼은 마켓에 올려져 있는 내용 그대로 가져온 것 입니다. 새롭게 수정하면서 약간의 변화는 있으나 내용의 변화는 거의 없습니다만, 사용하시면서 다른 부분이 있으면 댓글로 달아주시면 답변 드리겠습니다. 1.ColorSet이 투명, 하나밖에 존재하지 않습니다. - 그러나 다양한 Option의 Color지정으로 다양한 Color로의 연출이 가능합니다. - 배경Image 지정 / 배경Color / 메인Image / 메인Color 기타등등 2. Site의 Type을 다양하게 연출할 수 있습니다. - Main형태 / Sub형태 / 폭넓이 변경 / 좌측배치,중앙배치 / Sub형태의 좌,우측배치 기타등등 3. 최대한 사용자 입장에서 다양한 Option의 지정이 가능하게 연출했습니다. - LogIn, 언어영역의 출력유무와 Toggle유무 / 상,하단 SiteMap의 출력유무와 Toggle유무 / SocialXE의 지원 / Main메뉴상단에 SlideBanner출력지원, 현재위치(빵메뉴?)출력 기타등등 4. 상단메뉴의 Type을 3가지로 선택할 수 있으며 상단Bar의 형태를 Image / Color / 투명으로 선택이 가능합니다. - 세로 펼침메뉴 / 가로펼침메뉴 / Only 1차메뉴 5. Main 좌,우측에 졸졸이Stalker 메뉴를 지원합니다.(상세 내용은 아래에...) - 졸졸이메뉴 / 해당2차메뉴 / Flash 이렇게 3가지 지원합니다. 6. 각 Part별로 별도의 Html과 Css로 분리되어 있어서 직관적이고 편리한 수정이 가능합니다. [졸졸이스토커 메뉴 설정법] 1. 레이아웃설정 하단의 메뉴부분에 '졸졸이 메뉴(side_menu)'에서 적용할 메뉴(ex;stalker)를 선택합니다. 2. 당연히 그전에 '관리자화면설정 - 사이트맵'에서 적용할 메뉴(ex;stalker)를 만들어야겠죠. 아시다시피 메뉴를 설정할때 '메뉴이름'이 텍스트로 설정되지만 '이미지버턴'으로의 설정도 가능합니다. 이 부분을 잘 활용하면 아름다운 졸졸이도 가능합니다. 그리고 굳이 XE자체의 mid가 아니어도 '연결 url'에 해당이미지의 url을 직접 지정해도 됩니다. 이 부분을 잘 활용하면 졸졸이 부분에 Banner들의 나열도 가능합니다. 3. 스토커설정에서 형태는 [졸졸이메뉴 / Wing영역메뉴 / 플래시] 3가지로 나누어집니다. * 졸졸이메뉴 - 위의 1. 2. 에서 설명한 내용 * Wing영역메뉴 - 해당1차메뉴의 2차메뉴가 메인영역 우측에 출력됩니다. * 플래시메뉴 - 플래시로 작업한 이미지를 등록합니다. 타입은 [이미지액자 / 텍스트] 2가지로 나누어집니다. * 이미지액자 - 상단, 중단, 하단, 라인 이렇게 4가지의 이미지를 등록하여 사용합니다.(라인은 제외해도 상관없읍니다) * 텍스트 - 이미지적용없이 간단하게 나타나며 배경색, 텍스트색상, 테두리두께 지정들이 가능합니다. 4. 하단으로 내리기 / 상단으로 올리기 기능이 같이 추가 되어 있습니다. 이미지테두리의 경우 상단, 하단이미지가 그 기능을 수행하며 텍스트의 경우 ▲ ▼ 가 상,하에 자동으로 생성됩니다. [텍스트] [이미지] - 상단 UP이미지, 하단 SpiderMan이미지, 중간과 라인이미지는 생략함 [상단전체메뉴보기 영역에 위젯삽입시] p.s 참고로 버전이 왜 문하우스 레고 레이아웃 Ver 1.8 인가하면 XE버전을 따라갔습니다.^.^ photoshop파일(psd파일)들을 첨부합니다. 필요하시면 활용하세요. 마음대로 수정, 배포 모든 것이 가능합니다.
profile
팔공산
Oct 15 2018
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 참고로 문서페이지와 게시판에서만 작동합니다.(위젯페이지에서는 작동 안합니다)
레인보우 링크 애드온 조회수: 658, 2007.08.12 11:16:19 게시글 주소 : http://www.zeroboard.com/3947235 엮인글 주소 : http://www.zeroboard.com/3947235/trackback 사이트 내의 모든 링크를 마우스 오버시 무지개색으로 변환시켜주는 애드온입니다. 애드온은 원래 프로그램 제어를 목적으로 하지만 레인보우 링크 애드온처럼 html의 header에 원하는 javascript를 추가하여 특정 동작을 수행 할 수 도 있습니다. 아래 첨부파일의 압축을 풀면 rainbow_link 라는 디렉토리가 생성이 됩니다. 이 디렉토리를 제로보드XE 설치장소의 addons라는 디렉토리 아래로 업로드 하시면 됩니다. 그리고 관리자 페이지의 애드온 메뉴를 선택하시고 애드온 목록중에 레인보우링크 애드온을 활성화 하시면 됩니다. 이 레인보우링크 애드온은 아래 라이센스를 가진 js파일을 이용하였습니다. /************************************************************************/ /* Rainbow Links Version 1.03 (2003.9.20) */ /* Script updated by Dynamicdrive.com for IE6 */ /* Copyright (C) 1999-2001 TAKANASHI Mizuki */ /* takanasi@hamal.freemail.ne.jp */ /*-------------------------------------------------------------------------------------------------------- */ /* Read it somehow even if my English text is a little wrong! ;-) */ /* */ /* Usage: */ /* Insert '<script src="rainbow.js"></script>' into the BODY section, */ /* right after the BODY tag itself, before anything else. */ /* You don't need to add "onMouseover" and "onMouseout" attributes!! */ /* */ /* If you'd like to add effect to other texts(not link texts), then */ /* add 'onmouseover="doRainbow(this);"' and */ /* 'onmouseout="stopRainbow();"' to the target tags. */ /* */ /* This Script works with IE4,Netscape6,Mozilla browser and above only, */ /* but no error occurs on other browsers. */ /*************************************************************************/ 첨부 : rainbow_link.tgz (3.3KB)(22) rainbow_link.zip (4.1KB)(83)
댓글 알림 애드온 ver. 0.5 베니 digist_notify addon ver. 0.5- 0.1.0에서 테스트되었습니다. 아래의 사이트에서 함께 배포합니다. http://www.digist.co.kr/bbs/67730 이 애드온은 사용자가 제로보드 XE로 만들어진 사이트에서 게시물에 댓글을 달때 그 게시물의 작성자나 관련된 답글(즉, 댓글에 댓글을 쓰는 경우)의 작성자에게 쪽지를 보내줍니다. 설치법: 1) 첨부된 파일을 다운로드 받습니다. 2) 압축을 해제합니다. 압축이 풀린 디렉토리 아래 'digist_notify'라는 디렉토리가 생기고 파일이 3개 있는 것을 확인하실 수 있습니다. 3) 위의 디렉토리를 통째로 제로보드 XE의 Addons 디렉토리에 복사합니다. 예를 들어 zbxe라는 디렉토리에 제로보드가 설치되어 있다면 경로는 다음과 같습니다. (/zbxe/addons/digist_notify) 4) Admin 화면에 들어가서 애드온 메뉴를 누릅니다. 적합하게 설치되었다면 "DIGIST 댓글 알림 애드온"이라는 애드온이 목록에 출력됩니다. 애드온을 활성화 시키기 위하여 "사용"상태로 만들어주십시오. 애드온을 사용하기 위해서는 반드시 "사용"상태가 되어야 합니다. 사용방법: - 이 애드온은 댓글이 달리면 자동으로 원문의 작성자에게 내용을 쪽지로 알립니다. - 만일 댓글이 달릴때 그것이 어떤 댓글의 댓글이라면 참조된 댓글의 작성자에게도 댓글의 내용을 쪽지로 알립니다. - 그러나 다음과 같은 상황에서는 쪽지를 보내지 않습니다. 1) 자신의 글에 댓글을 단 경우. (이해되시죠?) 2) 자신의 댓글에 댓글을 단 경우. (에이... 설마...) 당연히 회원에게만 쪽지가 보내지며 이 애드온은 블로그 모듈과 게시판 모듈 양쪽에서 모두 잘 작동됩니다. 쪽지는 아래와 같은 형식으로 배달됩니다. 팁: member_extra_info 애드온을 활성화시켰다면 쪽지가 보내질때 마다 팝업으로 메시지 확인을 묻게 됩니다. member_extra_info에 대한 자세한 내용은 제로보드 매뉴얼을 참조해주십시오. 세부설정: 이 애드온으로 발송되는 쪽지의 제목을 재설정할 수 있습니다. 애드온 설정화면에서 "설정" 버튼을 누르면 아래와 같은 화면이 출력됩니다. 기본 문자열을 사용하고 싶다면 공란으로 두시기 바랍니다. 기본 메시지 포맷은 아래와 같습니다. "댓글알림: ##TITLE## (##COMMENTER##님이 댓글을 남기셨습니다.)" 이것이 마음에 들지 않는다면 설정화면에서 자신이 원하는 내용으로 변경하시면 됩니다. 이 애드온은 아주 단순한 3개의 치환자를 제공하고 있습니다. ##COMMENTER##: 댓글 작성자 ##AUTHOR##: 본문 작성자 또는 부모 댓글 작성자(이 쪽지를 받는 사람의 닉네임이 됩니다.) ##TITLE##: 댓글이 달린 글의 제목 (블로그/게시판 공통) 주의: 그냥 마음대로 쓰시면 됩니다.(GPL) 작동하지 않더라도 너무 뭐라 하지 마시고 문의사항은 본 게시물이나 제로보드 XE 사이트의 게시물에 댓글로 달아주시면 감사하겠습니다.(이메일은 읽지 않습니다.) Comment와 관련하여 제로보드 0.1.0에 버그가 있는듯 합니다. 나중에 이 문제가 해결되거나 구조가 바뀌면 작동이 되지 않을 수 있으므로 이상 작동시에는 제 홈페이지에서 최신버전을 다운로드 받아주십시오.

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
충청 충주 중앙탑 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,551 4 박화요비 1집 My all - 그런 일은 file 랩퍼투혼 2022.12.31 3,427
2,550 4 LEISURE - Got It Bad file 랩퍼투혼 2022.11.16 3,373
2,549 4 유튜브 썸네일 file 네티스트 2022.10.29 1,269
2,548 4 와우 요샌 클릭 몇번만 해주면.. 사진도 그림같이 만들어도 주네요 file 하루 2022.06.07 3,176
2,547 4 Sketchboo5 게시판 썸네일 출력 제한 file 안드레아 2022.05.27 611

 

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