MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
1.0x
묻고 답하기란에 멀티즘님이 문의 하신 내용의 답변을 팁란에 올립니다. 수정파일 /zbxe/modules/board/skins/xe_board/css/common.css를 열어서 112줄 부터 있는 reply사항에 배경을 넣어 주시면 됩니다. .replyBox { padding:10px; color:#666666; border:1px solid #e0e1db; margin-top:.5em;} .replyBox .replyItem { background-color:#FFFFFF; padding:.6em .8em .6em .6em; line-height:1.25em; clear:both; border-bottom:1px dotted #EEEEEE; list-style:none;} // 칸 전체를 차지 .replyBox p { display:inline; margin-bottom:1em;} .replyBox .author { float:left; padding:0 .3em 0 0; font-size:.9em; color:#3074a5; margin:0 .3em .5em 0;} .replyBox .author a { color:#3074a5; margin-right:.3em; text-decoration:none; } .replyBox .voted { float:left; font-size:.9em; color:#AAAAAA; margin:0 .3em .5em 1em;} .replyBox .date { float:right; font:.8em Tahoma; color:#cccccc; margin:.3em 0 .5em 0;} .replyBox .replyOption { height:20px; float:right; white-space:nowrap; margin-left:.2em;} .replyBox .replyOption img { vertical-align:middle;} .replyBox .replyContent { clear:left; } // 아이콘 아래부분 차지 .replyBox .replyContent p { display:block; } .replyBox .reply { background-color:#F4F4F4; border-bottom:1px dotted #DDDDDD;} // 댓글의 댓글에만 적용 .replyBox .replyIndent { background:url(../images/common/iconReplyArrow.gif) no-repeat .0em .3em; padding-left:1.3em;} 위에 빨간색으로 보이는 행에 배경을 넣어 주시면 됩니다. 두 곳중 한군데를 선택해서 넣어시면 되는데 차이점은 한번 해보시면 아실 수 있을 것입니다. 아래에 있는 예제를 보기삼아서 repeat나 위치를 조절하세요. .replyBox .replyItem { background:#ffffff url(../images/common/image.gif) no-repeat left top; padding:.6em .8em .6em .6em; line-height:1.25em; clear:both; border-bottom:1px dotted #f60; list-style:none;} .replyBox .replyContent { clear:left; background:#ffffff url(../images/common/image.gif) no-repeat right top; } 아래의 이미지는 둘중 아래 것 적용한 형태입니다.
profile
팔공산
Feb 24 2012
제가 XE를 사용하면서 게시판스킨에 관심이 많아서 여러 스킨들을 설치도 해보고 제가 직접 제작도 해 보았습니다. 근데 제 견해지만 디자인측면과 편리한설정 둘 다 고려했을때 SketchBook5 게시판 스킨에 가장 좋은 점수를 주고 싶습니다. 그래서 SketchBook5 게시판 스킨에 제가 필요한 약간의 설정과 북마크형식(링크게시판)을 넣어서 수정을 했습니다. 그리고 스킨을 제작하신 hika1님께서 고맙게도 자신의 홈피에 아래와 같은 문구를 남겨놓으셨고, 링크게시판형식은 추가하실 계획이 없으신 것 같아서 제가 수정한 부분을 공유합니다. 참고로 제가 아직 XE1.4 버전을 사용하는 관계로 SketchBook5 게시판스킨도 v1.4.9.8에 맞추어서 수정을 했습니다. XE1.5 버전을 사용하시는 분은 이 수정본을 설치하시지 마세요. SketchBook5 게시판 스킨 XE1.5버전 [유투브게시판추가버전 설명] 현스가이님이 스케치북5 게시판스킨에 유투브게시판 스킨을 추가한 버전을 발표했습니다. http://www.xpressengine.com/index.php?mid=download&package_srl=22301990 하지만 XE1.4버전에서는 작동을 하지를 않아서 제가 1.4버전에서 작동을 하게끔 수정하였습니다. 아울러 따로 스킨을 생성하는 것이 아니라 기존 틀에서 형식만 유투브형으로 지정하면 됩니다. board_sketchbook5_v1.4.9.8_m2.0.zip [수정부분 설명] 게시판설정 상단에 따로 분리해서 기존의 설정과 차이를 두었습니다. 1. SketchBook5 게시판 스킨을 사용하시는 분들중에서 가끔 원하시는 분들이 계신 북마크형식의 게시판스킨입니다. 게시판설정 -> 확장변수에서 1번에 url형식으로 등록하시면 됩니다. 그리고 게시물등록시 해당 홈페이지의 이미지를 첨부하시면 됩니다. 샘플보기 참고로 상단이미지중 게시판설정 이미지에 보면 "Hidden 확장변수"설정부분이 있는데 이것은 확장변수중 관리자는 볼 수 있으나 다른 사람은 볼 수 없는 내용을 작성할때 유용합니다. 2. 상단이미지삽입, 공지사항 슬라이드 출력, 게시판상세 설명란, 조회수별 cool.hot아이콘 출력, 본문내용 상.하단에 문구삽입 리스트형식보기
profile
팔공산
Dec 20 2011
문하우스 게시판 스킨은 폰트어썸 기능이 빠져 있습니다. Web Fonts Addon 을 설치해서 폰트어썸과 Sexy Button을 활성화 시켜야 아이콘들이 정상적으로 출력됩니다. - V5.0 특징 SketchBook5 게시판스킨이 기능과 디자인면으로 너무 뛰어나서, 문하우스 게시판 스킨을 별로 사용하지를 않아서 별로 손 보지를 않았지만, 리스트 아래 댓글 기능은 아직 다른 게시판스킨에서는 구현되지가 않는 것 같아서 필요 없는 기능 지우고 코드 약간 정리해서 올립니다. 1. 게시판형식을 리스트로 선택 했을시 제목글 아래 댓글의 출력을 선택할 수 있습니다. 2. 색상을 white와 Black 2종류로 단순화 3. SketchBook5 게시판스킨에 있는 Wizard기능(좌측 설정버턴)을 도입 4. 리스트형식시 공지글 / 일반글 클릭시 내용글 슬라이드 출력지원(QA게시판으로 활용) 5. 제목글에 마우스 Hover시 썸네일 출력 가능 - 말풍선(툴팁) 애드온 을 설치시 6. 댓글 박스 접고 / 펴기 기타 등등 - V4.0 특징 XE가 1.5으로 업데이트 되고 '문하우스 게시판스킨'이 문제를 일으켜서 사용을 할 수가 없습니다. 아직 제 홈페이지는 XE 1.4.5.10 에 머물러 있습니다만 혹시나 문하우스 게시판스킨을 사용하시면서 XE를 1.5이상으로 업을 하신경우나 업하실 예정이신 분은 '문하우스 게시판스킨 V4.0 -- XE 1.5'용을 다운 받으셔서 설치를 하시면 됩니다. 예전버전에서 작동되던 몇가지의 세부기능들이 작동을 하지 않는 부분들이 있습니다. 그 부분들에서 버전업시 문제를 야기하는 관계로 일단은 제거를 해 버렸습니다. 나중에 시간이 되면 살릴지 말지~~~~ 그렇게 중요한 기능은 아니니 별 문제는 없을 것 같습니다. 참고로 블로그형태를 사용시 댓글부분의 문제는 스킨의 문제가 아니라 게시판모듈의 문제인 것 같습니다. 이 부분 때문에 수정은 한참전에 했었는데 배포를 미루고 있었습니다. 문하우스 게시판의 자세한 보기를 원하시면 이전글Viewer을 보시고 난 후 업그레이드 내용을 보시기 바랍니다.
❤️3

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
충청 충주 중앙탑 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,561 3 Mh Gallery Layout & Mh Gallery Widget V2.0  문의 입니다. file 지연 2022.05.21 1,026
2,560 3 Mh Sideways Layout file 팔공산 2022.05.16 2,356
2,559 3 운림산방내 운림지 file 팔공산 2022.05.08 2,906
2,558 3 USB & SD카드 복구 프로그램 레쿠바(recuva) file 팔공산 2018.02.14 2,611
2,557 3 템플릿 컴포넌트 PopUp MH 템플릿 - 닫기버턴 추가 file 팔공산 2018.08.23 1,456

 

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