MH Justice Latout Manual
X 24 시간 닫기 X

MH Multi Widget

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

My Xe - 스케치북 웹진스킨 - LightBox
Xpressengine of Moonhouse　>

마우스오버시 우측으로 펼쳐지는 내용 및 메뉴 file
마우스오브시 상단의 이미지와 같이 로그인메뉴가 나오고 알림글이 우측으로 펼처져 출력되게 하는 방법입니다. 아이디어에 따라서 다양한 출력이 가능하겠죠. * 먼저 css파일에 추가할 코드 /* Accordion Toggle */ .ubt { text-align:left; list-style: none; padding:5px; margin:0 Auto; } .ubt { zoom: 1; } .ubt:before, .ubt:after { content: ''; display: table; } .ubt:after { clear: both; } .ubt a { text-decoration:none; } .ubt li { position: relative; float: left; margin: 0; } .ubt li:active { margin-top: 1px; margin-bottom: 7px; } .ubt li:after { content: ''; z-index: 2; position: absolute; top: 10px; right: -2px; width: 5px; height: 6px; opacity: .95; background: #eb6b22; border-radius: 3px 0 0 3px; -webkit-box-shadow: inset 1px 0 #99400e; box-shadow: inset 1px 0 #99400e; } .ubt span { position: absolute; top: 1px; left: 100%; z-index: 2; overflow: hidden; max-width: 0; height: 24px; line-height: 21px; padding: 0 0 0 2px; color: white; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); background: #eb6b22; border: 1px solid; border-color: #d15813 #c85412 #bf5011; border-radius: 0 2px 2px 0; opacity: .95; background-image: -webkit-linear-gradient(top, #ed7b39, #df5e14); background-image: -moz-linear-gradient(top, #ed7b39, #df5e14); background-image: -o-linear-gradient(top, #ed7b39, #df5e14); background-image: linear-gradient(to bottom, #ed7b39, #df5e14); -webkit-transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -o-transition: 0.3s ease-out; transition: 0.3s ease-out; -webkit-transition-property: padding, max-width; -moz-transition-property: padding, max-width; -o-transition-property: padding, max-width; transition-property: padding, max-width; } .ubt p, s, .ubt span { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ubt p, s { height: 26px; line-height: 23px; padding: 0 9px 0 8px; font-size: 12px; color: #555; text-decoration: none; text-shadow: 0 1px white; background: #fafafa; border-width: 1px 0 1px 1px; border-style: solid; border-color: #dadada #d2d2d2 #c5c5c5; border-radius: 3px 0 0 3px; background-image: -webkit-linear-gradient(top, #fcfcfc, #f0f0f0); background-image: -moz-linear-gradient(top, #fcfcfc, #f0f0f0); background-image: -o-linear-gradient(top, #fcfcfc, #f0f0f0); background-image: linear-gradient(to bottom, #fcfcfc, #f0f0f0); -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.7), 0 1px 2px rgba(0, 0, 0, 0.05); } .ubt p:hover span { padding: 0 7px 0 6px; max-width: 1000px; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2); } .ubt s:hover span { padding: 0 7px 0 6px; max-width: 1000px; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.15), 1px 1px 2px rgba(0, 0, 0, 0.2); } .greena li:after { background: #65bb34; -webkit-box-shadow: inset 1px 0 #3a6b1e; box-shadow: inset 1px 0 #3a6b1e; } .greena span { background: #65bb34; border-color: #549b2b #4f9329 #4b8b27; background-image: -webkit-linear-gradient(top, #71ca3f, #5aa72e); background-image: -moz-linear-gradient(top, #71ca3f, #5aa72e); background-image: -o-linear-gradient(top, #71ca3f, #5aa72e); background-image: linear-gradient(to bottom, #71ca3f, #5aa72e); } .bluea li:after { background: #56a3d5; -webkit-box-shadow: inset 1px 0 #276f9e; box-shadow: inset 1px 0 #276f9e; } .bluea span { background: #56a3d5; border-color: #3591cd #318cc7 #2f86be; background-image: -webkit-linear-gradient(top, #6aaeda, #4298d0); background-image: -moz-linear-gradient(top, #6aaeda, #4298d0); background-image: -o-linear-gradient(top, #6aaeda, #4298d0); background-image: linear-gradient(to bottom, #6aaeda, #4298d0); } 1. 로그인메뉴 추가방법 <style> .ubt s:hover span { width: 230px; } </style> <div cond="$layout_info->b_menu_Login == 'Y'" class="ubt"> <li><s>LogIn <i class="fa fa-sign-in" aria-hidden="true" style="color:#ff6600;"></i><span> <!--@if($logged_info)--> <a href="{getUrl('act','dispMemberLogout')}" style="color:{$layout_info->bt_text_color};">Logout |</a> <a href="{geturl('act','dispMemberInfo')}" style="color:{$layout_info->bt_text_color};">MyInfo |</a> <!--@else--> <a href="{getUrl('act','dispMemberLoginForm')}" style="color:{$layout_info->bt_text_color};">Login |</a> <a href="{getUrl('mid',$layout_info->target_mid,'act','dispMemberSignUpForm')}" style="color:{$layout_info->bt_text_color};">Join |</a> <!--@end--> <!--@if($logged_info->is_admin == "Y")--> <a href="{getUrl('act','dispLayoutAdminEdit','layout_srl',$layout_info->layout_srl)}" style="color:{$layout_info->bt_text_color};">Edit |</a> <a href="{getUrl('act','dispLayoutAdminModify','layout_srl',$layout_info->layout_srl)}" style="color:{$layout_info->bt_text_color};">Modify |</a> <a href="{getUrl('','module','admin')}" " onclick="window.open(this.href); return false;" style="color:{$layout_info->bt_text_color};">Admin |</a> <!--@else--> <a href="javascript:bookmarksite('{$layout_info->fa}', '{$layout_info->index_url}')" style="color:{$layout_info->bt_text_color};">Bookmark |</a> <!--@end--> </span></s></li> </div> 2. 알림내용 추가방법 <style> .ubt p:hover span { width:{$layout_info->bodyWrap_width-80}px; } </style> <ul cond="$layout_info->b_text_toggle == '' && $layout_info->b_text1" class="ubt greena" style="width:{$layout_info->bodyWrap_width}px;"> <li><p>Notice <i class="fa fa-bullhorn" aria-hidden="true" style="color:green"></i><span>{$layout_info->b_text1}</span></p></li> </ul> <ul cond="$layout_info->b_text_toggle == '' && $layout_info->b_text2" class="ubt bluea" style="width:{$layout_info->bodyWrap_width}px;"> <li><p>Notice <i class="fa fa-bullhorn" aria-hidden="true" style="color:blue"></i><span>{$layout_info->b_text2}</span></p></li> </ul> 레이아웃설정 코드는 알아서 주셔야 합니다. {$layout_info->b_text1} [중요] 1. 상단의 이미지와 같이 2개 이상의 버턴을 출력할려면 .ubt s, .ubt p와 같이 s 와 p 같은 분류자로 나누어 주어야 가로 넓이를 다르게 줄 수 있습니다. 2. 색상출력 class="ubt" - 오렌지색상 class="ubt greena" - 그린색상 class="ubt bluea" - 블루색상
Board 나의 RM Category Tip 2016.04.26 팔공산 R 614
Wing영역 아코디언메뉴 생성하는 방법 file
레이아웃의 본문 좌,우측 Wing영역에 이미지파일 하나도 사용하지 않고 스타일리시하게 3차 Menu부터 아코디언처럼 펼쳐지는 메뉴설정 방법입니다. 1. 메뉴를 추가할 레이아웃의 layout.html안에 Wing영역의 메뉴부분에 아래의 코드를 추가합니다. 제가 사용중인 파일도 올립니다. wingmenu.html-x 올리고 보니 .html 확장자 뒤에 무조건 -x가 붙네요. 참고하세요. <style> .wmtop a { color:#ffffff; } .wmtop a:hover { color:#ff6600; } .wmsub a { color:#ffffff; } .wmsub a:hover { color:#ff6600; } </style> <nav> <ul> <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])--> <!--@if($val['selected']&&$val['list'])--> {@ $menu_1st = $val } <li class="wmtop"<!--@if($val['selected'])-->class="on"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end--> >{$val['link']}</a><span></span> </li> <!--@end--> <!--@end--><!--@end--> <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['link'])--> {@ $menu_1st = $val } <!--@if($val['selected']&&$val['list'])--> <!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['link'])--> {@ $menu_2nd = $val } <li class="wmsub"<!--@if($val['selected'])-->class="active"<!--@end-->><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->> {$val['link']}</a> <!--@if($val['list'] && ($val['expand']=='Y'||$val['selected']) )--> <ul> <!--@foreach($val['list'] as $k => $v)--><!--@if($v['link'])--> <!--@if($v['selected'])--> {@ $menu_3th = $v } <!--@end--> <li<!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v['href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$v['link']}</a></li> <!--@if($v['list'] && ($v['expand']=='Y'||$v['selected']) )--> <!--@foreach($v['list'] as $k => $v4)--><!--@if($v4['link'])--> <!--@if($v['selected'])--> {@ $menu_4th = $v4 } <!--@end--> <li<!--@if($v['selected'])-->class="on"<!--@end-->><a href="{$v4['href']}" <!--@if($v4['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$v4['link']}</a></li> <!--@end--><!--@end--> <!--@end--> <!--@end--><!--@end--> </ul> <!--@end--> </li> <!--@endif--><!--@endforeach--> <!--@end--> <!--@endif--><!--@endforeach--> </ul> </nav> 2. style.css 다운받은 css파일안의 코드를 해당 레이아웃css파일안에 추가합니다. 3. 색상변경 * 메뉴글 색상 <style> .wmtop a { color:#ffffff; } .wmtop a:hover { color:#ff6600; } .wmsub a { color:#ffffff; } .wmsub a:hover { color:#ff6600; } </style> * 메뉴바탕 색상 - css안에 - 전체메뉴배경 색상 nav ul li { background: -webkit-linear-gradient(top, rgba(75,78,88,1) 0%,rgba(63,66,74,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(75,78,88,1) 0%,rgba(63,66,74,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(75,78,88,1) 0%,rgba(63,66,74,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, #4B4E58 0%,#3F424A 100%); /* W3C */ box-shadow: rgba(255,255,255,0.1) 1px 1px 0 inset; border-bottom: #292b30 1px solid; } - 3차 아코디언배경 색상 .wmsub ul li:hover { background: -webkit-linear-gradient(top, rgba(58,96,209,1) 0%,rgba(44,72,194,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(58,96,209,1) 0%,rgba(44,72,194,1) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top, rgba(58,96,209,1) 0%,rgba(44,72,194,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%); /* W3C */ box-shadow:#5173d5 1px 1px 0 inset; } 진한 부분들을 적절히 수정하면 됩니다. rgba값들도 같이 수정을 해 주시면 좋습니다. 제가 귀찮아서~~~^.^
Board 나의 RM Category Tip 2016.04.26 팔공산 R 565
메뉴 클릭시 화면 중앙에 팝업으로 띄우기 file
위의 이미지와 같이 해당 메뉴를 클릭시 화면 중앙에 팝업으로 띄우는 소스입니다. "개인정보취급방침" 같은 메뉴를 띄울때 사용하면 좋겠죠... 1. privacy라는 임의의 페이지mid를 생성해서 문구를 작성합니다. 아래의 소스를 해당 레이아웃의 적당한 곳에 배치를 합니다. <a href = "javascript:void(0)" onclick = "document.getElementById('light_01').style.display='block';document.getElementById('fade').style.display='block'" style="color:black">개인정보취급방침 l</a> <div id="light_01" class="white_content"> <a href = "javascript:void(0)" onclick = "document.getElementById('light_01').style.display='none';document.getElementById('fade').style.display='none'"><i class="fa fa-times-circle fa-2x" aria-hidden="true"></i></a> <iframe src="/privacy" frameBorder=0 width=100% height=500px scrolling=auto></iframe> </div> <div id="fade" class="black_overlay"></div> 2. css파일에 아래의 소스를 붙여 넣습니다. /* Privacy */ .black_overlay{ display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 1500px; background-color: black; z-index:1001; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=80); } .white_content { display: none; position: absolute; top: 25%; left: 25%; width: 50%; height: 510px; padding: 0 16px 16px 16px; border: 16px solid orange; background-color: #ffffff; z-index:1002; overflow: auto; style="margin-top:30px;"} .white_content a { position: absolute; top: 2%; right: 5%; color:orange } 여러개의 메뉴가 존재한다면 light_01 이 부분을 메뉴별로 다르게 주면 됩니다. 물론 mid와 메뉴명도 달리 주어야 겠죠. 그리고 x표시는 fortawesome웹폰트를 적용했습니다. 그냥 Close라는 문구로 바꾸셔도 됩니다. 게시판형식도 가능합니다. 대문페이지 하단에 "가입인사" 메뉴를 눌러보세요.
Board 나의 RM Category Tip 2016.04.21 팔공산 R 646
Prev 27 28 29 Next

My Xe - FirstThumb 스킨
Xe of Moonhouse　>

profile
팔공산
Jan 19 2020
Mh Slide Pro V1.0 file
[ 특징 ] 1. Slide Pro 슬라이드 추가 를 위젯으로 만들었습니다. 2. Auto Slide를 지원합니다. 3. 슬라이드 아래에 타이틀 / 썸네일 / 네비를 지원합니다. 4. 배경이미지와 각 Box별 색상을 지정할 수 있습니다. 5. Box안의 타이틀 / 내용 / 썸네일의 각종 옵션을 지정 가능합니다.
profile
팔공산
Jul 22 2018
MH Multi V3.2 업그레이드(18.09.20) - 최신글+썸네일+내용글+댓글 file
[V3.3으로 업데이트 되었습니다] https://moonhouse.co.kr/xemy/337307 V2.1 버전 에서 구현하지 못했던 페이지 기능등을 추가 하여 버전업 합니다. [V3.2 특징] 1. sketchbook5게시판 웹진형 스킨추가 - MH sketchbook5 스킨 - 모바일에서 제목과 날짜, 글쓴이 정도만 지정하면 멋진 통합게시판위젯이 출력됩니다.(문하우스의 모바일 첫화면) 2. sketchbook5게시판 리스트형 스킨추가 - MH sketchbook5 List스킨 [V3.1 특징] 1. 스마트폰에 적합한 스킨 추가 - MH 스마트 스킨 2. 제목글의 색상을 8가지중 선택 (black, gray, blue, skyblue, green, purple, red, pink) 3. 그 외 소소한 코드정리와 글꼴 크기 정리 [V3.0 특징] 1. 페이지기능을 구현하여 위젯으로도 타임라인게시판 같은 기능을 출력할 수 있습니다. (@윤삼님이 많은 도움을 주셨습니다) 2. 페이지기능에 ajax기능 추가로 화면 리플레쉬 없이 작동합니다. (@윤삼님의 멤버 소개 위젯의 코드를 가져 왔습니다) 3. 썸네일영역에 기존의 게시글이동 기능과 이미지확대 기능을 선택할 수 있게 했습니다. 상품소개의 경우 유용하게 사용하실 수 있습니다. 4. 전 버전들과 같이 카멜레온스킨은 박스, 썸네일, mid명, 분류, 확장변수, 제목, 내용, 댓글 기타 모든 항목의 선택이 가능합니다. 5. 페이지기능을 사용하려면 위젯의 케시를 0으로 두어야 정상 작동을 합니다. [왼쪽 : 스마트스킨] [오른쪽 : 카멜레온스킨] [스마트폰 화면]
11
Prev 27 28 29 Next

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

2007.11.24 라이트박스 애드온 0.7 2896
베니 이 애드온은 현재 Zeroboard XE 0.2.6에서 테스트되었습니다. 현재 이 애드온의 버전은 0.7입니다. 이 버전은 0.2.4이하의 XE버전(알바트로스 이전)에서 작동되지 않습니다. 0.7에서 바뀐점 - XE 알바트로스 이후 버전과 호환되지 않던 문제를 해결하였습니다. - XE 알바트로스부터 추가된 문서/댓글의 본문 마킹방식 때문에 더이상 엉뚱한 이미지를 목록에 추가시키지 않습니다. - 자동 축소 루틴의 버그를 수정하였습니다. - 치명적인 내부 오류를 수정했습니다. - 슬라이드쇼 방식이 추가되었습니다. 아울러 슬라이드쇼의 간격을 "초"단위로 정의할 수 있습니다. 자세한 내용은 설정화면을 참고하시기 바랍니다. - 스크립트 사이즈가 줄어들었습니다. - Lytebox 3.2.2를 적용하였습니다. 이에 따라 기존 버전에서 가지고 있던 "Internet Explorer에서의 Alpha 채널 출력 오류" 버그가 수정되었습니다.(그외 자세한 내용은 Lytebox 홈페이지를 참고해주시기 바랍니다.) - 라이센스 방식이 GPL에서 Creative Commons 3.0으로 변경되었습니다. - 이외 Lytebox의 기본동작 방식을 약간 바꾸었습니다. 지나치게 큰 이미지의 경우에 현재 브라우저 크기로 자동 리사이즈되는 기능을 활성화하였습니다. 이 애드온은 제로보드 XE로 만든 웹사이트에 포함된 이미지를 자동으로 라이트박스 모듈과 연결시켜줍니다. 아울러 제로보드 XE에 기본적으로 포함된 이미지 자동축소 루틴을 라이트박스 모듈과 연결시키는 루틴으로 교체해줍니다. 이 애드온은 XE 0.2.6 버전의 이미지 축소루틴의 오류 수정본을 적용하였습니다. 이 애드온을 쓰지 않고 해당 오류를 수정하기 위해서는 SVN으로 최신개발버전을 받으시기 바랍니다. 이 애드온의 라이센스는 Creative Commons 3.0입니다. 파일에 문제가 있다면 아래의 주소에서도 다운로드를 받으실 수 있습니다. 설치방법 및 사용방법에 대해서는 제 블로그의 포스팅을 참고해주시기 바랍니다. 주의사항 및 참고 Q. 사진이 축소되어 나오는 것이 싫습니다. 이전 버전처럼 동작하게 하려면 어떻게 하나요? A. 애드온 디렉토리 아래의 lytebox/lytebox.js 파일을 에디터로 엽니다. 이 파일의 58번째 줄을 보시면 this.autoResize = true; 라고 되어 있는데 이것을 this.autoResize = false; 로 변경하시면 이전 버전과 동일하게 동작합니다. ※ 이전 버전의 사용자분도 기존 설치 디렉토리를 지우고 다시 설치하시기를 권장합니다. ※ 애드온이 이상작동을 일으키면 캐시재생성을 해주시기 바랍니다. ※ 이 애드온은 XE 0.2.6 버전의 이미지 축소루틴의 버그(사진을 여러개 올렸을때 두번째 이후의 이미지는 리사이즈 되지 않는 문제)를 수정하여 적용하였습니다. 이 애드온을 쓰지 않고 해당 오류를 수정하기 위해서는 SVN으로 최신개발버전을 받으시기 바랍니다. (TRAC에서 common/js/common.js 파일만 받으시면 됩니다.) ※ 이 애드온은 xe_blog과 xe_list, 그리고 개인적으로 만들어 쓰는 스킨에서 테스트하였습니다. (아마도) 알바트로스 이후 본문의 내용을 HTML안에 표시하는 방법이 확장되었습니다. xe의 기본 resize루틴이나 본 프로그램의 루틴이나 해당 마크업을 참조하여 재구성하므로 오래전에 만든 스킨은 호환이 되지 않을수 있음에 유의하시기 바랍니다. 특히, $oDocument->getContent(false) <- 이 방식으로 출력하는 스킨의 경우엔 본 애드온이 작동되지 않습니다. 만일 $oDocument->getContent(false)를 사용하여 스킨을 만드신 경우에는 <div class="document_{$oDocument->document_srl}_{$oDocument->getMemberSrl()}">$oDocument->getContent(false)</div>로view_document.html부분의 코드를 변경하셔야 합니다. 이 게시물을.. 첨부 : digist_lightbox.0.7.zip (46.3KB)(16) digist_lightbox.0.7.tgz (39.4KB)(0)
2007.11.22 SINPIC지도 에디터 컴포넌트 올려봅니다.(네이버맵 + 구글맵) 2 3799
트루먼 네이버맵을 대치할 수 있는 SINPIC MAP를 만들어 봤습니다. SINPIC MAP는 네이버맵과 구글맵을 연동하였고 sinpic.com에 메타등록을 하실 수 있도록 했습니다 그럼 설치 방법을 알려드리겠습니다. 1. 첨부파일을 다운로드 받습니다. 2. 첨부파일을 압축해제하면 두개의 폴더가 보이는데 그 두개의 폴더(addons, editor components)는 제로보드의 루트부터 경로가 잡혀있습니다. 위지윅 FTP(알FTP같은..)를 이용하여 제로보드가 설치되어 있는 루트에 복사를 하심됩니다 3. 위지윅에디터 관리자 화면으로 들어가서 모듈을 설정하면 됩니다. - 위지윅에디터 관리자를 선택하시면 아래와 같은 그림이 있습니다. 하단부분에 비활성 으로 되어 있는 글자를 눌러 활성이 되게 합니다. - 설정버튼을 누르면 아래와 같은 팝업창이 뜹니다 네이버 open API제공 사이트에서 일반키값과 지도용 키값을 받아와 해당 입력란에 입력을 합니다. 구글 지도 openAPI제공 사이트에서 도메인에 맞는 키값을 받아와 해당 입력란에 입력을 합니다. 3. 애드관리자 화면으로 들어가서 모듈을 설정하면 됩니다. - 애드온 관리자 화면을 들어가시면 아래와 같은 화면이 나옵니다. - 하단의 sinpicWrite 애드온을 활성화 시킵니다. 이렇게 하면 세팅이 완료되었습니다. 5.사용하기 - 이제 세팅이 완료되었습니다. 위의 세팅이 끝나면 아래의 에디터 부분에 새로운 버튼이 생깁니다. 버튼을 통해 맵을 입력하시면 됩니다. 6.sinpic.com에 포스팅 하기 - 위와 같이 글을 쓰신 후 내용보기를 보면 맵이 들어가 있는것을 보실 수 있으실 겁니다. - 맵의 버튼을 보시면 포스팅이란 버튼이 있습니다. 이 버튼을 누르시면 아래와 같은 DIV 팝업창이 뜹니다. 웬만한 기본정보는 원본글을 토대로 미리 입력이 되있습니다. 오른쪽 하단의 저장 버튼을 누르면 자동으로 sinpic.com에 메타데이터 포스팅이 됩니다. ※ 추후 누군가가 sinpic.com에서 포스팅된 글에 댓글을 달게되면 해당 원본 글로 트랙백정보를 보내드립니다. 또한 sinpic.com에서 제목을 누르게 되면 원본글이 있는 사이트를 새창을 통해 보여지게 됩니다. ※ 또한 추가로 첨부되어 있는 "editor.controller.php"는 원본 수정본입니다. 주소검색을 위해서 필요합니다. module > editor 폴더에 덮어쓰기 하시면 됩니다. 감사합니다. 첨부 : sinpic_map_v1.zip (188.0KB)(3)
2007.11.21 쪽지 수신 음성 알림 4353
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="0" height="0"><param name=menu value=false><param name=wmode value=transparent><param name=movie value="./addons/member_extra_info/swf/memo_on.swf"><param name=quality value=low><param name="LOOP" value="false"><embed src="./addons/member_extra_info/swf/memo_on.swf" quality=low pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="0" height="0" loop="false" wmode=transparent menu="false"></embed></object> 위 소스를 member_extra_info.addon.php 54번줄에 추가하세요. <script> 앞에... 적용 예) $script = sprintf('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="0" height="0"><param name=menu value=false><param name=wmode value=transparent><param name=movie value="./addons/member_extra_info/swf/memo_on.swf"><param name=quality value=low><param name="LOOP" value="false"><embed src="/zbxe/addons/member_extra_info/swf/memo_on.swf" quality=low pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="0" height="0" loop="false" wmode=transparent menu="false"></embed></object><script type="text/javascript"> xAddEventListener(window,"load", function() {if(confirm("%s")) { popopen("%s"); }}); </script>', Context::getLang('alert_new_message_arrived'), Context::getRequestUri().'?module=member&act=dispMemberNewMessage'); 첨부 파일은 다음 폴더에 추가하세요. addons/member_extra_info/swf/ 이 게시물을.. 첨부 : memo_on.swf (27.0KB)(85)
2007.11.21 구글 애드센스 연동 애드온 ver 0.2 3954
구글 애드센스 연동 애드온 ver 0.2 구글 애드센스가 방식이 이전과 틀려졌습니다. 이전에는 코드상에 각종 색상 정보와 타입, 포맷, 채널 정보가 다 들어가 있었지만 이제는 그것들이 전부 서버로 저장되도록 바뀐 탓에 전부 생략이 되어 버렸지요. 그래서 새로 코드를 받은 경우 클라이언트 키와 새로 나온 슬롯 키 값, 그리고 사이즈 정보만 받게 바뀌었습니다. 이전부터 쓰고 계시던 분들은 상관 없지만 새로 적용하실 분들은 사용할 수가 없기에 새로운 애드센스에 맞게 바꾸었습니다. ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- 애드센스 연동 애드온에 대한 애드센스 약관 관련... 제 4항 광고 , 검색 결과 및 추천의 구현 및 운영 . 귀하께서는 귀하의 사이트와 관련하여 광고 , 링크 , 검색 결과 , 추천 버튼 및 Google 상표 특징 ( 아래 12 항에 정의됨 ) 의 적절한 제공 , 게재 , 추적 및 보고를 위해 Google 이 수시로 제시하는 요건을 준수하는 데 동의합니다 . 여기에는 Google 이 서면으로 ( 이메일 포함 ) 명백히 승인하지 않는 한 , Google 이 귀하에게 제공하는 JavaScript 또는 기타 프로그래밍을 어떠한 방식으로든 수정하지 않음을 포함하되 , 이에 국한되지 않습니다 . 제 5항 금지된 사용 . 귀하께서는 다음과 같은 행위를 하실 수 없으며 , 타인으로 하여금 다음 행위를 하도록 인가 또는 조장해서는 안 됩니다 : (i) 모든 자동화되거나 사기성이 있거나 부정하거나 무효한 수단 ( 반복된 수동 클릭 , 로봇 또는 기타 자동화 검색 도구의 사용 및 / 또는 컴퓨터에서 생성되는 검색 요청 , 및 / 또는 기타 검색 엔진 최적화 서비스 및 / 또는 소프트웨어의 무단 사용을 포함하되 이에 국한되지 않음 ) 을 통해 광고 , 링크 , 검색 결과 또는 추천 버튼에 대해 직간접적으로 검색 , 추천 이벤트 , 노출 또는 클릭을 발생시키는 행위 , (ii) 어떠한 방식으로든 광고 , 링크 , 광고 단위 , 검색 결과 또는 추천 버튼에 포함된 정보의 순서를 편집 , 수정 , 필터링 또는 변경하거나 광고 , 링크 , 광고 단위 , 검색 결과 또는 추천 버튼을 삭제 , 모호하게 처리 또는 최소화하는 행위 , (iii) 광고의 일부 , 검색 결과 페이지 또는 추천 페이지를 클릭한 후 최종 사용자에게 표시되는 웹 페이지 ( 이하 " 광고주 페이지 " ) 를 조작 , 최소화 , 삭제하거나 완전하게 게재되지 못하도록 하는 행위 , (iv) 광고주 페이지 , 검색 결과 페이지 또는 추천 페이지로부터 최종 사용자를 다른 곳으로 유도하거나 , 최종 사용자가 직접 광고주 페이지 , 검색 결과 페이지 또는 추천 페이지로 이동하면 표시되는 페이지가 아닌 다른 광고주 페이지 , 검색 결과 페이지 또는 추천 페이지 버전을 제공하거나 , 광고와 광고주 페이지 사이 , 검색 상자가 있는 페이지와 검색 결과 페이지 사이 또는 추천 버튼과 추천 페이지 사이에 콘텐츠를 분산시키거나 , 광고에서 광고주 페이지로 직접 링크하거나 검색 상자가 있는 페이지에서 검색 결과 페이지로 직접 링크하거나 추천 버튼에서 추천 페이지로 직접 링크하지 않고 다른 방식으로 페이지를 제공하는 행위 , (v) 오류 페이지 , 등록 페이지나 " 감사 " 페이지 ( 예 : 사용자가 해당 웹 사이트에 등록했을 때 감사를 표하는 페이지 ), 채팅 페이지 , 이메일 또는 포르노나 증오 , 폭력 , 불법 내용이 포함된 웹 페이지나 웹 사이트에 광고 , 링크 또는 추천 버튼을 게재하는 행위 , (vi) 소프트웨어 응용 프로그램 , 웹 사이트 또는 귀하의 사이트 이외의 수단을 통해 광고 , 링크 , 검색 결과 또는 추천 버튼을 직간접적으로 표시 , 실행 및 / 또는 활성화하거나 광고 , 링크 , 검색 결과 또는 추천 버튼을 통합시키는 행위 ( 검색 결과는 귀하의 사이트에서 간접적으로 액세스할 수 있으나 Google 이 호스팅하는 해당 웹 페이지에만 표시되는 것과 같이 본 계약에서 명시적으로 허용되는 범위로만 한정 ), (vii) 광고 , 링크 , 검색 결과 , 추천 이벤트 또는 그 일부 , 사본 또는 파생물에서 입수된 정보를 " 크롤링 ", " 스파이더 ", 색인 또는 기타 지속적인 방법으로 저장하거나 캐시에 저장하는 행위 , (viii) 어떠한 방식으로든 수시로 개정되는 Google 웹 사이트에 게시된 프로그램 정책 또는 귀하와 Google 사이의 기타 모든 계약 (Google AdWords 프로그램 약관을 포함하나 이에 국한되지 않음 ) 을 위반하거나 , Google 에서 실적이 낮은 작업에 관여하거나 , Google 의 명성 또는 신용을 떨어뜨리거나 추락시키는 행위 . 귀하께서는 전술한 행위에 개입하려 하거나 위반하는 것은 본 계약에 대한 실질적인 위반이며 , Google 은 귀하 계정의 즉시 중지 또는 본 계약의 종료 및 모든 가능한 민사 또는 형사상의 구제책 강구를 포함하여 귀하를 상대로 모든 합법적이고 정당한 해당 구제책을 취할 수 있음을 인정합니다 . ------------------------------------------------------------------------------------------------------------------------------------------------------------------------- 위와 같은 내용이 금지 사항에 관련된 내용입니다만, 현재 본 애드온이 불법이라고 증명될만한 부분은 한부분도 없습니다. 제 4항의 자바스크립트 및 기타 프로그래밍의 수정 불가에 대한 것도 웹브라우저 상에 구현되는 코드는 원본코드와 동일하므로 해당사항은 없다고 봐도 될겁니다. 애드온은 관리자가 구현하기 위한 수단일 뿐 일반 유저가 보는 브라우져 상의 결과와는 전혀 관계가 없기 때문입니다. 특히 이전과 틀리게 사이즈를 제외한 모든 것이 구글 자체 저장 방식으로 바뀌어서 이러한 문제점은 더이상 무의미하다고 봅니다. 이 게시물을.. 제로보드 XE 개발 사이트 : http://spring.zeroboard.com 제로보드 XE 개발 채널 : irc:#zbxe_dev XE 플래쉬 위젯 개발 및 XE 개발채널 메인 오퍼레이터 드로아크 입니다.^^ google_adsense.rar (2.6KB)(102)
2007.10.10 [3차 수정] 웹진형 게시판의 최근글 출력 위젯 3300
바람처럼. 먼저 제가 올린 위젯을 사용하시는 분들, 댓글을 올려주신분들, 일부러 제 홈피에 글을 남겨주신분들께 감사드립니다. ^^ 3차 수정 위젯에 대하여 이번 xe가 0.1.8버전으로 업그레이드 되면서 위젯소스의 일부가 변경되여 이미지가 안 올라오게 되였습니다. 그래서 이참에 xe 0.1.9 까지 업그레이드 된 내용을 충실히 반영한, 하나의 독립된 위젯으로 만들어 올립니다. 변경 된 중요 기능을 간추려보면 1) 썸네일이 원본 비율대로 생성됩니다. ( 설정창에서 100의 크기를 주면 긴쪽이 100이 됩니다. ) 2) 원본이 썸네일 지정보다 작을 경우에는 원본이 썸네일 창에 올라옵니다. 3) N(ew), M(odify), image, 파일 업로드 이미지가 보입니다. 4) N(ew) 이미지가 나타나는 시간을 설정 할 수 있습니다. 등이 있겠습니다. 사용법 1) widgets 폴더에 올립니다. 2) 관리-> 위젯 관리에 『최근 문서 웹진형 출력(newest_webzine) 』으로 나타납니다 3) 이후 사용법은 이제까지의 최근 문서 웹진형 출력이나 다른 위젯들과 동일 합니다. 기타사항은 귀찮으시더라도 http://www.zeroboard.com/zbxe_pds_widget_skin_newest_document/14475163 의 사용법을 참고해 주십시오 기타 설치, 적용 이후에는 xe의 업그레이드를 패치하는 것과는 관계없게 됩니다. 저도 xe에 좋은 기능이 추가되면 위젯의 업그레이드판을 지속적으로 올리도록 하겠습니다. 적용예 site 바로가기 적용 스크린샷 첨부 : newest_webzine.zip (9.3KB)(7)
Prev 27 28 29 Next

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

게시판 제목 종료일 위치 글쓴이 날짜 조회수 지도
Map 강원 정동진 모래시계공원 file
정동진 모래시계공원 팔공산 2024.03.20 6
Map 전라 쏠비치 진도 file
쏠비치 진도 팔공산 2024.03.20 7
Map 서울 서울 이순신장군 동상 file
서울 이순신장군 동상 팔공산 2024.03.20 6
Map 충청 충주 중앙탑 file
충주 중앙탑 팔공산 2024.03.20 7
Map 대구 [D - 243] 앞산공원 전망대 file
2024-12-31 앞산공원 전망대 팔공산 2023.03.29 31

 

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