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

• 기존 스케치북 게시판 스킨에 덮어 쓰기 해도 잘 작동됩니다. (혹시 모르니 백업은 필수!!) - /modules/board/skins/sketchbook5 에 모든 파일을 덮어 쓰기 하면 됩니다. • XE 사용자의 경우 xe.zip 파일의 압축을 풀어서 _read.html & list.html & write_form.html & _write_form_mobile 을 덮어 씌우면 작동합니다. - 사용 환경(xe버전, php버전등)에 따라서 정상 작동하지 않을수도 있습니다. XE에서는 테스트 후 적용을 검토하세요. • 오리지날 스케치북 게시판 메뉴얼 • 개발 버전은 Github에 올려져 있습니다. 이전 버전들 의 내용이 너무 길어져서 V3.0 부터는 새로운 글로 시작합니다. Ver 3.6 - 2026.07.28최신기능추가개선 • 기능추가본문글 자동 스크롤 적용 — 스크롤 속도, 스크롤 대상 선택자, 헤더 여백, 속도 다이얼 표시 • 개선댓글 평점 Stat 삭제 — 리스트, 웹진형 목록글 아레에 댓글 출력시 평점 Stat 삭제 • 개선버전 출력 — 업로드 파일 이름에 버전 정보가 존재하지 않아도 xml 파일을 읽어서 버전 출력 압축 파일 안에 본 프로그램 그대로 압축 Ver 3.5.3 - 2026.06.28버그수정개선수정파일만 제공 • 버그수정댓글 평점 기능 수정 — 댓글 작성 없이 댓글 등록 되는 버그 수정 • 개선목록글 아래 댓글 출력 — 리스트, 웹진형 목록글 아레에 댓글 출력시 평점 Stat로 출력 • 수정파일_comment_write.html, list_comment.html, list_webzin_comment.html, board.css Ver 3.5.2 - 2026 06 13 - 수정 파일만 업로드 • 댓글 등록시 평점 입력 추가 - skin.xml, _comment.html, _comment_write.html Ver 3.5.1 - 2026 05 30 - 수정 파일만 업로드 • 릴리즈 정보 모듈 에 정상적으로 작동하는 버전 - write_form.html, _read.html • 자료실 형태 출력 시 앞 칸에 버전 정보 출력 - _read_data.html - 단, 업로드 파일 이름에 버전 정보가 존재해야 됨(ex; sketchbook5_MH V3.5.zip) Ver 3.5 - 2026.01.13신규버그수정기능추가개선 • 버그수정php8.4에서 에러 수정 리스트, 웹진, 첫 글만 썸네일형 목록에서 댓글 출력 순서 / 댓글 칸 출력 형태 변경 시 리스트, 웹진, 첫 글만 썸네일형 목록에서 목록에 #태그 출력 시 수정파일 - skin.xml, _list_FirstThumb.html, _list_normal.html, _list_webzine.html • 버그수정외부 링크 파일을 로그인 회원만 확장 변수 활용 다운 받게 하는 방법 수정 - 새 창 대신 현재 창에서 파일 다운로드 가능 수정파일 - down.html • 개선댓글에 지정 문구 출력 - 댓글에 이미지, 동영상만 존재할 때 리스트 댓글에 지정 문구 출력 등 수정파일 - list_comment.html, list_webzin_comment.html, __setting.html, skin.xml, img/image-line.svg, img/file-video-line.svg • 개선자료실 형태 출력 시 Total 다운 수 출력 수정파일 - _read_data.html • 기능추가확장 변수 지정일 후 숨김 처리 - rhymix.org/qna에 적용되어져 있는 기능 확장변수 설정 > 지정 날 수 Over Hidden 확장변수 ID 수정파일 - extravars.html, skin.xml • 신규Wizard 설정 게시판 상단에 출력 - https://moonhouse.co.kr/xetip/601072 전체 설정 > 위저드 설정 사용 수정파일 - list.html, skin.xml, _wizardsetting.html • 기타지정 시간(5초)이 지나면 게시판 화면에서 사리 지게 만드는 기능들 - https://moonhouse.co.kr/html/601127 수정파일 - board.js, list.html, ver.html, _wizardsetting.html • 신규게시글 별 평점 모듈 업데이트 - https://moonhouse.co.kr/xemy/598200 본문 일반 설정 > 게시글 별 평점 모듈 사용 평가 회원 출력 추가 - 일반 출력, 관리자만 출력, 출력 안함 평가 회원 출력 형태 - Simple, Default, Simple + Default(관리자) 수정파일 - _read.html, skin.xml, vote_members.html, vote_member.css • 개선skin.xml 파일에 영어버전 포함 [ V3.4 수정 ] 2025.11.14 잔잔한 버그 및 코드 수정 1. https://moonhouse.co.kr/xemy/590994#comment_600573 2. 댓글부분 클립보드로 복사하기 잘못된 링크 코드 수정 - 수정전 - <a class="copycomLink" style="font-size:12px; color:#aaa" href="{getUrl('', 'mid', $mid, 'act', 'document_srl', $comment->document_srl, 'comment_srl', $comment->comment_srl)}#comment_{$comment->comment_srl}" data-clipboard-text="{getFullUrl('', 'mid', $mid, 'act', 'document_srl', $comment->document_srl, 'comment_srl', $comment->comment_srl)}#comment_{$comment->comment_srl}" onclick="return false;">#comment_{$comment->comment_srl}</a> -수정후- <a class="copycomLink" style="font-size:12px; color:#aaa" href="{getUrl('', 'mid', $mid, 'document_srl', $comment->document_srl)}#comment_{$comment->comment_srl}" data-clipboard-text="{getFullUrl('', 'mid', $mid, 'document_srl', $comment->document_srl)}#comment_{$comment->comment_srl}" onclick="return false;">#comment_{$comment->comment_srl}</a> [ V3.3.2 수정 ] 2025.03.19 1. 리액션 모듈 추가 [ 본문 일반 설정 > 리액션 모듈 사용 ] https://rhymix.org/pds/1902871 2 게시글 별 평점 모듈 추가 [ 본문 일반 설정 > 게시글 별 평점 모듈 사용 ] https://moonhouse.co.kr/xemy/598200 3. 게시판 목록에 별 평점 출력 - 목록형, 웹진형, FT형 4. php8 이상 버전 에서의 in_array 오류 수정 list.html 파일 php8 이상에서 오류 수정 - 'category' 따옴표 누락 href="{getUrl(category,$val->category_srl,'document_srl','','page','')}" href="{getUrl('category',$val->category_srl,'document_srl','','page','')}" [ V3.3 수정 ] 2025.03.01 Php 8.0 이상에서 정상 작동됨 1. 목록형 선택시 목록이 본문폭을 넘어 설때 마우스 휠 좌우 스코롤로 작동하기 [ 전체 설정 > ┖ 마우스 휠 좌우 스코롤 ] https://moonhouse.co.kr/html/594178 2. 본문에서 테이블 가로폭이 본문을 넘어설때 마우스 휠 좌우 스코롤로 작동하기 table의 class를 tg로 줘야함 <table class="tg" style="width:1000px"> 내용 </table> 3. 거래장형 Url 바로가기 확장변수 번호 오류 수정 4. 게시판목록 조회수별 아이콘출력 설정 이미지 기본 수 적용 오류 수정 5. 확장변수 형식에 폼형태(좌측 사진) 추가 [ 확장변수 설정 > ★폼 형태 ] https://moonhouse.co.kr/xetip/594999 6. 내용글 세로 칸수 지정 - 웹진형, 첫글 썸네일형 [ V3.2 수정 ] 2024.11.14 [긴급 수정] 게시판 List 형식시 분류가 있는 공지글 작성시 분류칸이 넓어지고 제목칸이 좁아지는 오류 수정 이 오류만 수정할려면 V3.2에서 _notice.html 파일만 교체해도 됩니다. 1. 웹진형 리스트에 에드센스 삽입 3개까지 추가 - https://moonhouse.co.kr/xetip/592403 [ 웹진형 설정 > ★웹진형 리스트에 광고 삽입(FT) ] Sample - https://moonhouse.co.kr/festival 2. 목록형 List 애드센스 출력 Sample -https://moonhouse.co.kr/free 3. 추천인 기능 추가 [ 본문 일반 설정 > 추천인 표시 ] 4. 게시판에 여러개 업로드된 파일을 파일명 으로 정리 https://xetown.com/questions/1844831#comment_1844839 [ 첨부파일 > ┖ 파일이름명 순서대로 출력 ] 5. 게시판 전체영역(List, 본문등) table 가로 overflow-x: auto 적용 https://xetown.com/questions/1845494#comment_1845571 [ 전체 설정 > table 가로 overflow-x: auto 적용 ] [ V3.1 수정 ] 2024.07.11 1. Book 갤러리형 스킨, Webzine 스킨 - https://moonhouse.co.kr/xetip/591921 - 확장변수명 price 적용시 천단위 쉼표 자동 적용 - 가격 앞, 뒤에 단위 입력 가능 [ 확장변수 설정 > ★수정확장변수 게시판명 > ┖ 수정할 확장변수 확장 변수 ID 이름 > ┖ 확장변수 전방 단위 > ┖ 확장변수 후방 단위 ] 2. 글 리스트에서 댓글 출력 모양 수정 - https://moonhouse.co.kr/html/591987 3. 관리자에게 모듈번호 출력 (OrangeDay_board 에서 가져옴) - https://moonhouse.co.kr/xetip/592258 [ 전체 설정 > 모듈번호 출력 ] 4. 관리자에게 SketchBook5_MH 버전 정보 출력 (OrangeDay_board 에서 가져옴) [ 전체 설정 > SketchBook5_MH 버전 정보 출력 ] [ V3.0 수정 ] 2024.04.10 1. 폰트어썸 웹폰트와 문하우스 전용 버턴 기능을 에드온에 의존하지 않고 게시판 설정에서 직접 관리 전체설정 > 폰트어썸 사용형태 or Sexy Button 사용형태 2. 게시글 상단 네비에 목록과 쓰기 버턴 추가 3. 공지글 폴딩 형태로 출력 기능 추가 선택 가능 - https://moonhouse.co.kr/xetip/588063 목록 공통 설정 > 공지글 폴딩 출력 4. 게시판 최상단 판넬의 형태 선택 추가 - Html 과 js (게시글 상단의 "필히 보세요!" - html적용) 5. 지도 항목에서 마커 이름 확장변수(shop)만 적용에서 제목/확장변수 둘중 선택 6. Github 파일을 확장변수 다운로드에 추가 - https://moonhouse.co.kr/comtip/589318 확장변수 설정 > ┖ 확장변수 입력항목 이름(Github 전용) 7. skin.xml에 "목록에 #태그 출력(FT)" 항목이 이중으로 작성된 것 수정 8. Tag 버그 수정- https://xetown.com/questions/1818810#comment_1818923 9. 목록상부에 Tag 버턴 출력 - tag_list_adv 위젯이 설치 되어 있어야 함 - https://xetown.com/download/299989 게시판 상단 설정 > ★상단 TAG 버튼 10. D-day 기능에 시작전 기능 추가 목록 공통 설정 > 날짜종료 사용자정의 이름 >┖ 시작 11. 글작성 상단에 빵조각 게시판 상단 설정 > 게시판 최상단에 빵조각 and 글작성 [참조1] 확장변수명이 특정단어로 끝날때 숨김처리 하기 •확장변수명이 _wh, _wrh로 끝날때 글 작성시 숨김처리 하기(관리자는 예외) - write_form.html •확장변수명이 _rh, _wrh로 끝날때 본문 읽기시 숨김처리 하기(관리자는 예외) - extravars.html https://moonhouse.co.kr/xetip/582252
2022.12.10 링크 프리뷰 file 1,355 1
- CK에디터 안에서 링크 프리뷰 카드를 바로 삽입해줍니다. - CK에디터 안에서 미디어 콘텐츠를 바로 임베드해줍니다. 0.0.4 업데이트 - 2022.11.30 - [프리뷰 카드] 자기 사이트의 url 링크에 대해서는 라이믹스 내장 함수를 이용하여 권한 체크를 하고 프리뷰 정보 수집 (마트몬님) 1. 설치 방법 - 첨부한 압축파일을 압축 해제하고 ./modules/preview 에 설치합니다. - 파일 업로드 후 다음 페이지에 나오는 '1. 보안 설정', '2. CK에디터 플러그인 설치'를 따라합니다. 2. 모듈 설정 - 관리자 페이지의 고급 > 설치된 모듈 > 링크 프리뷰로 들어가서 설정값을 입력합니다. 1) 기본 설정 모듈 사용 : 아니오를 선택하면 모듈 전체가 실행되지 않습니다. 링크 텍스트 남기기 : 프리뷰 카드 및 임베디드 미디어와 함께 링크 텍스트를 남기거나 지울 수 있습니다. 링크 텍스트 꾸미기 : 링크 텍스트를 표시할 때 스타일을 줄 수 있습니다. 기본값은 <p>%text%</p>입니다. %text% 앞 뒤로 태그를 붙여 스타일을 꾸며보세요. 사용자 스크립트 : 스크립트 구문을 추가할 수 있습니다. script 태그 안에 들어갈 구문만 입력해주세요. 2) 프리뷰 카드 설정 프리뷰 카드 사용 : 링크 페이지 미리보기를 카드 형식으로 출력할 수 있습니다. 스킨 : 프리뷰 카드의 스킨을 선택합니다. 기본 스킨(default)이 제공됩니다. 외부접속 제한 시간 : 프리뷰를 위해 url의 서버와 연결할 최대 시간을 제한합니다. 입력된 도메인만 : 특정 도메인에 대해서만 프리뷰 카드 생성을 허용하거나 허용하지 않을 수 있습니다. 허용/제외할 도메인 : 프리뷰에서 허용 또는 제외할 도메인을 줄 단위로 입력합니다. (가급적 '허용' 옵션 선택을 권장합니다) 이미지 파일 첨부 : 링크 페이지의 대표 이미지를 파일로 저장할 수 있습니다. 파일 첨부 예외 도메인 : 이미지 파일 첨부 대상에서 제외할 도메인을 줄 단위로 입력합니다. gif를 jpg로 : 링크 페이지의 대표 이미지가 "움직이는 gif" 파일일 경우 "jpg"로 변환하여 저장합니다. 3) 미디어 임베드 설정 미디어 임베드 사용 : 주요 미디어 콘텐츠들을 iframe 형태로 바로 삽입할 수 있습니다. 미디어 임베드 목록 : iframe으로 삽입할 미디어 콘텐츠들을 선별할 수 있습니다. 4) 게시판 공통 설정 선택한 모듈에서만 : 특정 모듈에서만 프리뷰와 임베드를 작동 또는 미작동시킬 수 있습니다. 모듈 목록 : 작동 또는 미작동시킬 모듈을 선택합니다. 3. 소소한 팁 ./modules/preview/tpl/css 폴더에 custom.css 파일을 만들어 저장/업로드하면 자신만의 스타일로 프리뷰 카드와 미디어 임베드를 제어할 수 있습니다. ./modules/preview/skins 폴더에 프리뷰 카드 스킨 폴더를 만들어보세요. 기본 제공되는 $preview_info 변수를 활용해서 다양한 스타일을 꾸며볼 수 있습니다. '프리뷰 카드 설정'에서 '입력된 도메인만' 항목에서는 '허용'을 선택하기를 권장합니다. 작지 않은 확률로 프리뷰를 위한 데이터 수집에 실패할 수 있기 때문입니다.
https://xetown.com/download/1666779 어제 공개했던 '게시판 목록에서 확장변수 바로 수정 애드온'에 카테고리도 바로 수정이 가능하도록 업데이트를 했습니다. 0.0.1로 시작하긴 했지만 이번 0.1.3 버전으로 비로소 최종본 단계에 들어간 것 같습니다. (오늘 하루에만 버전업을 세 번이나 했네요ㅜㅜ) 아울러 몇 가지 참고 사항도 정리를 해보고자 합니다. 1. 기본으로 제공되는 애드온 스킨은 디자인 요소에 크게 신경을 쓰지 못했습니다. 다만 템플릿 형태로 스킨이 제공되니 커스터마이징해서 사용하거나 별도의 스킨을 만드실 수 있을 겁니다. 혹시라도 이 애드온을 게시판 스킨 개발에 적용하실 경우가 있다면 default 스킨을 참조하여 별도의 스킨을 통해 접근을 해주시면 좋을 것 같습니다. 2. 기본 스킨에서 확장변수 수정은 새로고침 없이 이뤄지지만 카테고리 수정은 수정 직후 페이지 새로고침이 이뤄집니다. 카테고리의 document_count와 document 캐시를 수정하게 되는데, 그 결과를 게시판 스킨에서 바로 적용하기 위해서입니다. 1) 애드온에 템플릿 스킨이 제공되니, 이용하시는 분들은 스킨 안의 js 파일을 통해 새로고침을 실행하지 않도록 하실 수 있습니다. ... 이와 관련하여, 카테고리 수정시 새로운 결과값을 반환 받아 게시판 스킨에 바로 적용하실 수 있을 겁니다. 참고로 업데이트 후 기본 스킨의 default.js 기준으로 새로운 document_count는 다음과 같이 반환됩니다. - 원래 카테고리의 새로운 document_count : data.category_list[data.old_category_srl].document_count - 수정 카테고리의 새로운 document_count : data.category_list[data.category_srl].document_count 2) 또한 거꾸로 확장변수 수정시에도 새로고침을 실행하도록 하실 수 있을 겁니다. 이 또한 스킨의 js 파일을 통해 수정하실 수 있습니다. 똑띠님 팁 좋은 자료 잘 사용하고 있습니다. 편하고 정말 좋네요. 저는 목록 뿐만 아니라 읽기 페이지에서도 적용해서 사용하고 있습니다. 스케치북 기준 확장변수 출력되는 부분에서 <td cond="$val->eid!='rating'" onclick="showUpdateExtraModal(this, {$oDocument->document_srl}, {$val->idx})"|cond="$grant->manager && $use_extra_vars_update && $val->eid === $extra_keys_for_update[$val->idx]->eid" >{$val->getValueHTML()}</td> 목록하고, 읽기페이지하고 문서번호 가져오는 변수명이 다르다보니...혹시나 다른분들도 적용 하실려면 변수명만 변경해서 적용하시면 되겠네요. 목록페이지 : $document->document_srl 읽기페이지 : $oDocument->document_srl 윤삼님 Tip 카테고리/확장변수 바로 수정 애드온을 관리자뿐 아니라 작성자도 사용할 수 있게 하기 문하우스의 Tip
CKEditor에 외부의 멀티미디어 파일을 '드롭' 또는 '붙여넣기'하면 첨부 파일로 '바로 업로드' 시켜주는 애드온입니다. 그렇다고 모든 파일이 다 바로 업로드되는 건 아닙니다;;; 파일 드롭과 복사/붙여넣기, 두 경우에 따라 기능이 살짝 다릅니다. 매우 제한적인 환경(윈도우11, 크롬)에서 개발 및 테스트되었기 때문에 오류 가능성이 있을 수 있습니다. 폭넓은 양해와 적극적인 제보 부탁드립니다~ 0.0.2 업데이트 (2022.03.14) - 클립보드 이미지 붙여넣기 동작 추가 1. 파일 드롭 - [기본] 에디터 바깥의 웹브라우저 또는 파일브라우저의 이미지 파일 요소를 드래그해서 에디터 안에 드롭을 하면 작동합니다. - [선택] 파일브라우저의 비디오 파일도 드롭할 때 바로 첨부합니다. (mp4, webm, ogv) - [선택] 파일브라우저의 오디오 파일도 드롭할 때 바로 첨부합니다. (mp3, wav, ogg, flac, aac) - [선택] 파일브라우저의 기타 일반 파일들도 드롭할 때 바로 첨부합니다. 2. 붙여넣기 - [기본] 웹상에서 이미지가 포함된 html요소를 복사해서 붙여넣으면 포함된 이미지가 첨부 파일로 바로 업로드됩니다. - [선택] 움짤 gif 파일의 경우 첨부를 하지 않을 수 있습니다. - [선택] 이미지 url만 복붙을 하더라도 바로 첨부합니다. (단, 복사된 url주소에 파일 확장자가 명시되어 있어야 합니다)
HTML Table이 디바이스 및 화면 가로사이즈보다 더 넓을 때 위의 팁을 적용한 후 테이블 위에 마우스 휠 위치시 스코롤이 좌우로 이동되게 하는 스크립트 참고로 마우스의 위치가 테이블 밖이면 상하 스코롤 적용되며 모바일에서 좌우 스와이프 지원합니다. <table class="bd_lst"> .... </table> <script> $(function() { const tableWrapper = $('.bd_lst').parent(); let isOverTable = false; let touchStartX = 0; let scrollStartX = 0; // PC 마우스 이벤트 핸들러 $('.bd_lst').on('mouseenter', function() { isOverTable = true; }).on('mouseleave', function() { isOverTable = false; }); tableWrapper.on('wheel', function(event) { if (isOverTable) { event.preventDefault(); const delta = event.originalEvent.deltaY; $(this).scrollLeft($(this).scrollLeft() + delta); } }); // 터치 이벤트 핸들러 tableWrapper.on('touchstart', function(event) { touchStartX = event.originalEvent.touches[0].clientX; scrollStartX = $(this).scrollLeft(); // 세로 스크롤은 기본 동작 허용 if ($(this)[0].scrollWidth <= $(this).width()) { return; } }); tableWrapper.on('touchmove', function(event) { // 가로 스크롤이 가능한 상태에서만 기본 동작 방지 if ($(this)[0].scrollWidth > $(this).width()) { event.preventDefault(); const touchCurrentX = event.originalEvent.touches[0].clientX; const touchDeltaX = touchStartX - touchCurrentX; $(this).scrollLeft(scrollStartX + touchDeltaX); } }); // 스타일 적용 tableWrapper.css({ 'overflow-x': 'auto', '-webkit-overflow-scrolling': 'touch', // iOS 부드러운 스크롤 'overflow-y': 'hidden' // 세로 스크롤 방지 }); // PC에서 커서 스타일 $('.bd_lst').hover( function() { $(this).parent().css('cursor', 'grab'); }, function() { $(this).parent().css('cursor', 'default'); } ); // 모바일 터치 사용성 향상을 위한 부가 기능 let scrollIndicator = $('<div class="scroll-indicator">').css({ 'position': 'absolute', 'bottom': '0', 'left': '0', 'width': '0', 'height': '3px', 'background': 'rgba(0,0,0,0.3)', 'transition': 'width 0.2s', 'pointer-events': 'none' }); tableWrapper.css('position', 'relative').append(scrollIndicator); // 스크롤 인디케이터 업데이트 function updateScrollIndicator() { const scrollPercentage = (tableWrapper.scrollLeft() / (tableWrapper[0].scrollWidth - tableWrapper.width())) * 100; scrollIndicator.css('width', scrollPercentage + '%'); } tableWrapper.on('scroll', updateScrollIndicator); // 반응형 대응 $(window).on('resize', function() { updateScrollIndicator(); }); // 초기 인디케이터 설정 updateScrollIndicator(); }); </script> NO 내 용 정 보 비 고 1 도메인 정보 도메인명 등록업체 아이디 비번 신청일 2 호스팅 정보 업체명 아이디 비번 신청일 3 홈관리자 아이디 비번 4 Ftp 정보 주소 아이디 비번 5 DB 정보 Host명 DB명 아이디 비번 6 금액 7 기타
sketchbook5 스킨의 _list_webzine.html (웹진형)에 목록의 원하는 칸에 에드센스를 삽입하는 방법 skin.xml 에 주가 <var name="list_ads" type="radio"> <title>★웹진형 리스트에 광고 삽입</title> <description>웹진형 리스트에 광고 기능 사용하기</description> <options value=""> <title>사용 안함(기본)</title> </options> <options value="Y"> <title>사용</title> </options> </var> <var name="ad1" type="text"> <title> ┖ 목록 순번1</title> <description>광고글이 순번1칸 다음 리스트줄에 출력</description> </var> <var name="ad2" type="text"> <title> ┖ 목록 순번2</title> <description>광고글이 순번2칸 다음 리스트줄에 출력</description> </var> <var name="ad3" type="text"> <title> ┖ 목록 순번3</title> <description>광고글이 순번3칸 다음 리스트줄에 출력</description> </var> <var name="ads_code" type="textarea"> <title> ┖ 광고 코드</title> <description>광고(에드센스) 코드를 입력</description> </var> _list_webzine.html 수정 <!--// 일반 목록 --> {@$i=0} <li loop="$document_list=>$no,$document" class="bf-item <!--@if($document_srl==$document->document_srl)-->select <!--@end-->clear"> ~ 생략 ~ <a class="hx" <!--@if(!$mi->link_board)-->href="{getUrl('document_srl',$document->document_srl,'listStyle',$listStyle,'cpage','')}"<!--@else-->href="{$document->getExtraEidValue('link_url')}" target="_blank"<!--@end--> data-viewer="{getUrl('document_srl',$document->document_srl,'listStyle','viewer','page','')}"><span class="blind">Read More</span></a> <!--// 목록에 에드센스 출력 --> <!--@if(in_array($i+1, array($mi->ad1, $mi->ad2, $mi->ad3)) && $mi->list_ads=='Y')--> <li class="ads"> {$mi->ads_code} </li> <!--@end--> <style> .bd_zine .ads { margin:0 !important; padding:0; } @media all and (max-width:480px) { .bd_zine .ads { margin:25px 0 0 0 !important; border-top:1px solid #f1f1f1; } } </style> {@$i++} </li> 빨간색 코드 추가 하고 게시판 설정에서 에드센스 항목들 선택하고 에드센스 코드 넣어주면 됩니다. 참고로 처음 설정하면 해당칸에 빈 칸만 출력됩니다. 넉넉하게 하루정도 지나면 광고가 출력됩니다.
위젯을 코드생성으로 만들시 해당모듈의 번호로 생성되어집니다. 근데 모듈을 추가할때 마다 번거롭게도 모듈번호를 찾기 위해서 다시 코드생성 으로 가거나 다른 방법으로 찾아야 합니다. <img class="zbxe_widget_output" widget="mh_comment" skin="mh_c_comment" widget_cache="0m" title="최근 댓글" display_author="N" display_regdate="Y" list_count="20" view_count="7" subject_cut_size="30" day_a_color="#ffffff" day_b_color="#f3f3f3" day_c_color="#eeeeee" module_srls="150752,123,56,155210,244925,170,174,171,173,91640,177,505598,175,176,152811,588845" tfc="#7ED321" round_top="N" /> 그런데 야비어저씨의 OrangeDay_blog_layout 에 각 게시판 마다 모듈번호를 상단에 출력해 주는 코드가 있어서 그 부분만 뽑아서 팁으로 남깁니다. 해당 게시판의 list.html 파일을 편집기로 열어 적당한 위치에 아래 코드를 삽입합니다. <!--// 관리자에게 모듈번호 출력 --> <div cond="$grant->manager" class="m_num" onclick="copyToClipboard('{$mi->module_srl}')">{$mi->module_srl}</div> <script> function copyToClipboard(text) { navigator.clipboard.writeText(text).then(function() { alert('모듈 번호가 클립보드에 복사되었습니다: ' + text); }, function(err) { console.error('클립보드 복사 실패:', err); }); } </script> // css .m_num { z-index:99; position:absolute; top:0px; right:0px; font-weight:700; font-size:1em; clip-path:polygon(50% 0, 100% 0, 100% 80%, 50% 100%, 0 80%, 0 0); background-color:red; padding:5px 10px 10px 10px; color:white; cursor:pointer; } 화면에 보이는 모습 - 클릭시 클립보드에 자동 복사됩니다.