Layouts Of MoonHouse

Mh Justice Layout V 1...

Mh Sideways Layout

Mh Gallery Layout & M...

문하우스 Simple 레이...

Mh Thomsander Layout ...

Mh White Layout V1.1

Mh LeftMenu 레이아웃 ...

MH FullPage 레이아웃 ...

MH Pointy Slider 레이...

MH_Sliding 레이아웃

사이트선택 전용 레이...

XE기본 Xedition레이아...

XE기본 Xedition레이아...

Widgets Of MoonHouse

Data Of MoonHouse

Layouts Of MoonHouse

    • Mh Justice Layout V 1.6 [ 2025. 06. 09 ] - Sale 제품
    • Mh Justice Layout is a one page html5 bootstrap template. This template comes with smooth a...
    • 2023.03.26
    • Mh Sideways Layout
    • [특징] •화면전환이 가로 방향으로 움직입니다. •홍보용 사이트 레이아웃에 적합합니다. •화면 좌...
    • 2022.05.16
    • Mh Gallery Layout & Mh Gallery Widget V2.2 [2022.05.22] - Sale 제품
    • [ V2.2 특징 ] •Colorbox Skin 추가 - 첫화면에 박스출력 - Auto Slide 지원 •본문 메뉴(GNB)를 ...
    • 2022.05.02
    • 문하우스 Simple 레이아웃 V 1.4 (2020.12.13 Up)
    • V1.4 수정내용(2020.12.13) 1. 코드정리 2. 자체 로그인 탑재 3. 메뉴 아래 "mh_simple 소식"은 M...
    • 2015.05.18
    • Mh Thomsander Layout V1.0
    • [특징] - 페이지안에서 부메뉴가 Box형식으로 열립니다. - 배경이미지를 슬라이드로 출력합니다. ...
    • 2019.09.12
    • Mh White Layout V1.1
    • [ V1.1 특징 ] 1. 본문 상단에 Accordions / TiltedContent 이미지박스 출력선택 - mwea.html 와 ...
    • 2019.04.04
    • Mh LeftMenu 레이아웃 V1.2
    • [특징] - Sub메뉴를 좌측 Wing영역에 배치하여 Sub메뉴의 활용도를 높였습니다. - 최대한으로 코...
    • 2019.01.07
    • MH FullPage 레이아웃 V1.2
    • 마우스 휠 한번 작동시 전체 화면 스크롤되는 FullPage 레이아웃입니다. [Tip] 페이지에 Youtube...
    • 2018.12.04
    • MH Pointy Slider 레이아웃
    • MH_Pointy-Slider 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정...
    • 2018.10.27
    • MH_Sliding 레이아웃
    • MH_Sliding 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정했습니...
    • 2018.10.20

XE Of MoonHouse

