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 - 웹진스킨 - LightBox
Xpressengine of Moonhouse　>

MH 위젯스타일 V1.0 file
https://moonhouse.co.kr/296781 예전에 급하게 만들었던 위의 "MH 위젯스타일"을 약간 수정했습니다. 전 버전은 이미지가 고정되어 있었으나 이번 버전은 타이틀 글수에 따라서 이미지가 자동으로 조정됩니다.
Board 나의 RM Category 위젯스타일 2016.06.08 팔공산 R 996
윈도우창기능 팝업위젯 - MH_Windows_Popup V 1.2 file
[스케치북게시판 사용시 주의사항] - 윈도우창기능 팝업위젯을 스케치북게시판 사용중인 사이트에 적용하면 댓글 등록시 "내용값을 입력하세요" 라는 문제점이 발견되었습니다. - 위젯을 수정해 볼려고 했으나 잘 안되고 스케치북 코드를 살펴봐도 잘 모르겠네요.ㅠㅠ - 그래서 편법이지만 스케치북 게시판의 설정을 변경하는 방법으로 우회합니다. 이 방법이 마음에 들지 않으시면 이 팝업위젯은 스케치북 게시판에는 사용을 하지 말아 주세요. 그리고 되도록이면 게시판에는 사용을 자제하시고 위젯페이지에서 위젯설치로 사용을 권합니다. -설정변경 방법 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시간 닫기"가 제대로 작동을 하지 않아서 위젯으로 만들었습니다.
Board 나의 RM Category 위젯 2016.05.09 팔공산 R 1246 C 1
레이아웃에 팝업창 띄우기 file
XE 레이아웃에 Windows창 같이 움직이고 작아지고 커지고 화면조절 되는 팝업창 설치하는 방법입니다. 먼저 팝업창을 설치할 레이아웃의 layout.html안에 메인화면부분에 아래의 코드를 삽입합니다. 1. PopUp창 출력설정 <!-- PopUp창 --> <block cond="!$layout_info->popup == ''"><include target="popup.html" /></block> 2. popup.html 내용 <load target="./js/prototype.js" /> <load target="./js/scriptaculous.js" /> <load target="./js/effects.js" /> <load target="./js/dragdrop.js" /> <load target="./js/windows.js" /> <load target="windows.css" /> <div id="window_A" class="window_container" style="opacity:0.0;visibility:hidden;position:absolute;"> <div id="window_A_resize_handle" class="window_resize_handle"></div> <div id="window_A_topslice" class="window_topslice" > <div id="window_A_drag_handle" class="window_dragger"></div> <img style="z-index:100;margin-left:10px;margin-top:4px;position:absolute;" name="button_dirty_window_A" src="./images/but_clea.gif" /> <div class="window_button_holder" style="z-index:100;position:absolute;"> <a href="#" onClick="mywindow.minimize();"><img border="0" src="./images/but_mini.gif" /></a> <a href="#" onClick="mywindow.maximize();"><img border="0" src="./images/but_maxi.gif" /></a> <a href="#" onClick="mywindow.close();"><img border="0" src="./images/but_clos.gif" /></a> </div> <div class="window_handle_left"></div> <div class="window_handle_center"><span class="window_title">{$layout_info->popup_title}</span></div> <div class="window_handle_right"></div> </div> <div id="window_A_middleslice" class="window_middleslice"> <div class="window_border_left" > <div style="height:40px;width:15px;position:absolute;bottom:0px;"> <img src="./images/window_8.gif" /> </div> <img src="./images/window_9.gif" /> </div> <div class="window_content" id="window_A_content"> <div style="padding:5px;"> <div class="debug_field" id="command_div"></div> <span cond="$layout_info->popup_text">{$layout_info->popup_text}</span> <span cond="$layout_info->popup_image"><a href="{$layout_info->popup_image_url}" target="_{$layout_info->popup_image_target}"><img src="{$layout_info->popup_image}" width="350" /></a></span> </div> </div> <div class="window_border_right" > <div style="height:40px;width:15px;position:absolute;bottom:0px;"> <img src="./images/window_A.gif" /> </div> <img src="./images/window_B.gif" /> </div> </div> <div id="window_A_bottomslice" class="window_bottomslice"> <div class="window_bottom_left"></div> <div class="window_bottom_center"></div> <div class="window_bottom_right"></div> </div> </div> <block cond="!$layout_info->popup_width">{@ $layout_info->popup_width = '400'}</block> <block cond="!$layout_info->popup_height">{@ $layout_info->popup_height = '400'}</block> <block cond="!$layout_info->popup_posx">{@ $layout_info->popup_posx = '300'}</block> <block cond="!$layout_info->popup_posy">{@ $layout_info->popup_posy = '150'}</block> <script type="text/javascript"> var mywindow; var anotherwindow; window.onload=function() { mywindow=new Window( { "name":"TestWindow", "z_index":1000, "min_height":10, "action":"debug", "id":"window_A", "scrollbars":1, "is_minimized":0, "stayontop":0, "min_width":10, "height":{$layout_info->popup_height}, "posx":{$layout_info->popup_posx}, "posy":{$layout_info->popup_posy}, "width":{$layout_info->popup_width}}); </script> 빨간색부분이 팝업창안의 내용이 들어가는 부분입니다. 지우시고 일반 내용을 넣어셔도 됩니다. 3. windows.css 내용 .window_dragger a { text-decoration:none; font-weight:bold; font-size:10px; } .window_dragger { cursor:move; z-index:1; width:100%; height:36px; position:absolute; top:0px; left:0px; } .window_resize_handle { position:absolute; cursor:se-resize; width:20px; height:16px; font-size:10px; z-index:1; } .window_container { padding:0px; position:absolute; } .window_fader { border:0px; width:100%; } .window_topslice { position:relative; border:0px; width:100%; height:36px; } .window_middleslice { width:100%; position:relative; } .window_bottomslice { position:absolute; height:16px; border:0px; width:100%; } .window_handle_left { font-size:3px; position: absolute; left:0px; top:0px; width:15px; height:36px; background:url(./images/window_0.gif); } .window_title { line-height:30px; font-size:14px; font-weight:bold; font-family:sans-serif; overflow:hidden; } .window_handle_center { font-size:3px; background:url(./images/window_1.gif); background-repeat:repeat-x; top:0px; height:36px; border:0px; margin-left: 15px; margin-right:74px; text-align:center; } .window_handle_right { background:url(./images/window_2.gif); font-size:3px; position: absolute; right:0px; top:0px; width:74px; height:36px; border:0px; } .window_border_left { background:url(./images/window_3.gif); background-repeat:repeat-y; position: absolute; left:0px; width:15px; border:0px; } .window_content { text-align:left; /*overflow:auto;*/ position:relative; background:#D7D0BE; font-family:sans-serif; font-size:14px; border:0px; margin-left: 15px; margin-right:16px; padding:0px; } .window_border_right { background:url(./images/window_4.gif); background-repeat:repeat-y; position: absolute; right:0px; top:0px; width:16px; border:0px; } .window_bottom_left { font-size:3px; position: absolute; left:0px; bottom:0px; width:15px; height:16px; background:url(./images/window_5.gif); border:0px; } .window_bottom_center { font-size:3px; background:url(./images/window_6.gif); background-repeat:repeat-x; margin-bottom:0px; height:16px; border:0px; margin-left: 15px; margin-right:16px; } .window_bottom_right { background:url(./images/window_7.gif);font-size:3px; position: absolute; right:0px; bottom:0px; width:16px; height:16px; border:0px; } .window_button_holder { position:absolute; right:19px; text-align:right; width:60px; padding-top:8px; font-size:6px } 4. js 파일들과 이미지들은 압축파일안에 모두 들어 있습니다. 5. 레이아웃설정은 info.xml 안에 추가해 주세요. <group> <title xml:lang="ko">팝업창 설정</title> <title xml:lang="en">PopUp Info</title> <var name="popup" type="select"> <title xml:lang="ko">PopUp 출력</title> <title xml:lang="en">PopUp User</title> <description xml:lang="ko">팝업출력</description> <description xml:lang="en">PopUp User</description> <options value=""> <title xml:lang="ko">출력안함</title> <title xml:lang="en">None</title> </options> <options value="Y"> <title xml:lang="ko">출력</title> <title xml:lang="en">User</title> </options> </var> <var name="popup_title" type="text"> <title xml:lang="ko"> ┖ PopUp창 제목</title> <title xml:lang="en"> ┖ PopUp Title</title> <description xml:lang="ko">PopUp창의 제목</description> <description xml:lang="en">PopUp Title</description> </var> <var name="popup_text" type="textarea"> <title xml:lang="ko"> ┖ PopUp내용</title> <title xml:lang="en"> ┖ PopUp Text</title> <description xml:lang="ko">PopUp안에 들어갈 내용을 등록합니다.(Html사용 가능)</description> <description xml:lang="en">PopUp Text(Html use)</description> </var> <var name="popup_image" type="image"> <title xml:lang="ko"> ┖ PopUp내용 이미지</title> <description xml:lang="ko">PopUp창 내용안에 들어갈 이미지를 등록</description> </var> <var name="popup_image_url" type="text"> <title xml:lang="ko"> ┖ PopUp 이미지 링크</title> <title xml:lang="en"> ┖ PopUp Image Url</title> <description xml:lang="ko">PopUp 이미지 클릭시 이동할 링크 URL을 입력해 주세요.</description> <description xml:lang="en">PopUp Image Url</description> </var> <var name="popup_image_target" type="select"> <title xml:lang="ko"> ┖ PopUp 이미지 Target</title> <title xml:lang="en"> ┖ PopUp Image Target</title> <description xml:lang="ko">PopUp 이미지 클릭시 창의 선택</description> <description xml:lang="en">PopUp Image Target</description> <options value="blank"> <title xml:lang="ko">새창</title> <title xml:lang="en">New Window</title> </options> <options value="parent"> <title xml:lang="ko">현재창</title> <title xml:lang="en">Current Window</title> </options> </var> <var name="popup_width" type="text"> <title xml:lang="ko"> ┖ PopUp창 가로넓이</title> <title xml:lang="en"> ┖ PopUp Width</title> <description xml:lang="ko">PopUp창의 넓이(기본 400)</description> <description xml:lang="en">PopUp Width</description> </var> <var name="popup_height" type="text"> <title xml:lang="ko"> ┖ PopUp창 세로높이</title> <title xml:lang="en"> ┖ PopUp Height</title> <description xml:lang="ko">PopUp창의 높이(기본 400)</description> <description xml:lang="en">PopUp Height</description> </var> <var name="popup_posx" type="text"> <title xml:lang="ko"> ┖ PopUp창 가로위치</title> <title xml:lang="en"> ┖ PopUp X</title> <description xml:lang="ko">PopUp창의 가로위치(기본 300)</description> <description xml:lang="en">PopUp X</description> </var> <var name="popup_posy" type="text"> <title xml:lang="ko"> ┖ PopUp창 세로위치</title> <title xml:lang="en"> ┖ PopUp Y</title> <description xml:lang="ko">PopUp창의 세로위치(기본 150)</description> <description xml:lang="en">PopUp Y</description> </var> </group> p.s 내가 할 수 있는 모든 방법을 동원해도 "24시간 동안 닫기"는 성공하지를 못하였네요ㅠㅠ
Board 나의 RM Category Tip 2016.05.02 팔공산 R 1268

My Xe - FirstThumb 스킨
Xe of Moonhouse　>

profile
팔공산
Nov 08 2018
MH StartStopSlider 위젯 file
화면 출력이 슬라이딩형식으로 흘러 갑니다. [특징] - 이미지, 제목, 내용, 날짜, 글쓴이 출력 유무 가능합니다. - 이미지만 출력도 가능합니다. - 위젯의 크기를 조절 가능합니다. - 스마트폰에서도 잘 작동합니다. [옵션 설정으로 다양한 형태 가능]
profile
팔공산
Oct 27 2018
MH Pointy Slider 레이아웃 file
MH_Pointy-Slider 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정했습니다. http://www.htmldrive.net/items/show/1810/2016-Awesome-pointy-Slideshow [특징] MH_Sliding 레이아웃과 같은 곳에서 배포한 소스라 비슷한 점이 많아서 편했습니다.^.^ - 화면을 2등분해서 왼쪽은 타이틀과 설명 작은이미지 Zoom보기, 오른쪽은 큰 슬라이드 이미지가 출력됩니다. - 왼쪽 화면의 배경색과 Zoom이미지 지정 가능 합니다. - 오른화면의 이미지는 따로 선택도 가능하고, 왼쪽화면의 Zoom이미지를 그대로 가져 올 수도 있습니다. - 오른쪽 화면의 이미지는 원본 / 흑백/ 세피아로 출력 선택 가능합니다. - 메뉴버턴과 로고이미지와 관리자버턴(로그인/관리/기타)을 출력할 수 있습니다. - 관리자버턴 아래에 부메뉴 설정도 가능 - Url 바로가기(Direct) 색상 및 문구 지정 가능(웹폰트 에드온 설치하고 "Font Awesome" 과 "Sexy Button" 사용) - 스마트폰에서는 터치 슬라이드 기능도 작동합니다.

Xe Data - 카멜레온스킨
Xe Datas of Moonhouse　>

2007.08.30 chairdesign 레이아웃 (배경 흰색으로 수정) 3,522
chairdesign 레이아웃 (배경 흰색으로 수정) 조회수: 2683, 추천수: 1, 2007.08.28 07:17:38 게시글 주소 : http://www.zeroboard.com/13201013 엮인글 주소 : http://www.zeroboard.com/13201013/trackback findwind [ 수정 사항 ] 배경이 연한 회색이라서 다른 위젯과 매치가 안 되서 손이 많이 가는 것 같아서 배경이 흰색이 되도록 레이아웃을 약간 수정하였습니다. css를 처음으로 공부하면서 만든 레이아웃이라 아직 부족한 점이 많습니다. 우선 chairdesign 님의 레이아웃( http://www.chairdesign.net )을 참고해서 만들었는데 실력이 부족해서 디자인을 제대로 못 살렸을까봐 약간 우려스럽습니다. (배포를 허락해주신 체어디자인님께 감사드립니다.) 밑에 카피라이트는 삭제하지 말아주세요. 다운받을 파일은 findwind.zip 입니다. 메뉴 작동방식에 대한 오해의 소지가 있어서 간단한 설명 드리겠습니다. 기본 레이아웃 스킨은 1단계 메뉴는 위쪽에서 보이고 2단계, 3단계 메뉴는 왼쪽에서 보이는 구조인데요. 제 레이아웃 스킨은 메인 메뉴 1단계부터 3단계까지 왼쪽 메뉴에서 모두 나타냅니다. 위쪽에 보이는 메뉴는 상단 메뉴로 별도로 정할 수 있습니다. (간단한 메뉴를 나타낼 때만 씁니다. 1단계만 가능~) 불필요한 경우에는 상단 메뉴 지정하지 않으면 됩니다. 메뉴 작동 방식은 아래 사이트에서 확인하실 수 있습니다. 테스트 사이트: http://findwind.biz/lib (요즘 사이트가 좀 느리네요. 이해하고 보세요.) 압축을 풀어서 "제로보드XE의 설치경로/layout 폴더" 안에 복사해 넣으면 됩니다. 중간에 있는 이미지는 "레이아웃 설정"에서 변경가능합니다. (600x150 크기 고정) 첨부 : findwind.zip (102.3KB)(74)
2007.08.30 비나무의 첫 번째 레이아웃을 배포합니다. 3,867
게시글 주소 : http://www.zeroboard.com/4577380 엮인글 주소 : http://www.zeroboard.com/4577380/trackback 비나무 나인테일님의 홈페이지에 들렀다가 제가 작업하려고 했던 기본 형태인 메뉴가 최상단에 가는 레이아웃을 사용하시는 것을 보고, 동의를 얻어 받았습니다. 그 파일을 기준으로 layout.html, css 파일을 수정하여 제가 원하는 형태의 레이아웃을 만들었습니다. 처음에는 기본 형태만 만들고, 칼라셋을 여러 개 추가해서 사용하려고 했는데 작업하다 보니 쓸데없는 욕심이 나서 하나의 레이아웃을 이용해 다양하게 만들고자 노력하다가 쫄딱 밤을 세워버렸습니다.... ㅠ.ㅠ;;;; CSS에 거의 초보(제로보드XE 클베회원으로 참가한 뒤 XE를 설치해 보고 웹표준과 CSS에 관해서 공부를 해야겠다고 느껴지더군요... 그래서 3권의 책을 사서 한달 내내 틈나는 대로 공부했습니다.)에 가까운 제가 수정을 하려다 보니 희안한 오류들이 나는데, 환장을 하겠더군요... ㅠ.ㅠ;;;; 그래서 밤새 책 다시 뒤지고, 또 이것 저것 하면서 부딪혀 본 결과 나온 작품(?)입니다...... ㅠ.ㅠ;;; (감격의 눈물 찍!!) 그냥 일반적인 형태로 만들었다면 이렇게나 고생은 안 했을텐데... 제 귀차니즘(칼라셋 여러 개 만들기 싫다는 단 한 가지 이유였습니다... 쩝...)으로 XE 공식 사이트 레이아웃 파일을 이모 저모 뜯어본 결과 XML을 이용(허~~ 저 사실 XML 파일 이번에 처음 다뤄봅니다.. 그런데 정말 환상이더군요..)해서 성공했습니다... 만세~~~~~~~~~~!!! (혼자 잘 논다... 이해하십시오.. 저 지금 비몽사몽이라.. ㅠ.ㅠ;;;) 이제 본격적으로 설명을 드리겠습니다. 먼저 아래의 이미지를 보시죠.. (이미지가 크므로 클릭해서 보시고 마우스로 드래깅 하면서 살펴보세요.. ^^;;;;;) 레이아웃 설정 부분입니다. 기본적인 것은 XE 공식 사이트 레이아웃과 동일합니다. 다만, 제가 추가한 것 보이시죠??? 1. 본문 배경색 2. 메뉴 배경색 3. 메뉴 글자색 위 3부분입니다. 이 레이아웃은 로고 이미지(배너 역할), 배경 이미지 기본 두 가지와 제가 추가한 3가지가 함께 조화를 이루어 다양한 느낌의 홈페이지를 만들어 냅니다. 이 5가지만으로도 참 다양한 느낌이 나더군요... 그리고 제가 추가한 위 3가지는 위의 이미지 캡쳐에서도 보시듯이 모두 색상코드를 입력하셔야 합니다. 실제 적용한 화면을 먼저 보시고 더 설명을 하겠습니다. 1 / 5 loading images... L027.png 위 다섯 가지 값만을 변경해서 만들어진 홈페이지 디자인입니다.(사용한 이미지는 샘플로 넣은 것입니다. 시간 관계상 웹에서 구한 것들입니다. 혹시 저작권이 있는 이미지의 경우 단지 샘플화면을 만들기 위해 사용된 것이므로 이해바랍니다. 저작권 관계로 태클 들어오면 바로 레이아웃 내리겠습니다... ^^;;;;;;;) 참!!!! 이 레이아웃 제작하다 보니 로그인 부분이 안 어울려서 디자인에 맞게 로그인 부분도 새로 추가했습니다. (로그인은 전체 투명화 작업과 색상만 맞게 수정한 것이라 저작권은 그대로 뒀습니다.. ^^) 이 레이아웃 사용하실 때 주의하실 점은... 본문 배경색은 적용해 보시면 알겠지만, 추가되어 있는 게시판 때문에 현재로는 #FFFFFF(흰색)값을 추천합니다. 현재 배포된 두 기본 게시판 스킨이 일부분 투명화가 안 되어 있어서 색을 마음대로 적용하니 영 보기 싫더군요. 나중에 게시판 스킨 완전 투명으로 적용된 버전이 나오면 색을 마음대로 쓰셔도 되겠죠??? ^^;;;;;;;;;;; (그래도 뭐 색을 마음대로 쓰시겠다면 그렇게 하십시오.. 하하하 저는 나중을 위해 저렇게 만들어 둔 것입니다. 정 안되면 제가 수정해 버릴 수도 있어요.. 또 잠 안 자고.. 흑흑흑... 저 쓰러지기 전에 다른 분들이 그 작업은 해주세요... ㅠ.ㅠ;;;;;;;;) 배포된 압축파일 안에는 아래와 같은 폴더가 모두 들어있습니다. 그러므로 파일 다운로드 받아서 압축을 푸시고, 통째로 제로보드XE를 설치한 폴더에 쏟아부어 주세요... 덮어쓰겠냐고 물어도 안심하시고 "예" 하셔도 됩니다. 폴더가 같은 이름이어서 그렇게 묻는 것일 뿐, 파일은 중복되는 것 하나도 없습니다.. ^^;;;;;;;; 또 참!!!!!! 추가되는 레이아웃의 이름은 "비나무 레이아웃"입니다. 이 자리를 빌려서 기본틀이 되는 레이아웃을 보내주신 나인테일님께 다시 한번 감사의 말씀을 드립니다. 실제 적용되는 사이트를 직접 보시려면 아래의 사이트로 오세요... (링크된 사이트의 서브메뉴들을 클릭해 보시면 다양하게 변하는 레이아웃을 볼 수 있습니다.) http://edu.binamu.com/bbs/?mid=test01 첨부 : binamu.zip (24.6KB)(344)
2007.08.30 XE 공식 사이트 레이아웃 수정판 (White Only) 1 4,614
XE 공식 사이트 레이아웃 수정판 (White Only) 조회수: 5655, 추천수: 2, 2007.08.13 11:37:48 게시글 주소 : http://www.zeroboard.com/3964619 엮인글 주소 : http://www.zeroboard.com/3964619/trackback 비나무 먼저 이 수정된 CSS 파일을 이곳에 올릴까 고민하다가, 클베회원님 중에서도 이런 부분 중 일부분을 수정하는데 어려움을 표하는 분들이 계시기에 혹시 회원님들 중에서 CSS에 대해서 잘 모르는 유저들이 계실까하여 클베 때 한번 올렸던 것을 일부 추가 수정하여 올립니다. 새로운 레이아웃도 아닌 것을 왜 올리냐고 하시면 내리겠습니다... m(_ _)m ================================================ XE 공식 사이트 레이아웃 화이트 버전이 배경이미지를 지원해주는 것은 좋지만, 그 덕분에 몇 가지 문제점이 있더군요... 1. 우선 홈페이지 로고의 배경 부분이 색이 지정이 되어 있지 않아 배경 이미지가 그대로 비춰 보인다는 점... 2. 로그인창과 서브메뉴의 왼쪽과 위, 게시판의 위와 오른쪽이 배경 이미지에 너무 달라붙어버려 보기가 흉하다는 점 3. 배경이미지를 넣을 경우에 서브메뉴 바깥에 둘러싼 1픽셀짜리 라인이 의미가 없어진다는 점... (왼쪽라인이 배경이미지에 묻혀 버리거든요.. 그래서 위, 오른쪽 라인만 덩그러니 있는 느낌입니다.) 4. 배경이미지가 들어갈 경우 서브메뉴 부분의 바깥라인의 의미가 줄어들면서 라인을 없애면 메뉴박스가 왼쪽과 오른쪽 부분이 약간은 허전한 느낌이 듬... (주관적인 느낌입니다.. ^^;;) 5. 상단 배너창의 높이가 114픽셀로 되어 있는데, 메뉴가 들어가는 부분의 높이를 빼고 나면 흰색 레이아웃 적용할 때 로고이미지가 100픽셀이 적당하다고 나오는데, 실제 100픽셀의 높이를 가진 이미지를 등록하면 메뉴 부분을 덮어 버립니다. 그래서 배너창 높이를 160픽셀로 조정했습니다. 위 문제를 제 나름대로 해결한 CSS 파일을 올려드리니 필요하신 분은 활용해 주세요.. ^^;; 파일 설치 경로는 "layouts/xe_official/css" (올리실 때 덮어쓰셔야 합니다)입니다. 사실 제대로 작성을 하려면 'layout.html'과 'info.xml' 파일을 함께 수정하여 기존 화이트용 CSS 파일을 덮어쓰지 않는 것이 원칙인 것 같습니다. 왜 냐하면, 저의 경우 배경이미지(특히 첨부이미지처럼 전체에 걸쳐진)를 적용한다는 가정하에서 수정한 것이라 배경이미지를 적용하지 않거나, repeat-x값으로 배경이미지가 로그인창이나 서브메뉴, 게시판 부분에 영향을 끼치지 않는 경우는 오히려 왼쪽과 오른쪽에 주어진 여백값 때문에 오히려 보기 싫을 가능성이 많을 것이기 때문입니다. 필요하시면 조만간 'layout.html'과 'info.xml' 파일을 수정해서 새로운 레이아웃으로 추가된 파일을 함께 올리겠습니다. 어쨌든, 전체에 걸친 배경 이미지 적용 때문에 저와 같은 고민을 하신 분은 아래 첨부된 white.css 파일을 받으셔서 덮어쓰시면 됩니다... *^^*;;;;;;; 그리고 배경이미지는 본인에게 맞는 것을 직접 올리시면 됩니다. (이미지에 보이는 것 같은 배경이미지도 함께 이곳에 올려드리겠습니다.) 조치 결과는 첨부 이미지와 같습니다. 실제 적용되고 있는 사이트를 보시려면 http://edu.binamu.com(새창으로보기)으로 오시면 됩니다. :::::: 사족 하나 ::::::: 아마 레이아웃 수정에서 배경이미지를 올리면, 샘플이미지처럼 나타나지 않고 가로 한 줄로만 배경 이미지가 보입니다. 이건 레이아웃 파일(layouts.html)의 기본값이 repeat-x로 되어 있기 때문에 가로 한 줄로만 배경이미지가 깔리는 겁니다. 이 부분을 수정하시려면 레이아웃 편집으로 들어가셔서 12번째 줄쯤에 있는 <!--@if($layout_info->background_image)--> <style type="text/css"> body { background-repeat:repeat-x; background-image:url({getUrl()}{$layout_info->background_image}); } </style> <!--@end--> 라는 부분에서 "background-repeat:repeat-x;" 를 "background-repeat:repeat;"로 변경하시면 됩니다. 세로로 한 줄로만 배경이미지를 까시고 싶으시면 repeat-y, 배경이미지를 반복하지 않고 한번만 나타나게 하려면 no-repeat를 입력하시면 됩니다... 제가 사용한 배경이미지입니다.. 첨부 : white.css (5.6KB)(163) layout.html (5.8KB)(168)
2007.08.30 인기 게시물 출력(popular_document) ver 0.1 4,129
인기 게시물 출력(popular_document) ver 0.1 조회수: 614, 추천수: 4, 2007.08.28 15:28:33 게시글 주소 : http://www.zeroboard.com/13272746 엮인글 주소 : http://www.zeroboard.com/13272746/trackback 화니군 설치된 화면 http://ucc.funiz.com/ 에서도 보실 수 있습니다. 제작중인 사이트 이므로 테스트는 하지마세요 설정 화면 추천순, 읽기순으로 뽑아낼 수 있습니다. 글의 기간도 설정하여 최근 몇일안에 작성된글만 기준으로 할 것 인지 설정할 수 있습니다. 거의 newest_document 를 수정하여 만들었으며 스킨도 호환됩니다. 첨부 : popular_document.zip (20.6KB)(43)
2007.08.30 현재 로그인한 사용자 출력 위젯 v0.1 3,235
현재 로그인한 사용자 출력 위젯 v0.1 조회수: 664, 추천수: 2, 2007.08.26 22:41:16 게시글 주소 : http://www.zeroboard.com/12976666 엮인글 주소 : http://www.zeroboard.com/12976666/trackback VHAIN 음... zb5beta에는 있었는데, xe에는 없어서 만들었습니다. 우선, 이 위젯이 동작하기 위해서는 애드온자료실에 있는 로그인 체크 애드온이 꼭 활성화 되어있어야 하구요.. 스킨의 경우, 특정 그룹 멤버 출력의 스킨을 그대로 가져왔습니다... 음..우선 이 위젯을 추가하시면 아래와 같은 모습으로 추가되구요.. 현재로부터 x분전까지 갱신한 사람들의 목록을 출력합니다. (x의 경우 위젯 설정에서 설정이 가능합니다.) 아래는 위젯 설정창의 모습입니다. 다운로드 (.tar.gz) 다운로드 (.zip) 기타 질문이나 건의사항 등은 리플을 이용해 주시기 바랍니다 ^^ login_member.zip (16.7KB)(124) login_member.tar.gz (7.0KB)(21)

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
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,553 Free 5 웸마2 에서만 이렇게 보이는군요. file
　┖ 감로수님 제가 바로 아래글에 적어놓은 경우군요. 이상하게 한번씩 글이 안쓰지고 레이... 팔공산
　┖ 정말 그런가 봅니다. 오늘은 아무런 이상이 없이 되는군요 오늘 배포되는 새로운버전 1... 감로수
　┖ 감로수님 문하우스게시판에 현재위치를 나오게 하는 것은 아직 저의 실력이 부족하여 ... 팔공산
　┖ 아~~! 이렇게 하신것이군요^^ 현재 사용하고 있는 것으로 한번 해보도록 하겠습니다. ... 감로수
　┖ 팔공산님 메일 감사합니다.^^ 무사히 받았습니다 적용해보고 결과 말씀 드리겠습니다 ... 감로수
감로수 2009.02.25 9,320
2,552 QNA 5 초보질문입니다.
　┖ 포인트 팡팡!에 당첨되셨습니다. 홀리아이님은 100포인트를 보너스로 받으셨습니다. 관리자
　┖ 홀리아이님 반갑습니다. 어떤 레이아웃을 사용하시는지를 알 수가 없어서 답변을 드리... 팔공산
　┖ 여기홈페이지하고 똑같은 moonhouse_v2.1을 사용하고 있습니다. 홀리아이
　┖ ./layouts/moonhouse_V2.1/css/normal.css 와 ./layouts/moonhouse_V2.1/css/simple.cs... 팔공산
　┖ 감사합니다. 잘되네요^^; 홀리아이
홀리아이 2010.07.05 14,401
2,551 QNA 4 게시판을 못봐
　┖ 저도 php7.4 이상을 사용해보지 않아서 답변을 드리기 어렵네요. 일단 관리자 모드 진... 팔공산
　┖ xe의 모든 레이아웃은 사용불가 상태입니다. 風文
　┖ 굳이 php8.2를 고집할 필요가 없으면 카페24는 php변경도 가능한 것으로 알고 있습니다... 팔공산
　┖ 시도 해보겠습니다. ㅜㅜ 風文
風文 2025.01.18 1,774
2,550 QNA 4 글자크기 혼란 file
　┖ 잘 적용되는데요?? 팔공산
　┖ 연구 하겠습니다. ㅜ.ㅜ 風文
　┖ 각 게시판 별로 설정 > 추가 설정 > 위지윅 에디터에서 설정을 변경할 수 있습니다. 확... 팔공산
　┖ 안 되네요. 걍 공부! ㅜ.ㅜ 風文
風文 2024.12.16 1,881
2,549 QNA 4 낑낑 힙듭니다. file
　┖ 라이믹스로의 변경을 축하드립니다.👏👍 라이믹스에서는 더 이상 syndication모듈이 필... 팔공산
　┖ 선생님은 천재인가요? 모르는 게 뭐에요? 風文
　┖ https://xetown.com 사이트에서 검색하면 웬만한 거는 다 나옵니다. 아님 구글에서 검... 팔공산
　┖ xe 꼬리표 떼는 방법입니다. https://moonhouse.co.kr/xetip/483213 사용에 불편함이 ... 팔공산
風文 2024.11.13 815

 

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