MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

  1. Shopping
  2. 주문상태
  3. 주문QA
  4. Demo
  5. 메뉴얼
  6. 제작의뢰
  7. XE작품
  8. 가입인사
1.0x

My Xe - FirstThumb 스킨
Xe of Moonhouse　>

profile
팔공산
Apr 21 2008
카멜레온위젯에 제목폰트색상 선택하는 방법으로 수정하는 방법 file
혀나겅주님이 위젯 만드는법 강의해보라고 하나, 그건 실력상의 문제로 하긴 힘들 것 같고, 내가 알고 있는 내용을 적어 볼까 합니다. 생각나는대로 한가지씩 해 나가겠습니다. 이번내용은 카멜레온위젯들이 제목폰트의 색상들이 고정되어 있었는데, 이것이 배경에 칼라가 들어가 있는 경우(특히 검정바탕) 배경색깔과 겹쳐서 잘 안보이는 경우가 생기므로 위젯설정에서 제목폰트를 선택할 수 있게끔 만드는 방법을 이야기 해 보겠습니다. 먼저 카멜레온 위젯중에서 multi위젯을 보기로 해서 설명하겠습니다. 멀티위젯안에 보면 위의 이미지와 같이 mh_multi.class.php와 conf폴더안에 info.xml파일 그리고 skins폴더안에 mh_newdoc_chameleon의 스킨이 있으며 그 스킨안에 list.html과 css폴드안에 normal.css파일이 있습니다. 이 4개의 파일을 편집하면 됩니다. 1. mh_multi.class.php 안에 보면 (이 파일이 위젯함수들을 설정하는 곳입니다.) // 라인 색상 $widget_info->board_line_color = $args->board_line_color; if(!$widget_info->board_line_color) $widget_info->board_line_color = 'gray'; 위와 같이 라인의 색상을 구하는 값이 보일 것입니다. 이것을 보기로 하여서 // 제목 폰트 색상 $widget_info->titles_font_color = $args->titles_font_color; if(!$widget_info->titles_font_color) $widget_info->titles_font_color = '#626262'; 위와 같이 일단 설정을 합니다. 여기서 titles_font_color는 자신이 만들고자 하는 임의의 문구를 적어주면 됩니다.그리고 마지막에 #626262'는 기본으로 하고 싶은 칼라를 적어주면 됩니다 hint : 1. 바탕색과 같은 경우는 칼라를 적어주는 곳에 ' ' 이렇게 공백으로 두면 기본이 투명으로 처리 됩니다. 2. 테두리라인의 굵기처럼 숫자를 입력받아야 하는 경우는 // 보드 테두리라인 선굵기 $widget_info->board_line_width = (int)$args->board_line_width; if(!$widget_info->board_line_width) $widget_info->board_line_width = 5; 위와 같이 약간 변형되면 됩니다. 3. 위의 내용과는 다르게 어떤 임의의 문구나 선택을 결정하는 경우는 // 링크문구 $linkt = $args->linkt; // 보드 테두리라인 선택 $board_line = $args->board_line; 위와 같이 간단하게 만들고 그 내용 아래로 내려가면 있는, 변수들을 세팅부분에 추가해 주면 됩니다. // 템플릿 파일에서 사용할 변수들을 세팅 if(count($mid_list)==1) $widget_info->module_name = $mid_list[0]; $widget_info->title = $title; $widget_info->titles = $titles; $widget_info->document_list = $document_list; $widget_info->subject_cut_size = $subject_cut_size; $widget_info->duration_new = $duration_new * 60*60; $widget_info->link = $link; $widget_info->linkt = $linkt; $widget_info->board_line = $board_line; 2. info.xml 안에 보면 (이 파일이 위젯선택하면 나오는 설정 부분들을 표시하는 곳입니다.) <var id="board_line_color"> <name xml:lang="ko">라인 색상 [T/C]</name> <type>text</type> <description xml:lang="ko">보드 라인 색상을 지정합니다.( 기본칼라 gray )</description> </var> 위와 같이 라인 색상을 선택하는 부분을 보기로 하여 아래와 같이 "제목 폰트 색상" 을추가하면 됩니다. <var id="titles_font_color"> <name xml:lang="ko">제목 폰트 색상 [C]</name> <type>text</type> <description xml:lang="ko">보드 제목폰트 색상을 지정합니다.( 기본칼라 #626262 )</description> </var> hint : 소스를 보면 쉽게 알 수 있게지만 간단히 설명하면 text 와 select로 나누어 집니다. <var id="content_cut_size"> <name xml:lang="ko">내용 글자수 [A]</name> <type>text</type> <description xml:lang="ko">내용글 표시시 글자수를 지정할 수 있습니다. (기본 100)</description> </var> <var id="display_author"> <name xml:lang="ko">글쓴이 표시 [A]</name> <type>select</type> <description /> <options> <name xml:lang="ko">표시</name> <value>Y</value> </options> <options> <name xml:lang="ko">표시하지 않음</name> <value>N</value> </options> </var> text는 숫자나 문자를 표현할때 사용하며, select는 선택을 할 시 사용되어집니다. 3. list.html 안에 보면 (이 파일이 위젯의 뼈대가 되는 부분입니다.) 43줄에 <td class="main"> <!--@if($widget_info->titles == 'Y')--> <a href="{$oDocument->getPermanentUrl()}#{$oDocument->getCommentCount()}" style="color:{$widget_info->titles_font_color}; ">{$oDocument->getTitleText($widget_info->subject_cut_size)}</a> <!--@end--> 이 부분이 제목글을 나타내는 부분의 뼈대입니다. 원래 여기는 뼈대만 있고 css에서 살과 옷을 입혀야 하는데 css에서는 카멜레온같이 변화를 줄 수가 없어서 부득이하게 뼈대위에 직접 작업을 합니다. style="color:{$widget_info->titles_font_color}; 이 부분이 mh_multi.class.php 에서 함수처리한 칼라를 불러오는 부분입니다. 그러니까 제목글을 불러오는데 폰트칼라는 무엇이며, 글자수는 몇글자인지를 info.xml 에서 정한대로 표현하라는 뜻입니다. 4. normal.css안에 보면 (이 파일이 위젯의 살과 옷이 되는 부분입니다. 그러니까 꾸미는 곳이죠) 원래 여기에다가 칼라를 주고, 위치를 잡고, 크기를 정하는 곳인데, 단점이 변화를 줄려면 직접 소스를 수정해야 합니다. 그래서 뼈대에다가 직접 변화를 줄 수 있게 만들었기 때문에 여기에서 그 곳을 삭제를 해야겠죠. 구지 2개의 옷을 입을 필요는 없으니 말입니다. 삭제하지 않아도 별 문제는 되지 않습니다. 여기의 옷이 안으로 들어가 보이지 않으니까요. 그러나 소스가 많아봤자 좋은게 없으니 삭제합시다. .box_normal .box .board .main a { background:url(../images/bullet.gif) no-repeat left 5px; padding-left:5px; font:1em Tahoma; color:#808080; text-decoration:none; overflow:hidden;} color:#808080; 이 부분 삭제 이렇게 4개의 파일을 변화시키면 위젯설정에서 제목글의 색상을 마음대로 바꿀 수 있습니다. 이것의 단점이라면 글에 마우스over시 또는 클릭시 변화를 줄 수 없다는 것입니다. 소스의 아래 a:hover를 해서 소스를 주어도 그 소스가 먹지를 않더군요, 그건 왜 그런지는 잘 모르겠습니다. 이상으로 오늘의 내용을 마칩니다. 근데 제목글 색깔하나 바꾸기 위해서 이렇게 많은 일을 해야 하나요? 라고 물으시면 이렇게 길게 제가 제목글자색 하나 바꾸기 위해서 글을 적은 것이 아니라는 것은 초등학생이 아니면 알 수 있겠지요. 어떻게 생각하느냐는 그건 전적으로 당신 생각의 몫입니다. 당신이 어떻게 하던 그건 당신의 선택이니까요. 당신은 소증하니까요~~~~. 그럼 다음에 봐요..... 다 만들어진 업데이트 받으러 가기
profile
팔공산
Apr 20 2008
지금까지 나온 MH스킨들 종합해서 올립니다. file
[MH위젯들의 특징] 이미지와 텍스트 그리고 카멜레온으로 스킨이 보통 나누어져 있습니다. 1. 이미지스킨은 말그대로 이미지로 테두리를 감사고 있어서 모양이 예쁩니다. 그러나 단점으로 홈페이지의 트래픽을 많이 발생시키고 과도한 사용시 화면의 로딩이 느립니다. 총9개의 스킨으로 만들어져 있으며 흰색바탕에 맞게끔 제작되어져 있습니다.. 그러나 그린과 실버를 제외하고는 다른 바탕색상에서도 적용됩니다.그리고 설정에서 바탕색을 지정할 수도 있습니다. 2. 텍스트스킨은 테두리가 이미지가 아닌 Div소스로 만들어져 있습니다. 이미지만큼 예쁘지는 않지만 그런대로 예쁘게 꾸밀 수 있습니다. Div라운드 처리를 설정할 수도 있습니다. 설정에서 바탕색상을 지정할 수 있으며, 디폴드로 설정시 투명하게 처리됩니다. 테두리선의 종류와 두께를 고를 수 있습니다. 6개의 기본칼라를 설정할 수 있으므로 아래에 설명할 카멜레온보다 간편하게 사용할 수 있습니다. 3. 카멜레온스킨은 말그대로 카멜레온처럼 변할 수 있는 스킨입니다. 위의 텍스트스킨에서 설명한 모든 것이 가능합니다. 테두리의 선과 제목글자등을 자신이 선택하여 지정할 수 있습니다. 보드안에 들어가는 거의 전부의 설정들을(타이틀,제목,내용,썸네일,라운드,작성자,날짜,아이콘기타 등등)추가하고 뺄수 있습니다. 그러므로 이 스킨 하나만 있으면 수백가지의 스킨도 조합해 낼 수가 있습니다. 단점이라면 설정할 것이 너무 많아서 좀 난해할 수도 있습니다만, 디폴트로 선택하셔도 상관없이 작동됩니다. 이 게시판에 있는 위젯들이 최신위젯들입니다. 전에 받았던 위젯들보다 버그가 줄어들고 설정들이 최신입니다. 설치방법은 각 위젯들 옆에 전에 위젯들 설명사이트를 링크해 놓았으니 참고바랍니다. [팝업위젯 UP] (5월4일) 팝업의 표시유무를 선택할 수 있습니다. mh_popup.rar [카멜레온스킨들 UP] (4월23일) 타이틀바탕색이 라인색으로 지정되어 있어서 따로 분리했습니다. mh_widgets_up_01.rar [카멜레온스킨들 UP] (4월21일) 스킨들을 검정배경에 설치를 해보니 제목글씨들이 묻혀 버리는 경우가 있어서, 제목글도 색상을 지정할 수 있게 UP했습니다. mh_widgets_up.zip 을 받아서 압축을 풀면 widgets방안에 5개의 카멜레온 위젯들이 보입니다. 설치하신 위젯들 별로 선택하셔서 업하시면 됩니다. 혹시 전체를 설치하신 분이 있으시면 widgets방 자체를 업하시면 됩니다. 카멜레온스킨이 아닌 다른 스킨에 이 소스 추가를 원하시면 아래의 링크에 추가하는 방법을 설명해 놓았으니 참고해서 연구해 보세요. 공부하세~~~ https://moonhouse.co.kr/zbxe/154824 1. MH_Multi (MH멀티위젯) mh_multi.zip https://moonhouse.co.kr/zbxe/153046 원래 기본은 최신글위젯을 기본으로해서 제작되었으며 후에 썸네일이 추가됨. 스킨 : 이미지, 텍스트, 카멜레온, 전광판 4개로 구성 장점 : 이 스킨 하나면 왠만한 게시판보드를 만들 수 있습니다. 2. MH_Comment (MH댓글위젯) mh_c_comment.zip mh_comment.zip https://moonhouse.co.kr/zbxe/153624(카멜레온) https://moonhouse.co.kr/zbxe/151832(일반) 2개의 위젯으로 구성되어져 있음. 위젯의 특성상 많이 사용되지 않음으로 분리 스킨 : 카멜레온 단독과 일반위젯 - 이미지,텍스트, 테디베어 3개로 구성 3. MH_Images (MH이미지위젯) mh_c_images.zip https://moonhouse.co.kr/zbxe/154455 스킨 : 카멜레온, 이미지스킨 2개로 구성 4. MH_Webzin (MH웹진형위젯) mh_c_webzin.zip https://moonhouse.co.kr/zbxe/154341 스킨 : 카멜레온, 이미지스킨 2개로 구성 5. MH_Popup (MH팝업위젯) mh_popup.zip https://moonhouse.co.kr/zbxe/143844 스킨 : 카멜레온, 노말스킨 2개로 구성 게시판보드를 팝업으로 띄우는 위젯입니다. 공지사항이나 특정게시판을 화면의 상단에 띄울때 유용합니다. 24시간 팝업창 띄우지 않기 지원합니다, 화면의 TOP과 LEFT를 지정할 수 있습니다. 카멜레온 스킨의 경우 팝업창의 넓이를 사용자가 지정할 수 있습니다. 팝업창의 특수성으로 인해 라운드는 지원하지를 않습니다. 이 위젯을 설치하면 페이지상에서는 처음에는 설치가 안 된것 처럼 보입니다. 그러나 이미지처럼 아래선이 약간 두꺼운 듯이 보입니다. 이 부분을 마우스로 드래그하면 이미지와 같이 팝업 모습도 보이고 위젯설정 버턴들도 보입니다. 참조하세요. 이상으로 총5개의 위젯을 설명드렸습니다. 다른 위젯들도 있지만 이 정도의 세트면 홈피를 꾸미시는데 지장은 없을거라 생각이듭니다. 사용하시다가 버그나 추가사항이 있으시면 저의 홈페이지에 글 남겨 주시면 힘 닫는데 까지 해결해 보겠습니다.

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
Map 충청 충주 중앙탑 file 충주 중앙탑 팔공산 2024.03.20 113
Map 서울 서울 이순신장군 동상 file 서울 이순신장군 동상 팔공산 2024.03.20 102
Map 전라 쏠비치 진도 file 쏠비치 진도 팔공산 2024.03.20 123
Map 강원 정동진 모래시계공원 file 정동진 모래시계공원 팔공산 2024.03.20 95
Map 대구 종료 앞산공원 전망대 file 2025-04-30 앞산공원 전망대 팔공산 2023.03.29 129