페이지위에 떠 있는 보드위젯입니다. 내려받은 notice.rar의 압축을 푸시고 widgets폴더 통째로 zbxe가 설치된 서버에 ftp로 올려주신후 최근문서위젯을 선택후 떠있는 보드스킨 을 선택하시고 설정을 마치시고 저장을 하시면 됩니다. 중요한 내용을 화면위에 띄울 수 있으니 사용하기에 따라 활용도가 있을 것 같군요. (익스에서만 X종료 버턴이 작동을 합니다. 파폭에서는 보이긴 하는데 종료가 안 되는 군요) 아래에 있는 것 같이 떠다니게 할려고 해보니 스크립트가 작동을 안하네요. 실력의 한계를 절감 OTL /zbxe/widgets/newest_document/skins/notice 안에 있는 list.html 를 편집기로 열어보면 <!-- 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 --> <!--%import("js/normal.js")--> <div id="Notice" style="position:absolute;left:440px;top:220px;filter:revealTrans(transition=23,duration=0.5) blendTrans(duration=0.5);z-index:5;"> // 떠있는 위치 좌표,(왼쪽에서 140 위에서 220이란 뜻) <table border="0" cellpadding="0" cellspacing="0" > <table border="0" cellpadding="0" cellspacing="0" > <tr> <td colspan="3"><img src="./images/_notice_title1_left.gif"><img src="./images/_notice_title1_center.gif"><a href="javascript:void(Hide(Notice))" onMouseOver="window.status=(':: 공지사항 판때기 닫기!! ::');return true;" onMouseOut="window.status=('');return true;"><img src="./images/_notice_title1_right.gif"></a></td></tr> <tr> <td width="300" rowspan="3" bgcolor="white"> <table align="center" width="300"> <tr bgcolor="#E3E3E3"> <td colspan="2" style="border-width:1; border-color:#416B93; border-style:double;"> // 보드 테두리색 <table border="0" cellpadding="3" align="center" width="100%" cellspacing="1" style="cursor:default"> <tr bgcolor="#416B93"> // 보드 바탕색
ZbXE메뉴를 누르면 떠다니는 공지사항 보드 보입니다. 위 그림의 공지사항보드 만드는 방법 파일출력(fileadd) ver 0.1 열기 홈페이지 파일을 출력하게하는 위젯입니다. PHP코드가 작동하는 방식과 그냥 읽어서 출력하는 방식이 있습니다. js같은 파일은 그냥 읽어서 출력하는것이 좋을듯 합니다. 간단한 기능을 일일이 위젯이나 애드온을 만들지 않고 쓸 수 있습니다. 이 기능을 사용하여 페이지위에 공지사항보드를 추가 하는 파일입니다. 내려 받은 notice.zip파일을 압축해제 후 적당한 위치에 올립니다.(예;/notice 루트에 notice란 폴더로..) 공지사항을 띄울 페이지수정에 들어가 파일출력위젯을 눌러 파일경로란에 /notice/notice.htm 를 적고 저장을 눌러주면 됩니다. (중요 : /와 이름을 정확하게 적어주어야 합니다. 틀리면 홈페이지 안 열림) 공지사항 내용은 notice.htm을 편집기로 열어 보시면 아실 것입니다. <script language="JavaScript"> var x =0 var y=0 drag = 0 move = 0 window.document.onmousemove = mouseMove window.document.onmousedown = mouseDown window.document.onmouseup = mouseUp window.document.ondragstart = mouseStop function mouseUp() { move = 0 } function mouseDown() { if (drag) { clickleft = window.event.x - parseInt(dranoticebj.style.left) clicktop = window.event.y - parseInt(dranoticebj.style.top) dranoticebj.style.zIndex += 1 move = 1 } } function mouseMove() { if (move) { dranoticebj.style.left = window.event.x - clickleft dranoticebj.style.top = window.event.y - clicktop } } function mouseStop() { window.event.returnValue = false } function Show(divid) { divid.filters.blendTrans.apply(); divid.style.visibility = "visible"; divid.filters.blendTrans.play(); } function Hide(divid) { divid.filters.blendTrans.apply(); divid.style.visibility = "hidden"; divid.filters.blendTrans.play(); } //--> </SCRIPT> <body> <!--공지창소스 시작 --> <div id="Notice" style="position:absolute;left:222px;top:200px;filter:revealTrans // 이 부분이 위치정보(transition=23,duration=0.5) blendTrans(duration=0.5);z-index:5;; width: 300px" onmouseover="dranoticebj=Notice; drag=1;move=0" onmouseout="drag=0"> <table border="0" cellpadding="0" cellspacing="0" width="300"> <tr> <td colspan="3"><img src="../notice/_notice_title1_left.gif" width="10" height="19" border="0" style="cursor:move"><img src="../notice/_notice_title1_center.gif" width="273" height="19" style="cursor:move"><a href="javascript:void(Hide(Notice))" onMouseOver="window.status=(':: 공지사항 닫기!! ::');return true;" onMouseOut="window.status=('');return true;"><img src="../notice/_notice_title1_right.gif" width="17" height="19" border="0"></a></td></tr> <tr> <td rowspan="3" background="../notice/_notice_title3.gif"><img src="_space.gif" width="5" height="2"></td><td width="290" rowspan="3" bgcolor="white"> <table align="center" width="290"> <tr bgcolor="#000000"> <td colspan="2"> <table border="0" cellpadding="3" align="center" width="100%" cellspacing="1" style="cursor:default"> <tr bgcolor="#416B93"> <td colspan="2"> <div align="center"><font color="white"> <b>:: 공지사항 ::</b></font></div> </td></tr> <tr bgcolor="#E3E3E3"> <td colspan="2" align="center"> 공지사항 입니다..<br> 마우스로 잡아 끌면 움직이고 <br> X를 누르면 사라집니다. <br> 한가지.. 공지창의 위치를 잡는것이 <br> IE전용 스타일시트라서 <br> 파폭에선 제대로 작동되지 않습니다. <br> <br> </font></td> </tr> <tr bgcolor="#416B93"> <td colspan="2"> <div align="right"><font color="#FFFFFF" style="font-size:9pt">:: http://moonhouse.co.kr :: </A></font></div></td></tr> </table></td></tr> </table></td><td rowspan="3" background="../notice/_notice_title4.gif"><img src="_space.gif" width="5" height="2"></td></tr> <tr> </tr> <tr> </tr> <tr> <td colspan="3"><img src="../notice/_notice_title2.gif" width="300" height="5"></td></tr> </table></div> <!-- 공지창소스 끝 --> </body> 위치 정보는 말 그대로 좌에서 위치 상단에서 위치를 나타냅니다. img src="../notice/_notice_title1_left.gif 이미지삽입 부분들이 꽤 있는데 보드의 이미지파일들입니다. 귀찮아도 일일이 경로를 적어주셔야 보드가 예쁘게 나옵니다. 그리고 내용적는 곳
[업데이트] 깃허브다운 에서 내려받은 emoticon2.zip 의 압축을 풀어서 /modules/editor/components/emoticon2 업로드 하면 됩니다. 2,800개 정도의 이모티콘들 입니다. 이것 저것 다 끌어모아논 이모티콘 590여개 입니다. 받은 파일을 /zbxe/modules/editor/components/emoticon/tpl/images 안에 푸시면 됩니다. * simulz님의 종류별 모음+탭 메뉴 (#7, 20070909)에 적용한 emoticons.zip도 올립니다. 설치 해보기 첨부된 파일을 아래 폴더(새 폴더)에 압축을 풀면 됩니다. /zbxe/modules/editor/components/emoticons 업데이트 #2. 네이버 이모티콘을 포함 하였습니다. #3-0. 기본 이모티콘을 변경하지 않기 위해 새로운 컴포넌트로 만들었습니다. 폴더명에 주의하세요. (서버에 업로드 후, 위지윅 에디터 관리자에서 이모티콘 모음을 활성화 해주세요) #3-1. 파일 핸들러를 사용하여 소스 간략화 #3-2. 이모티콘을 여러개 입력할 수 있도록 자동으로 창을 닫는 옵션을 껐습니다. #4. 탭 메뉴로 이모티콘 폴더를 선택할 수 있도록 하였습니다. #5. IE에서 첫번째 메뉴 이미지 표시를 빠르게 하였습니다. #6. XE 0.1.3 이모티콘을 개량하여 탭메뉴로 출력됩니다. emoticons.class.php 파일에서 $use_tabmenu 변수로 탭 메뉴 사용 여부를 선택할 수 있습니다. ($use_tabmenu = 0; 으로 하게 되면 XE 기본 이모티콘 컴포넌트로 변경됩니다.) #7. 소스, 배열 구조 변경, 1차 폴더만 탭메뉴 생성 후 나머지는 1차에 병합 (소스 정리 필요...;;;) ※ 작동 테스트를 요청합니다. 문제 발생하는 분은 댓글 남겨주세요. (또는 소스에 대해 자문을 구합니다) 이모티콘을 더 추가하려면 emoticons/tpl/images 폴더에 새로운 이모티콘 폴더를 만든 후 이모티콘 이미지 파일을 업로드 합니다. emoticons.class.php 파일에서 자동으로 디렉토리와 파일을 읽어들입니다. ※ 탭 메뉴 사용시, 다단계 하위 폴더는 처리하지 않으므로 images 아래 1단계 폴더만 사용해주세요..

Xe Total

게시판 Category 제목 글쓴이 날짜 조회수
Xe 3 인사말 랜덤추출 스크립트 [xe적용방법] 팔공산 2008.02.19 6,064
Xe 특정게시판, 비밀글로 작성하기 팔공산 2008.02.14 36,509
위젯 홈페이지 소스공개 2탄 - 카운트위젯 스킨 file 팔공산 2008.02.12 5,248
서체세트 선택식 카운터 위젯 스킨(페이지뷰 추가) 팔공산 2008.02.12 4,545
round house 블로그 레이아웃 ver 0.1 팔공산 2008.02.09 3,984
위젯 40 홈페이지 소스공개 1탄 - 좌측 메뉴 만들기(정식버전수정) file
팔공산 2008.02.06 81,180
Xe 강제로 비밀글 체크 하려면... 팔공산 2008.02.05 4,337
이미지에디터(ImageEditor) v0.3 팔공산 2008.02.04 3,871
Xe 특정 게시판, 업로드된 그림 자동으로 본문에 출력하기 팔공산 2008.02.03 7,319
5 언제나 졸졸 스토커 애드온 0.2 팔공산 2008.02.02 5,806