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

1 2 3 4 5

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

템플릿 컴포넌트 폴딩 MH 템플릿 을 만들고 뭔가 아쉬움이 남아서 직접 에디터 컴포넌트로 만들어 보았습니다. • 기본 html과 css, 최종 마무리는 제가 했고, 90%는 Claude AI가 제작했습니다. Ver 0.6 - 2026.07.17최신개선 • 개선내용 폰트 색상 — 박스안 내용 폰트 색상을 지정할 수 있습니다. Ver 0.5최신버그수정기능추가 • 버그수정소제목 폰트 Bold — 소제목의 폰트 굵기가 적용이 잘 안되던 문제 수정 • 버그수정소제목 출력 버그 — 내용글 수정시 소제목 사라지는 버그 수정 • 기능추가font-size 지정 — 여러 항목들의 font-size를 각각 지정 할 수 있습니다. - px, em, rem, %, pt 형식등 허용 됩니다. • 개선구조적으로 변경 — V0.4 와 V0.5는 구조적으로 변경이 많습니다. • 기타내용 수동 삽입 방법 — 수동으로 이미지나 기타 다른 글들을 첨부 할 때는 해당 줄에서 Enter후 추가해야 수정 시 사라지지 않습니다. Ver 0.4 - 2026.06.29신규개선 • 신규Sub글 작성 — 내용글 아래 Sub글 작성 a. 지금의 형태가 됩니다. b. sub 내용글도 Drag & Drog 지원 됩니다. • 개선색상 자동 변경 — 최신 배지를 적용 할 때와 비 적용시 버전, 마크, 배경색 자동으로 변경 수정파일info.xml, mh_folding.class.php, popup.js, popup.css Ver 0.3 - 2026.06.25신규개선 • 개선항목 목록 순서 변경 - 항목 목록을 Drag & Drop로 순서를 변경할 수 있게 개선 • 신규수동으로 이미지 삽입 - 폴딩 내용안에 수동으로 이미지 삽입 가능 • 수정파일info.xml, popup.js, popup.css Ver 0.2 - 2026.06.25신규개선 • 신규폴딩 배경 색상 - 폴딩내 배경 색상을 선택할 수 있게 추가 • 개선팝업창 UI수정 - 컴포넌트 팝업창 옵션들의 UI를 수정 • 개선기존 폴딩 내용 수정 - 기존 폴딩 내용을 클릭후 옵션 변경후 수정 적용 • 수정파일mh_folding.class.php, info.xml, popup.html, popup.css, popup.js Ver 0.1 - 2026.06.24첫버전 • 신규Version 폴딩 기능 - 라이믹스 사이트에서 딱따고기님이 버전 정보를 폴딩으로 작성하는 것을 보고 제작 했습니다. 설치 방법은 간단합니다. 다운받은 파일 압축을 풀어서 mh_folding 폴더를 ./modules/editor/components/mh_folding 에 업로더하고 관리자 설정 에디터에서 항목 체크해 주면 됩니다. 그럼 게시판 글쓰기 항목에 "접기/펼치기 박스" 추가됩니다.
라이믹스의 글, 댓글에 다양한 반응을 남길 수 있는 기능을 제공하는 모듈입니다. 이모지(emoji), 움직이는 이미지 등 다양한 이코티콘을 추가할 수 있으며, 제공되는 템플릿 코드로 사용중인 게시판 스킨에 원하는 위치에 자유롭게 삽입할 수 있습니다. 아래는 오렌지데이즈 테마에 추가하여 적용한 예시입니다. 변경 내역 v1.0.3 (2025-03-12) Bug Fixes 디버깅을 위해 사용한 코드 제거 (4989602) v1.0.2 (2025-03-11) Bug Fixes #3 리액션 popover를 표시할 때 포커스가 잘못 이동하는 문제 수정 (a51f9dc) v1.0.1 (2025-03-11) Bug Fixes #3 CSRF 토큰 사용 설정 시 문제 수정 (fba5cea) 🎉 이 모듈의 첫번째 버전입니다. 미처 발견하지 못한 오류가 있을 수 있으며, 기능이 정상적으로 동작하지 않을 수 있습니다. 발견한 문제는 댓글이나 https://github.com/damoang-users/rx-da_reaction 이슈를 남겨주시기 바랍니다. 👉 리액션 버튼 삽입 및 이모티콘 추가하기 게시판의 글, 댓글 하단에 리액션 버튼이 자동으로 삽입됩니다. 원하는 위치에 삽입하거나 버튼 구성을 변경할 수 있습니다. 자세한 설치 및 적용방법은 다음 문서를 확인해주세요. https://damoang-users.github.io/rx-da_reaction/ 👉 개발현황 살펴보기, 참여하기 https://github.com/orgs/damoang-users/projects/2 👉 이 기능은 다모앙(damoang.net) 커뮤니티의 회원들의 기여를 통해 개발된 오픈소스 프로그램입니다.
야비아저씨님께서 공유해 주신 품질 좋은 레이아웃과 게시판스킨 기타등 입니다. 버전1.0.2 (2024-04-22) 게시판 - $_SERVER['HTTP_SEC_FETCH_DEST' 체크 제거 - 게시판 정렬(중앙, 좌측, 풀)추가 - 게시판 크기 입력 가능 - 작성글없음, 검색 결과 없음 추가 - 방명록 글읽기 아이프레임 팝업 제거 - 블로그 형식 레이아웃 수정 - 일부 빠졌던 js 파일 추가 - 하단 뱃지 감추기 기능 추가 - 기타 수정 레이아웃 - 로고, 사이트설명, 카피라이트 부분 수정 - 하단 뱃지 감추기 기능 추가 버전1.0.1 (2024-04-18) - 회원가입 버튼 에러 수정 - 게시판을 메인으로 할때 레이아웃 깨지는 문제 수정 - 갤러리형 게시판 비밀글 썸네일 안보이는 문제 수정 - 게시판 설정의 상단, 하단 글 보이게 수정 - 일부 css 수정 =============================================================== 소개 - 개인적으로 사용할 목적으로 제작한 스킨이라 에러가 있을 수 있습니다. 에러 발견하면 연락주세요. - 불필요한(정리안된) 코드와 파일이 존재합니다. 성능보다는 나름 디자인에 중점을 둔 스킨이기도 하고, 아직 미완성인것도 이유입니다. - 몇몇 기능중에 빼먹고 디자인이 적용 안 된 부분이 있을 수 있습니다. 제가 쓸일이 없다던지 해서, 그런 부분은 알려주시면 반영하도록 하겠습니다. 설치 방법 - 레이아웃 스킨, 게시판 스킨, 멤버 스킨, 새글 위젯 스킨 등 을 포함하고 있습니다. root(rhymix)폴더에 넣어 주시면 됩니다. 파일 구조와 사용된 소스가 궁금하시면 https://www.orangeday.com/xeskin - 공통요소을 관리할 목적으로 _asset 폴더 사용 공통적으로 사용되는 css 와 js 파일을 ./root/_asset/ 폴더에 모아 두었습니다. js 는 테마관련, 쿠키관련 설정파일입니다. 레이아웃, 게시판, 위젯 등 공통으로 사용하는 부분이 있어 관리의 편의를 위해 따로 폴더로 만들었습니다. 불편하시분은 따로 각각의 레이아웃과 게시판에 파일을 넣어 링크 수정 후 사용하시면 됩니다. - 레이아웃과 게시판은 연동되는 설정이 다수 존재 합니다. 게시판 스킨만 따로 사용하셔도 문제없습니다. - 폼위젯 필수설치 폼위젯 바로가기 윤삼님의 폼위젯을 게시판에 간단하게 사용할 수 있게 수정했습니다. 폼입력형식 스타일의 게시판을 사용하지 않으신다면 설치 안하셔도 됩니다. 구성 추가 폴더 - _asset/*.* 레이아웃 - layouts/OrangeDay_blog_layout 게시판 - modules/board/skins/OrangeDay_board 기타모듈 - modules/communication/skins/OrangeDay_communication - modules/integration_search/skins/OrangeDay_integration_search - modules/member/skins/OrangeDay_member - modules/message/skins/OrangeDay_message 위젯 - widgets/ap_form/skin/OrangeDay_ap_form (폼위젯 필요) - - ※ 설치후 별도 설정 X - widgets/content/skins/OrangeDay_content - - ※ 레이아웃 설정에서 관리 가능 - widgets/counter_status/skins/OrangeDay_counter_status - - ※ 포인트 모듈 사용, 별도 설정 X 특징 - 다크모드 / 대표색상지정 / 레이아웃 지정 등에 쿠키 이용 - 게시판 유형 : 목록형-ul, 목록형-table, 갤러리형, 웹진형, 웹진리스트형, 북마크형, 방명록, 입력폼, 블로그, 히스토리, 유투브 - 최종 테스트 : rhymix 2.1.14, php8.2.7p1 - 게시판 오른쪽 상단에 톱니바퀴를 클릭하시면 게시판 유형을 선택할 수 있습니다. 미리보기 https://www.orangeday.kr/ 간단 매뉴얼 - https://www.orangeday.kr/SkinForum/ ※ 저렴한 호스팅이라 트래픽이 막힐수 있습니다. 스크린샷
자료 소개 웹브라우저에서 푸시알림 지원을 해주는 모듈입니다. 설치 경로 /modules/jwebpush 테스트 환경 Rhymix 2.0 라이선스 GPL v2 라이믹스 가장 최근버전 Rhymix 2.0.24 기준입니다. 얼마전에 팁게시판에 팁으로 공유했던 기능을 모듈화해서 다시 공개자료실에 배포하게 되었습니다. 배포할거면 모듈화 하는게 어떻겠냐고 댓글을 주셔서 생각끝에 이쪽저쪽 참고하여 모듈로 만들었습니다. 아무래도 코어 수정을 하지 않도록 해야 할 것 같아서 간단하게나마 모듈제작까지 하게 되었네요. (딱 알림에 필요한 코드만 집어넣었습니다.) 모듈로 만들어 배포까지 하게 된건 처음이라 수정사항이 있을 지는 모르겠습니다만 테스트한 바로는 잘 됩니다. 혹시 사용중 이상이 있거나 수정해야 할 부분이 있으면 언제든지 알려주세요. 그리고 팁게시판에 올린 글은 내용을 삭제해 놓겠습니다. 혹시라도 기존 팁을 보시고 적용하신 분들이 계시면 다음 순서대로 원상복구 후 본 모듈을 적용해주세요. 1. user_conf 모듈은 삭제해주세요. 2. ncenterlite.controller.php 에 끼워넣었던 코드(1146라인 쯤)도 삭제해주세요.(다른 코드를 삭제하지 않도록 주의) 이후에 본 모듈을 설치해주시면 됩니다. ------------------------ 1. 먼저 https://www.flarelane.com/ 에 접속 후 '무료로 시작하기'를 클릭합니다. (유료 플랜도 있는데 접속자 규모가 크거나 여러 기능을 이용해야 하는 경우엔 유료로 해주시면 될것 같습니다.) 그럼 관리자 콘솔로 이동되는데 그곳에서 좌측 메뉴의 설정->프로젝트를 클릭하여 프로젝트를 생성해줍니다. 프로젝트가 생성되면 '프로젝트 ID'와 'APIKEY'를 받을 수 있습니다. 이후 좌측 메뉴에서 설정->채널을 클릭합니다. 그곳에서 채널관련 여러 설정들을 입력해줍니다.(기본설정/위젯설정/팝업설정-훑어보시면 알수 있을겁니다.) 2. 첨부한 sw.js파일을 홈페이지의 루트경로(/)에 업로드해줍니다. (예: https://도메인주소/sw.js) 3. 첨부한 jwebpush폴더를 모듈(/modules)폴더에 업로드해줍니다. 4. 레이아웃 파일의 가장 아래부분에 다음 코드를 붙여넣기합니다.(모바일 레이아웃이 별도로 있다면 그쪽에도 같이..) ("플레어 레인에서 받은 프로젝트 ID 입력") 부분은 수정해야합니다.(따옴표 안에 입력) <script src="https://cdn.flarelane.com/WebSDK.js" charset="UTF-8"></script> <script> FlareLane.initialize({ projectId: "플레어 레인에서 받은 프로젝트 ID 입력" }); FlareLane.setUserId('{$logged_info->user_id}'); </script> ------------------------ 설치할 부분은 여기까지입니다. 이후 관리자 페이지->설치된모듈->(F)웹푸시 모듈로 들어갑니다. - (F)웹푸시모듈 사용 : 예 - 프로젝트 ID : 플레어레인에서 받은 '프로젝트 ID' 입력(플레어레인의 프로젝트 메뉴에 생성되어 있습니다.) - APIKEY : 플레어레인에서 받은 'APIKEY' 입력 관리자페이지->설치된모듈->알림센터로 들어갑니다. - 기본설정에서 웹알림 체크박스에 모두 체크를 해줍니다. # iOS를 사용하는 기기에서는 아직 웹푸시 지원이 되지 않습니다. 2023년 중에 지원할 예정이라고는 합니다. iOS까지 지원을 시작하게 되면 오직 알림이 필요해서 안드로이드/애플 앱을 만들게 되는 가성비 최악의 상황은 없어지겠네요. 갈수록 앱 승인받기도 엄청 까다로워지는 것 같던데... 수정사항 1.1.0 url 링크에서 http가 빠져 클릭시 해당 페이지로 가지 못하던 부분 수정
php8.2 호스팅 사이트 수정을 의뢰 받아서 레이아웃과 게시판 스킨을 8.2에 작동하게끔 하기 위해서 A.I 들의 도움을 받았다. 생각보다 쉽게 수정을 해 주어서 조금 놀라웠다. 이제 정말 질문만 잘하면 웬만한 코딩이나 기능들은 A.I 가 해 주는 시대가 도래한 것 같다. 의뢰받은 사이트 수정을 마치고 본격적으로 A.I 들에게 질문들을 던졌다. 주로 내가 만들었던 위젯들을 중심으로 php8 이상으로의 호환성과 이제껏 사용해 오면서 불편했던 기능들을 중심으로 질문을 던지고 답을 구했다. 1월 20일쯤 부터 오늘이 2월 8일 이니까 근 20일 정도 매일 무료로 사용할 수 있는 시간동안 A.I 들을 괴롭히면서 답을 구했다. 먼저 사용해본 A.I 사이트 종류부터 나열하면 1. ChatGPT https://chatgpt.com/ 2. Claude https://claude.ai/new 3. DeepSeek https://chat.deepseek.com/ 4. 그 외 별 도움되지 않은 마이크로소프트의 Copilot, 구글의 Gemini, 네이버의 Cue:등이 있다. - 4번들은 이미지파일과 문서파일 들만 업로드가 되어 불편해서 사용을 잘 하지 않아서 이번에는 제외 합니다. 결론 부터 먼저 답을 하고 진행하면 저의 선택은 Claude 였습니다. 제가 올린 질문들에 가장 깨끗하고 알아보기 쉽게 답해 주었으며 거의 모든 답을 주었습니다. MH Tab Slide 위젯의 어려운 기능들을 구현해 주었습니다. 라이믹스에 대한 이해도가 굉장히 뛰어납니다. 페이지기능 위젯들의 페이지기능을 완벽하게 수정해 주었으며 설정들을 빠짐 없이 재코딩에 반영해 주었습니다. 이것을 왜 말을 하냐면 ChatGPT 같은 경우는 설정들을 마음대로 생략해 버리는 경우가 많았습니다. 붙여 넣기후 프로그램 실행 후 확인해 보면 빠진 설정들이 수두룩 했습니다. 빠진 설정이나 기능들을 다시 물어야 답해 주는 정도 였습니다. 근데 Claude 단점도 있습니다. ChatGPT의 경우는 압축파일도 지원해서 프로그램 전체를 압축해서 올리고 질문이 가능한데 Claude 의 경우는 html, css, js등의 파일을 따로 따로 올리거나 코드를 복사해서 붙여 넣기를 해야 합니다. 이 경우는 DeepSeek도 마찬가지 였습니다. 근데 파일을 붙여 넣기 해보면 Claude 의 경우는 일일이 화면에 붙여넣기한 코드를 나열하지 않고 파일형식으로 만들어 보여 주어서 깔끔하고 좋았습니다. [붙여 넣기 한 화면] [파일을 올린 화면] DeepSeek의 경우는 답은 잘 해 주는 것 같은데 조금만 물어보면 아래의 메세지 내 보내고 종료해 버립니다. The server is busy. Please try again later. 그래서 세밀하고 어려워서 질문을 많이 해야 하는 경우는 사용하기가 힘듭니다. 단순한 질문이나 css조정 같은 경우 사용할만 합니다. ChatGPT의 경우는 위에서도 언급했지만 코드들을 생락해 버리는 경우가 많아서 믿음이 가지를 않았습니다. 그리고 너무 장황하고 화면이 보기 어려운 부분도 있습니다. 제가 느끼기에 이 정도는 네가 알아서 해라 하는 설명도 많았습니다. 거기에 비하면 Claude 나 DeepSeek 는 조금 자세한 설명을 하는 느낌이나 UI 입니다. Claude 가 가장 친절한 느낌이랄까... 부연 설명으로 MH Tab Slide 위젯 의 기능들을 실현하면서 느낀 각 A.I 의 대응을 간략히 설명해 보겠습니다. 먼저 MH Tab Slide 위젯은 XE 초창기에 만들어졌던 tab_newest_document 위젯을 바탕으로 php8 이상에서 작동하고 목록들이 slick.js 이용하여 좌우로 슬라이드 되게 만들었습니다. 이전에 저 혼자 끙끙되며 구현해 볼려고 하다가 어려워 미완성 상태로 있는 것을 발견하고 A.I 들에게 물러보면 되겠다 싶어서 질문을 시작했습니다. 1. 제가 어려웠던 기능이 첫 Tab의 목록들은 좌우로 슬라이딩이 작동되는데 다른 Tab에서는 작동이 안되는 문제 였습니다. 이 부분은 ChatGPT 가 별로 시간들이지 않고 php8 이상에서의 호환성과 코드를 간결하게 해 주었습니다. 2. 근데 다음으로 질문한 "첫 Tab의 마지막까지 가면 다음 tab으로 가게 할 수 있나요?" 라는 질문에 답을 주지를 못하더라구요 계속 안되는 코드만 나열하고 크롬의 console.log()를 요구하면서 답을 주지를 못합니다. 그렇게 무료 이용 시간이 흘러 중단 3. DeepSeek 에게 물어니 몇번 답하다 안되다고 하니 바쁘다고 종료!! 4. Claude 에게 물어보니 답을 주는데 약간씩 문제를 일으키지만 답을 주는 느낌이 들었지만 무료 시간이 지나 종료 그렇게 한 3번의 무료 시간이 지날 동안 정답을 주지는 못하더라구요. 그래서 이놈 저놈에게 물어봐도 Claude 가 마지막에 준 답 보다도 못하더군요. 5. 마지막날 작동 안되는 기능과 console.log()를 주니 드디어 정답을 주네요. 으하하~~ 정답 답변과 잔잔한 질문들 이상과 같이 Claude A.I 가 정답을 주어서 잘 작동하는 위젯을 하나 탄생 시켰네요. 참고로 처음 질문에 "한글로 답변줘" 안 붙이면 A.I 모두 영어로 답변 합니다. 그리고 질문시 좀더 정확하고 명확한 질문을 하지 않으면 잘못된 답변을 줍니다. 이런 경우 뻘짓하다가 무료 시간 다 갑니다. 질문을 잘하는 법을 배워야 겠습니다. 이제 어떤 분야이던 질문을 잘하는 학원이 생기지 않을까 예측해 봅니다. 다음에 새로운 A.l 기능들을 알아가면 다시 글 남기겠습니다.
홈페이지 작업이나 기타 작업시 요즘은 Github를 많이 사용합니다. 저 같은 경우는 라이믹스의 프로그램이나 용량이 좀 되는 프로그램의 다운 링크 로 이용중입니다. Github 에 새 보관소 만들고 파일들 올리고 PC에 저장하고 Tag를 달고 Release생성등 관리하는 방법을 간략히 올리겠습니다. Github에 접속하고 프로그램을 설치하는 방법은 인터넷에 널려 있는 관계로 생략합니다. 저는 Git Bash 사용(Dos 느낌)을 배제하고 Github 홈피와 GitHub Desktop만 이용하여 작업을 하겠습니다. 1. 깃허브 홈피에 접속해서 로그인을 합니다. GitHub · Build and ship software on a single, collaborative platform Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity. from GITHUB.COM 바탕화면에 GitHub Desktop이 설치된 상태이고 홈피에 접속한 상태에서 + 를 누르고 "New repository"를 클릭합니다. 2. 보관소 제목과 설명, 개인(Private) or 공용(Public)을 선택 3. 보관소가 생성되었습니다. "uploading an existing file" 클릭해서 프로그램이나 파일들을 올립니다. 4. 드래그 앤 드래그나 파일을 선택해서 올리면 됩니다. 5. 정상적으로 올라간 저장소 모습 6. GitHub Desktop을 사용해서 저장소를 PC로 가져오기 "Add > Clone repo..." 를 클릭해서 홈피의 내용과 동일한 내용을 PC로 가져옵니다. 7. Clone 생성 홈피에서 만든 보관소 이름으로 검색해서 찾고 "Local path"를 선택하는데 보관소 이름의 상위 폴더를 선택하면 자동으로 보관소 이름 폴더가 만들어 집니다. 8. Tag생성 Release를 생성할려면 Tag가 있어야 하는데 Tag 생성은 제가 아무리 이리 저리 알아봐도 홈피에서는 만드는 방법을 찾지를 못했습니다. 그래서 GitHub Desktop을 사용해서 Tag를 만듭니다. "History" > "Create Tag..." 클릭 Tag를 만들고 나면 깃허브에 올리는 "remote"화면이 니옵니다. "Push origin"을 눌러 동기화 시킵니다. 9. Release를 생성 하는 방법 Tag를 생성했으니 release를 만들 수 있습니다. 5번 이미지의 우측에 있는 "Create a new release"를 클릭 "Chose a tag" 눌러 GitHub Desktop 에서 만든 Tag를 클릭하고 내용을 작성하고 "Publish release" 합니다. 10. 릴리즈가 완성된 모습 * repository(보관소) 삭제하는 방법 보관소 우측에 "Settings"를 클릭 해서 가장 하단으로 가서 "Delete this repository" 클릭해서 마지막 화면에서 보관소 주소 이름을 입력후 삭제를 눌러주면 위와 같이 인증화면이 나옵니다. 자신에게 맞는 방법을 선택해주면 보관소가 삭제됩니다. * 용량 큰 파일 올리는 방법 깃허브 홈피에서는 25M 이상의 파일은 올라가질 않습니다. Yowza, that’s a big file. Try again with a file smaller than 25MB. 그리고 파일의 갯수도 한도가 있습니다. GitHub Desktop을 이용하면 제가 알기로는 100M 까지는 올라가는 것으로 압니다. 저는 96.9MB자리 동영상까지 올렸습니다. 파일의 갯수도 별 문제가 되질 않네요
XeTown에 아래와 같은 질문이 올라와서 팁으로 남깁니다. 확장변수 슬픔 ,기쁨, 노여움 있다고 가정 할 때 슬픔을 선택한 글만 위젯으로 불러 올수 있는지요? 이미 구현되어 있는 위젯이 있다면 좀 알려주시고 어떦게 구현 해야 하는지 설명 주시면 감사하겠습니다 먼저 사용할 위젯을 선택합니다. 어떤 위젯이던 별 상관 없습니다. 지금 홈피에 사용중인 위젯 이라면 스킨을 따로 하나 만들어 적용하면 좋습니다. 보통 위젯의 skins 폴더에서 해당 스킨을 선택해 들어가면 외형틀.html 파일이 있습니다. 해당 파일이 list.html 이라고 가정하고 편집기로 열어보면 아래와 같은 foreach 문이 보입니다.(위젯별로 약간은 다를 수 있음) <!--@foreach($widget_info->document_list as $oDocument)--> 이 부분 아래를 확장변수 ID 별로 선택 값 따라 출력되게 하는 방법입니다. (확장변수 ID 가 select / 선택지가 슬픔, 기쁨, 노여움 3개) <!--@foreach($widget_info->document_list as $oDocument)--> {@ $eid = $oDocument->getExtraEidValueHTML('select'); $eid_a = $oDocument->getExtraEidValueHTML('select')=='슬픔'; $eid_b = $oDocument->getExtraEidValueHTML('select')=='기쁨'; $eid_c = $oDocument->getExtraEidValueHTML('select')=='노여움'; } <div cond="$eid"> <div cond="$eid_a"> <span>내용 영역(해당 위젯에 따라 다르겠죠)</span> </div> </div> <!--@end--> 위와 같이 편집후 위젯 설정에서 대상모듈을 해당 게시판으로 지정하면 확장변수 ID 가 "select" 이고 값이 "슬픔"인 내용글만 출력됩니다. cond="$eid_a" 이 부분만 $eid_b, $eid_c 로 바꾸어 주면 해당 값의 내용이 출력됩니다. Mh Multi Widget 에서 List형식으로 일반적인 출력 입니다. 적용부분이 확장변수 ID 이고 값으로 적용,변형, NO 중 "변형"값만 출력해 보면 아래와 같이 출력됩니다. 한가지 문제점이 리스트 목록수가 전체 목록수를 따라 갑니다. 더 나아가... <div class="emotion-filters"> <button type="button" class="filter-btn" data-emotion="슬픔">슬픔</button> <button type="button" class="filter-btn" data-emotion="기쁨">기쁨</button> <button type="button" class="filter-btn" data-emotion="노여움">노여움</button> </div> <div class="content-area"> <!--@foreach($widget_info->document_list as $oDocument)--> <!--@if($document_count[$oDocument->getExtraEidValueHTML('select')] < 5)--> {@$document_count[$oDocument->getExtraEidValueHTML('select')]++} <div class="content-item" data-emotion="{$oDocument->getExtraEidValueHTML('select')}"> <span>내용 영역(해당 위젯에 따라 다르겠죠)</span> </div> <!--@end--> <!--@end--> </div> <script> $(function() { $('.filter-btn').click(function() { var emotion = $(this).data('emotion'); $('.content-item').hide(); $('.content-item[data-emotion="' + emotion + '"]').show(); $('.filter-btn').removeClass('active'); $(this).addClass('active'); }).first().click(); }); </script> <style> .emotion-filters { margin-bottom:20px;} .filter-btn { padding:8px 16px; margin-right:10px; border:1px solid #ddd; background:#f5f5f5; cursor:pointer;} .filter-btn.active { background:#007bff; color:white; border-color:#0056b3;} .content-item { margin-bottom:15px; padding:10px; border:1px solid #eee; display: none;} </style> 위와 같이 코드를 짜면 해당 버턴 클릭시 각각의 내용물이 5개씩 출력됩니다. https://moonhouse.co.kr/wtest [ 위젯으로 만듬 ] https://moonhouse.co.kr/xemy/595959
Xetown에서 아래 내용이 있어서 팁으로 남겨 봅니다. 왕초보입니다..홈페이지 게시판 검색창 키워드 변경 문의 홈페이지의 한 게시판입니다 여기 제목+내용 되어있는 곳 제가 원하는 검색 키워드로 바꾸고 싶은데 어디서 변경가능한가요..? by 박마리 from XETOWN 먼저 테이블을 만들어야 합니다. 아래 사이트를 활용하면 유용합니다. HTML Tables generator – TablesGenerator.com Free and easy to use online HTML Tables generator -- enter table data and paste the generated code into your website from TABLESGENERATOR.COM 일단 사용하는 게시판 스킨에서 본문에서 확장변수가 출력되는 부분을 찾습니다. xedition 스킨을 예로 들면 _read.html 파일의 아래 부분입니다. <!-- Extra Output --> <div class="exOut" cond="$oDocument->isExtraVarsExists() && $oDocument->isAccessible() && $module_info->data_form==''"> <table border="1" cellspacing="0" summary="Extra Form Output"> <tr loop="$oDocument->getExtraVars() => $key,$val"> <th scope="row">{$val->name}</th> <td>{$val->getValueHTML()} </td> </tr> </table> </div> <!-- /Extra Output --> <!--// 폼형태 --> <include cond="$module_info->data_form=='Y' && $oDocument->isExtraVarsExists() && $oDocument->isAccessible()" target="_read_form.html" /> 먼저 skin.xml를 열어서 설정을 추가합니다. <var name="data_form" type="radio"> <title>폼 형태</title> <description>확장변수를 폼형태로 출력합니다.</description> <options value=""> <title>출력 안함(기본)</title> </options> <options value="Y"> <title>출력</title> </options> </var> _read.html 파일에 빨간색 코드를 추가합니다. 그리고 아래의 내용으로 _read_form.html 새 파일을 만듭니다. <div class="form_box"> <table class="tg" loop="$oDocument->getExtraVars() => $key,$val"> <thead cond="$val->getValueHTML()"> <tr cond="$val->eid=='f0'"> <td class="tg-21kx"> {$val->getValueHTML()} </td> </tr> </thead> </table> <div style="overflow-x: auto;"> <table class="tg"> <thead loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML()"> {@ $bg1=$val->eid=='f1' || $val->eid=='f3' || $val->eid=='f5'; $bg2=$val->eid=='f2' || $val->eid=='f4' || $val->eid=='f6'; } <tr cond="$bg1"> <td class="tg-yfhh form_n">{$val->name}</td> <td class="tg-yfhh form_v">{$val->getValueHTML()}</td> </tr> <tr cond="$bg2"> <td class="tg-yfhh form_n bg">{$val->name}</td> <td class="tg-yfhh form_v bg">{$val->getValueHTML()}</td> </tr> </thead> </table> </div> </div> <style type="text/css"> .form_box { display:flex; justify-content:center; align-items:center; margin-bottom:10px; } .tg { border-collapse:collapse; border-spacing:0; } .tg td { border:1px solid #ddd; padding:5px; box-shadow:0 1px 2px rgba(0,0,0,.2); overflow:hidden; word-break:normal; } .tg .tg-21kx { display:table-cell; vertical-align:middle; text-align:center; min-width:100px; } .tg .tg-yfhh { vertical-align:middle; line-height:30px; } .tg .form_n { padding:0 10px; text-align:left; min-width:50px; font-weight:bold; background-color:#f6f6f6; } .tg .form_v { padding-left:10px; width:300px; background-color:#fcfcfc; } .tg .bg { background-color:#fff; } </style> 확장변수 ID를 f0, f1, f2, f3... 으로 지정한 경우입니다. read_form.zip 작성자의 입맛에 맞게끔 수정하면 됩니다. 확장변수 검색을 Y로 선택하면 검색에서 해당 입력항목 이름으로 검색이 가능합니다. f0의 경우는 "확장변수 업로드 모듈"을 사용하며 확장변수에 이미지를 출력하게 만들어줍니다. 출력화면 입니다.

Xe Total

게시판 Category 제목 글쓴이 날짜 조회수
모듈 1 게시글 별 평점 모듈 file 팔공산 2026.01.27 323
모듈 게시판 기능 확장 모듈 V1.2 file 팔공산 2026.01.22 319
css 굵은 폰트만 따로 글꼴 지정하는 방법 file 팔공산 2026.01.07 44
모듈 17 게시글 별 평점 모듈 V1.5 - 2026. 01. 09 file
팔공산 2025.03.17 3,356
MH Tab Slide 위젯 V1.1 file 팔공산 2025.02.06 1,193
JavaScript 잠시 보고 사라지게 만드는 javascript file 팔공산 2026.01.02 39
문하우스 스케치북 스킨 관리자 화면에 쉽게 접근할 수 있는 "위저드" 기능을 제거하면 성능이 눈에 띄게 개선 file 팔공산 2025.12.31 52
문하우스 SketchBook5 게시판 스킨 공지사항을 폴딩 형식으로 출력하기 2탄 file 팔공산 2025.12.30 51
구충제 모듈 v2 file 팔공산 2025.11.06 39
css 하단 영역을 브라우즈의 최하단에 고정시키는 방법 file 팔공산 2025.11.05 33