댓글 많은순

No 게시판 제목 글쓴이 날짜 조회수
2,551 Blog 2 네이버 사칭 스팸 메일 주의 하세요 file
　┖ 조심해야겠네요~! 하루
　┖ 네 저도 순간적으로 눌러 버릴뻔 했어요 속기 좋게 만들었어요 팔공산
팔공산 2023.06.21 321
2,550 QNA 2 XEDITION edited by Kim Tajo 사용 시 서브레이아웃의 배경이미지 file
　┖ 앗, 이럴 수가.... 몇일 동안을 이것 땜에 끙끙 앓고 있었는데. 방금 이글을 작성하고 ... 안드레아
　┖ 같은 파일 이름으로 저장하면 브라우저 캐시 때문에 이미지가 변하질 않습니다. 변하게... 팔공산
안드레아 2020.08.25 987
2,549 Free 2 심장이 뜁니다.
　┖ 반갑습니다. 열심히 하시면 나이야 뭔 관계가 되겠습니까. 저도 50대 후반입니다. 팔공산
　┖ 멋지십니다~ 랩퍼투혼
안드레아 2020.08.25 2,804
2,548 QNA 2 스케치북에 로그인 넣는방법을 알고싶어용~!! file
　┖ 문하우스 게시판 스킨 Pro _header.html 파일안에 아래 부분입니다. <!--// 회원정보 ... 팔공산
　┖ 감사합니다. 잘되네요 ^^ 오늘도 좋은거 배워갑니다.ㅎㅎ 너무 감사합니다. 문탁이
문탁이 2020.04.08 693
2,547 QNA 2 sketchbook5 mh 2가지 문의 합니다. file
　┖ 웹 브라우즈 다크모드를 사용하고 있는 것 같군요. 아님 https://moonhouse.co.kr/tota... 팔공산
　┖ 스케치북MH 게시판스킨에서 문제가 있었네요. __setting.html 238줄에서 * 제거하시면 ... 팔공산
캐스퍼 2023.04.02 1,454

 

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