MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
1.0x
profile
팔공산
Mar 25 2008
최근문서출력위젯에 있는 전광판스킨을 변형해 보겠습니다. 1. /zbxe/widgets/newest_document/skins/news_ticker/list.html를 편집기로 열어서 <div class="tickerBox" id="{$_news_ticker_id}"> <ul> <!--@foreach($widget_info->document_list as $oDocument)--> <li> <!--@if($widget_info->display_regdate == 'Y')--> <span class="date">{$oDocument->getRegdate("m-d")}</span> <!--@end--> <span class="title"> <a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}">{$oDocument->getTitle($widget_info->subject_cut_size)}</a> <!--@if($oDocument->getCommentCount())--> <span class="comment">[<a href="{$oDocument->getPermanentUrl()}#comment"><strong>{$oDocument->getCommentCount()}</strong></a>]</span> <!--@end--> {$oDocument->printExtraImages($widget_info->duration_new)} </span> <!--@if($widget_info->display_author == 'Y')--> <span class="author">by {$oDocument->getNickName()}</span> <!--@end--> <span class="sum"> <font color="#ff6600">/</font> {$oDocument->getSummary()}</span> </li> <!--@end--> </ul> </div> <span class="author">by {$oDocument->getNickName()}</span>는 작성자 닉네임, <span class="sum"> <font color="#ff6600">/</font> {$oDocument->getSummary()}</span>는 본문의 내용이 나옵니다. <!--@if($widget_info->display_regdate == 'Y')--> 녹색부분들이 선택유무 지정 소스입니다. 2. /zbxe/widgets/newest_document/skins/news_ticker/css 안에 해당 컬러의 css를 편집기로 여시면(예; black.css) [변경전] .news_ticker_black { height:25px; overflow:hidden; clear:both; background:#FFFFFF url("../images/black/bg.gif") repeat-x left top; white-space:nowrap; } .news_ticker_black table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed; border-left:1px solid #000000; border-right:1px solid #000000; } .news_ticker_black table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; padding:0 6px 0 6px;} .news_ticker_black .tickerBox { height:25px; padding-top:6px; white-space:nowrap; overflow:hidden; } [변경후] .news_ticker_black { height:125px; overflow:hidden; clear:both; background:#000000 url("../images/black/bg.gif") repeat-x left top; white-space:nowrap; } .news_ticker_black table { width:100%; height:25px; margin:0; padding:0; table-layout:fixed; border-left:1px solid #000000; border-right:1px solid #000000; } .news_ticker_black table td { white-space:nowrap; overflow:hidden; height:25px; vertical-align:top; padding:0 6px 0 6px;} .news_ticker_black .tickerBox { height:125px; padding-top:6px; white-space:nowrap; overflow:hidden; } .news_ticker_black ul li .author { color:#FFFF00; font:.8em seevaa9;} .news_ticker_black ul li .sum { color:#C0C0C0; font:.9em Tahoma; white-space:nowrap;} 참고로 height:25px가 한줄의 높이입니다. 5줄이라 125px했으니 줄수에 맞추어서 높이 정하시면 됩니다. 그리고 repeat-x를 repeat으로 변경하면 배경이미지가 줄마다 나옵니다.(이게 글이 스크롤되니 보기가 어렵습니다.) 만약 위에 한칸만 나오게 할려면 repeat-x를 그대로 두시고 background:#FFFFFF를 검정색으로 바꿔주시면 됩니다. background:#000000 그것도 아니고 전부를 이미지가 안 나오게 할려면 스킨을 내용만출력으로 선택하시면 됩니다. .news_ticker_black ul li .author { color:#FFFF00; font:.8em seevaa9;} 이부분이 닉네임의 글꼴,칼라,크기등을 지정합니다.(seevaa9는 웹폰트입니다) .news_ticker_black ul li .sum { color:#C0C0C0; font:.9em Tahoma; white-space:nowrap;} 이 부분이 본문내용의 글꼴,칼라,크기등을 지정합니다. 적용된 것 보기 [문제점] 한페이지에 2개의 전광판은 스크롤이 되지를 않는군요.

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
충청 충주 중앙탑 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 2 플로팅 팝업 비디오 file 팔공산 2017.05.23 2,382
2,560 2 XE 타운에서 보고왓어요 핫슈 2017.03.28 2,855
2,559 2 이미지파일의 용량을 줄여주는 Tinypng - Web & Photoshop 플러그인 file 팔공산 2016.02.27 2,295
2,558 2 문하우스 최신글+썸네일+내용글+댓글 멀티 위젯 V2.1 file 팔공산 2014.06.11 25,025
2,557 2 확장변수의 활용 2강 -- write_form.html 수정 file 팔공산 2010.09.12 8,870

 

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