Data Of MoonHouse

SketchBook5 게시판스킨 - 문하우스 수정버전 V3.0 - 2024.04.10

• 기존 스케치북 게시판 스킨에 덮어 쓰기 해도 잘 작동됩니다. (혹시 모르니 백업은 필수!!) - /modules/board/skins/sketchbook5 에 모든 파일을 덮어 쓰기 하면 됩니다. • XE 사용자의 경우 [ 본문 일반 설정 > 추천/비추천 기능 XE사용 ] 에서 XE사용을 선택하면 됩니다. [ V3.0 수정 ] 1. 폰트어썸 웹폰트와 문하우스 전용 버턴 기능을 에드온에 의존하지 않고 게시판 설정에서 직접 관리 전체설정 > 폰트어썸 사용형태 or Sexy Button 사용형태 2. 게시글 상단 네비에 목록과 쓰기 버턴 추가 3. 공지글 폴딩 형태로 출력 기능 추가 ...

More →

SketchBook5 게시판스...

MH Before V1.1 위젯

[ 특징 ] 1. Before이미지 와 After이미지를 비교하는 위젯 2. 지정 게시판에 Before 이미지를 처음 올리고 After 이미지를 두번째로 업로드 3. 대상 분류 srl값으로도 출력가능 4. 이미지의 사이즈는 첫이미지, 즉 Before이미지의 사이즈를 따라갑니다. 되도록이면 사이즈를 동일하게 만들면 됨 5. 중앙에 화살표를 좌우로 움직이면 Before / After 이미지로 출력 6. 하단문구 지정 가능 7. 게시글의 이미지 순서 지정 가능 [게시판 화면] [위젯 화면] [화살표를 좌로 움직인 화면]

More →

MH Before V1.1 위젯

Mh Make 위젯스타일

문하우스 대문페이지에 있는 위젯스타일입니다. [특징] 1. 테두리의 유무 2. 타이틀 색상, 타이틀 앞 언더바 색상 지정 가능 3. 더 보기 출력 4. V1.1 - 테두리 색상 지정 가능 [설정 화면]

More →

Mh Make 위젯스타일

Mh BigSlider V2.1 위젯 - 2024.04.13

[ V 2.1 특징 ] 1. 내용글 영역에 확장변수 출력가능 2. 확장영역 버턴 대신 내용 출력 3. D-day / 시작전 출력 4. 기간 출력 - https://moonhouse.co.kr/xetip/590008 [ V 2.0 특징 ] 1. 배경 이미지 제거 스킨 추가 2. 어떤 크기라도 가능 3. 슬라이드 내용 가로, 세로 정렬 [ V 1.1 특징 ] 1. Slide 설정에 자동 슬라이드쇼, 마우스 hover시 슬라이드 쇼 일시 중지, 랜덤 재생 추가 2. 마우스 hover시 썸네일 확대 [ 특징 ] 1. 깔금한 슬라이드 배경이미지 적용 2. 3개의 스킨 적용 - 1080px / 850px / 750px 레이아웃폭에 적당한 크기 ...

More →

Mh BigSlider V2.1 위...

Mh Justice Layout V 1.5 [ 2023. 02. 07 ] - Sale 제품(₩39,000)

Mh Justice Layout is a one page html5 bootstrap template. This template comes with smooth animations, pop-up video and many more… 1. OnePage로 출력되며 Bootstrap과 Animations를 적용하여 스크롤 되는 순간 각 Section영역 에니메이션이 작동 2. 거의 완벽한 반응형(모바일형)으로 츨력 3. 간단한 설정 한번으로 색상변경 완료 - 밝은 배경, 어두운 배경, 혼합배경을 선택후, 설정 옵션들에서 자신만의 칼라로 변경 가능 4. 상단 메뉴를 자유자재로 선택 가능 • 원페이지 메뉴 - 한페이지내에서 상하로 이동하는 메뉴 • 메인 메...

More →

Mh Justice Layout V 1...

Mh SmartBanner Widget V1.1 [2021.01.13] - Sale 제품(₩9,000)

카테고리지정 / 시작,종료설정 / 배경 블랙 / 좌로 이동 / 랜덤 / 네비가능 / 무한루프 / 클릭시 지정사이트로 이동 / 풍선도움말 - "대상 분류값"으로 배너 출력 가능 - "위젯 NO" 처리로 여러개의 배너를 다양한 형태로 생성 가능 - Slide의 다양한 옵션 - Auto기능과 타임지정 가능 - 좌우 네비와 하단에 도트 네비 출력 가능 - 슬라이딩의 방향을 좌우 / 상하로 선택 가능 - 슬라이딩의 모습를 4가지로 선택 가능 - 서서히, 착, 튕기기, Fade - 배너에 마우스 Hover시 풍선도움말 출력 - 게시판의 확장변수와 연동하여 배너 클릭시 지...

More →

Mh SmartBanner Widget...

Mh Brickfolio Widget V1.3 [2023.04.05] - Sale 제품(₩9,000)

[ V1.3 특징 ] [ SketchBook5_Mh 수정버전과 같이 연동 ] • 확장 변수가 자동으로 제목으로 대체되는 방법 https://moonhouse.co.kr/xetip/578453 • 확장변수를 이용해 진행버턴과 D-Day를 함께 출력 https://moonhouse.co.kr/xetip/577872 [ V1.2 특징 ] 1. 페이지기능을 탑재한 Box형 위젯 2. 통합게시판 위젯으로도 활용가능 3. 썸네일클릭시 게시판 바로가기, Rightbox 출력 및 Zoom기능도 지원 4. 완벽히 반응형으로 작동합니다.(레이아웃의 폭을 % 넓이로 지정할때) 5. Box를 총8가지의 에니메이션 효과로 출력 6. Box의 색상 / 테두...

More →

Mh Brickfolio Widget ...

Mh Portfolio V1.0

[ V1.0 특징 ] 1. 깔끔한 썸네일 위젯 2. 썸네일 Box에 마우스 Hover시 제목과 내용글이 다양한 효과와 색상으로 출력 -- 효과 15가지, 배경색상 13가지, 버턴색상 17가지 3. 카테고리별 출력도 가능 4. 페이지 기능 가능 -- ajax적용으로 화면 리프레쉬 없이 작동 5. 확장변수를 이용해 버턴출력 가능 6. 다수의 위젯생성도 가능 7. 반응형 지원

More →

Mh Portfolio V1.0

Mh Owl Slide V1.0

[ 특징 ] 1. 깔금한 배너 롤링 위젯입니다. 2. Auto Slide를 지원합니다. 3. 슬라이드에 타이틀 / 썸네일 / 네비를 지원합니다. 4. 배경색상외 여러 색상들을 지정할 수 있습니다. 5. 타이틀 / 내용 / 각종 옵션등을 지정 가능합니다. 6. 카테고리 출력도 가능합니다. 7. 원본 코드의 테마 색상이 Red에 맞추어져 있어서 기본 색상은 Red입니다. 8. 완벽한 반응형 지원과 모바일에서 스와프기능도 지원합니다. 9. 두종류의 스킨 지원 - Default Skin, All Pictures Skin All Pictures Skin은 게시물안의 모든 이미지들을 불러올 수 있으며 ...

More →

Mh Owl Slide V1.0

Mh Multi Widget V1.6 [2023.04.05] - Sale 제품(₩9,000)

메뉴얼 [ V 1.6 업데이트 내용 ] • 댓글 많은순으로 정렬. https://xetown.com/questions/1394764#comment_1395175 • 예약발행 모듈에 대응 https://xetown.com/download/1721679#comment_1722728 [ SketchBook5_Mh 수정버전과 같이 연동 ] • 확장 변수가 자동으로 제목으로 대체되는 방법 https://moonhouse.co.kr/xetip/578453 • 확장변수를 이용해 진행버턴과 D-Day를 함께 출력 https://moonhouse.co.kr/xetip/577872 [ V 1.5 업데이트 내용 ] •FirstThumb 스킨 추가 스케치북 게시판 스킨 V 2.1 에 추가된 "첫 게시글만 썸네일 출력 ...

More →

Mh Multi Widget V1.6 ...

Mh Author 위젯 V1.5 (2024.01.10)

V 1.5 수정내용(2024.01.13) 1. 베너스킨 바로가기 확장변수 미작성시 문제 해결 2. 유튜브스킨 추가 - 확장변수 사용자정의 (기본 : transfer) : 위젯상에서 유튜브 재생 가능 합니다만 사이트가 약간 느려집니다. V 1.4.1 수정내용(2021.08.28) - default스킨과 Book스킨을 동시에 출력시 제목글이 좌측으로 밀리는 문제해결 V 1.4 수정내용(2021.02.12) SketchBook5 게시판스킨 - 문하우스 수정버전 V1.8.1 북 갤러리 형태 게시판에 맞추어 "Book 갤러리"스킨 추가 - Book 갤러리형식 게시판의 확장변수를 그대로 가져옵니다 - new, bes...

More →

Mh Author 위젯 V1.5 (...

Mh Sideways Layout

[특징] •화면전환이 가로 방향으로 움직입니다. •홍보용 사이트 레이아웃에 적합합니다. •화면 좌우에 마우스 Hover시 자동으로 슬라이딩 됩니다. •좌측 삼선 햄버거 메뉴형식 / 페밀리 사이트 / 자체 로그인 지원합니다. •카카오 지도를 지원합니다 - 카카오톡 앱키 입력 필수 •본문 아래에 각 섹션 바로가기 아이콘을 지원합니다. •완벽한 반응형으로 작동합니다. •메세지 보내기(Contact Us)를 적용할려면 contactfree.zip 위젯을 설치하면 됩니다. •갤러리 섹션은 Lightbox 전용 Hover 위젯 을 사용했습니다.

More →

Mh Sideways Layout

Mh Gallery Layout & Mh Gallery Widget V2.2 [2022.05.22] - Sale 제품(₩19,000)

[ V2.2 특징 ] •Colorbox Skin 추가 - 첫화면에 박스출력 - Auto Slide 지원 •본문 메뉴(GNB)를 상단 가로 형태에서 좌측 삼선 햄버거 형태로 변경 •배경이미지 슬라이드 로딩 기능을 적용 Demo - https://moonhouse.co.kr/cb [ V2.0 LightBox Skin 특징 ] •LightBox Skin 추가 -- 지연님 요청 •Default Skin은 이미지를 전체화면 Fullscreen 으로 출력되는 반면 LightBox Skin은 이미지의 원본 크기로 출력됩니다. Demo - https://moonhouse.co.kr/lb [특징] •레이아웃과 위젯의 콜라보로 이루어진 전체화면 갤러리 스킨입니다. •레이아웃...

More →

Mh Gallery Layout &am...

Widgets Of MoonHouse

Data Of MoonHouse

1 2 3 4 5 Next

Layouts Of MoonHouse

    • Mh Sideways Layout
    • [특징] •화면전환이 가로 방향으로 움직입니다. •홍보용 사이트 레이아웃에 적합합니다. •화면 좌...
    • 2022.05.16
    • 문하우스 Simple 레이아웃 V 1.4 (2020.12.13 Up)
    • V1.4 수정내용(2020.12.13) 1. 코드정리 2. 자체 로그인 탑재 V1.3.1 수정내용 1. 심플레이아웃과...
    • 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
    • 사이트선택 전용 레이아웃 V1.1
    • 홈페이지의 첫 화면에서 두곳의 사이트를 선택하고 싶을때 사용하시면 유용한 레이아웃입니다. [...
    • 2017.06.19
    • XE기본 Xedition레이아웃을 편집이 편리하도록 수정한 버전입니다. 2탄
    • XE 1.8 버전대 기본레이아웃인 Xedition을 사용자가 편집이 편리하도록 수정한 최후 버전 https:/...
    • 2016.12.26

XE Of MoonHouse

• 기존 스케치북 게시판 스킨에 덮어 쓰기 해도 잘 작동됩니다. (혹시 모르니 백업은 필수!!) - /modules/board/skins/sketchbook5 에 모든 파일을 덮어 쓰기 하면 됩니다. • XE 사용자의 경우 [ 본문 일반 설정 > 추천/비추천 기능 XE사용 ] 에서 XE사용을 선택하면 됩니다. [ V3.0 수정 ] 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. 글작성 상단에 빵조각 게시판 상단 설정 > 게시판 최상단에 빵조각 ans 글작성 [ V2.6 수정 ] 1. 프로필 이미지 자동 입력 형태 선택시 이미지 or 색상(추가)으로도 선택 가능 - 글쓰기 및 댓글쓰기 설정 > 자동 프로필 형태 https://moonhouse.co.kr/xetip/509675/comment/584143#comment_584143 [색상] [이미지] 2. 게시판 리스트 목록에 확장변수중 url변수를 버턴형식으로 출력 - 확장변수 설정 > ★게시판 리스트에 버튼 형식으로 출력할 확장변수 ID https://moonhouse.co.kr/xetip/584217 3. 추천+댓글 동시에 등록 하는 버튼 추가 - 글쓰기 및 댓글쓰기 설정 > 댓글 등록 + 추천 버턴 출력 https://moonhouse.co.kr/xetip/586363 4. 비회원 글 작성시 이메일, 홈페이지란 미출력시 글쓴이와 비번란 가로 확대 적용 5. bootstrap을 사용하는 레이아웃(EX : simplestrap)과의 호환성 문제 해결 [-] [ 2023. 09. 15. 라이믹스 2.1.5 버전 사용시 예러 수정법 } 첨부파일 표시 방법을 자료실 목록 형태로 꾸미기 - https://moonhouse.co.kr/xetip/578018 를 사용하고 계신 유저분들은 /modules/board/skins/sketchbook5_MH/_read_data.html 파일에서 아래부분 수정해 주세요 18줄 빨간색 부분 삭제해 주세요. 모바일 m.skins/sketchbook5_MH에서도 수정하세요. <!--@if($mi->files_reverse == '')-->{@ $re_files = array_reverse($re_files); // 시간 역순으로 정렬}<!--@end--> <!--@if($mi->files_reverse == '')-->{@ $re_files = array_reverse($re_files)}<!--@end--> [ V2.5 수정 ] * Rhymix 2.1.0 버전업 후 sketchbook5_MH 사용시 본문글 진입시 에러 출력 수정 1. skin.xml 파일 - 모든 언어에서 설정 선택시 한국어로만 보임, 타 언어로 번역하지 않았음 - 한국인만 사용하라는 뜻 ^.^!퍽 https://moonhouse.co.kr/xemy/530374/comment/581086#comment_581086 2. 관리자는 필수 확장변수 프리패스 https://moonhouse.co.kr/xetip/575768 3. 레이아웃 다크모드 설정시 웹진형 문제 수정 - "웹진형 설정 > 다크모드" https://moonhouse.co.kr/xetip/581777 4. 웹진형을 다크모드형식으로 적용시 "게시판 목록에서 확장변수 바로 수정 애드온"이 적용 5. "게시판 목록에서 확장변수 바로 수정 애드온"이 적용된 확장변수 항목 아래 언더바 출력 - 관리자만 6. 확장변수에 미리 글씨넣기 - "확장변수 설정 > ★지정글 확장변수 No" https://xetown.com/questions/1767626#comment_1767658 7. 게시판을 클릭 했을때 관리자 이외의 접속자는 글쓰기 폼이 먼저 출력 - "목록 공통 설정 > ★글쓰기폼 먼저 출력 mid" 8. 확장변수명이 특정단어로 끝날때 숨김처리 하기 •확장변수명이 _wh, _wrh로 끝날때 글 작성시 숨김처리 하기(관리자는 예외) - write_form.html •확장변수명이 _rh, _wrh로 끝날때 본문 읽기시 숨김처리 하기(관리자는 예외) - extravars.html https://moonhouse.co.kr/xetip/582252 9. 확장변수 사용하여 날짜 기간 출력하기 - "확장변수 설정 > 날짜 기간 출력시 제목" https://moonhouse.co.kr/xetip/582728 [-] [ 2023. 06. 21. 긴급 패치 ] Rhymix 2.1.0 버전업 후 sketchbook5_MH 사용시 본문글 진입시 에러 출력 수정 방법 /modules/board/skins/sketchbook5_MH/__setting.html /modules/board/m.skins/sketchbook5_MH/__setting.html 두 파일에서 아래 부분 찾아서 수정해 주세요. <!--// 커스텀 파일 넣기 --> <include cond="file_exists(_XE_PATH_.'modules/board/skins/sketchbook5_MH/custom/custom.php')" target="custom/custom.php" /> [ V2.4.1 수정 ] - V2.4에서 수정된 파일만 올립니다. 처음 설치하시는 분은 V2.4를 먼저 받으시고 V2.4.1을 덮어 씌우면 됩니다. 1. 외부링크 다운로드 출력에도 다른 확장변수 출력가능 - 관심이 없었다면 모르고 있었겠지만😁 이전 까지는 되지 않았음 [ 확장변수 설정 > ★확장변수 입력항목 이름(일반텍스트 링크) ] 아래 이미지의 출처부분과 하단의 다운로드 버턴이 같이 출력됨 2. 게시판 상단 풀립 판넬이 본문 상단에도 출력가능 - [ 전체 설정 > ★게시판 최상단 판넬 출력과 내용 > ┖ 본문 상단에도 출력 } [ P.S ] 관리자만 글작성, 수정 확장변수 부분 설정을 본문내용에서도 보이지 않게 수정할려면 - [ 확장변수 설정 > ★관리자전용 작성 확장 변수 ID ] extravars.html 아래 부분에서 && $val->eid!==$mi->admin_extra 추가하면 됩니다. <!--@if($val->value && ($mid !=$mi->extra_mid || ($val->name!=$mi->extra_name1 && $val->name!=$mi->extra_name2 && $val->name!=$mi->extra_name3 && $val->eid!==$mi->admin_extra && $val->name!=$mi->et_logon_name && $val->name!=$mi->t_logon_name && $val->name!=$mi->g_logon_name && $val->name!=$mi->d_logon_name || $grant->manager)))--> 아님 "┖ Hidden 확장변수 입력항목이름"에 확장변수의 이름을 작성해도 됩니다. [ V2.4 수정 ] 1. 확장 변수가 자동으로 제목으로 대체되는 진짜 방법 - [ 글쓰기 및 댓글쓰기 설정 > ★제목 대체 확장변수 번호 } https://moonhouse.co.kr/xetip/579242 2.확장 변수가 자동으로 제목으로 대체되는 가짜(?)방법 - [ 글쓰기 및 댓글쓰기 설정 > ★확장변수로 제목 대체 ] https://moonhouse.co.kr/xetip/578453 3. 게시판 배경 색상 지정 - [ 전체 설정 > 게시판 배경 색상 입력 ] https://moonhouse.co.kr/xemy/530374?comment_srl=578784#comment_578784 4. 확장변수 "URL 형식" 주소란 에 텍스트 Link 출력하는 방법 - [ 확장변수 설정 > ★URL 형식 주소 대신 텍스트 출력 확장변수 ID ] https://moonhouse.co.kr/xetip/579377 5. 다크모드시 투명창 문제 수정 https://moonhouse.co.kr/qa/578821?comment_srl=579630#comment_579630 [-] [ V2.3 수정 ] 1. _list_FirstThumb.html 확장변수 버턴 출력에서 "카테고리/확장변수 바로 수정 애드온" 적용시 확장변수명을 change로 지정 - 애드온에서도 change를 추가 해야합니다. 2. 비회원 글 작성시 E-mail란 삭제 옵션 추가 3. 확장변수를 이용해 진행버턴과 D-Day를 함께 출력 - "목록형" & "첫 글만 썸네일 출력 웹진(FT)"에 적용 https://moonhouse.co.kr/xetip/577872 4. 첨부파일 표시 방법을 자료실 목록 형태로 꾸미기 https://moonhouse.co.kr/xetip/578018 [-] [ V2.2.1 수정 ] 1. 기존 오리지날 스케치북 스킨 /modules/board/skins/sketchbook5 에 덮어 씌울시 수정할 부분 추가 _comment.html 74줄 수정 background:url('./modules/board/skins/sketchbook5_MH/img/ background:url('{$tpl_path}img/ editor_textarea.js 11, 12줄 수정 a = a.replace('/modules/board/skins/sketchbook5_MH/',''); a = a.replace('/modules/board/m.skins/sketchbook5_MH/',''); a = a.replace('$tpl_path',''); a = a.replace('$tpl_path',''); [ V2.2 수정 ] 1. 스티커모듈 사용시 비회원 댓글 작성시 닉네임 영역이 출력되지 않아서 댓글 작성을 할 수 없었던 문제 수정 sketchbook5_MH 게시판스킨과 스티커모듈을 함께 사용중이면 필히 업로드 해야합니다. 이렇게 올바르게 작동 되지 않은지가 한참은 된 것 같은데 이제야 알게 되었네요.ㅠㅠ 2. 기존 오리지날 스케치북 스킨 /modules/board/skins/sketchbook5 에 덮어 씌울시 수정할 부분 없이 정상작동 합니다. [-] [ V2.1 수정 ] 1. 댓글 작성자가 원글 작성자인 경우 표시 https://moonhouse.co.kr/xetip/554591 2.원댓글/대댓글 따로따로 애드온 적용 https://moonhouse.co.kr/xetip/554827 3. 첫 게시글만 썸네일 출력 스킨 추가 https://xetown.com/questions/1685046 해당 글의 질문과 댓글을 종합하여 거의 근접하게 구현해 보았습니다. Demo : https://moonhouse.co.kr/qa - 썸네일, 프로필, 닉네임, 날짜, 제목, 태그, 내용글, 댓글수, reader, voted, 댓글 출력, 카테고리, 통합게시판으로 사용시 게시판명, 확장변수 평가 항목, 확장변수 분류항목 출력 가능 - 전체 게시글 썸네일 출력도 가능 [-] [ V2.0 수정 ] 1. Rhymix 2.0.15 이상 적용, 확장변수 작성시 확장변수칸 문제 수정 2. 외부링크 다운로드창 선택 - self, blank 3. 확장변수 ID를 admin_select로 생성후 글 작성시 확장변수란에 보이지 않으며 관리자가 수정시에만 보임 4. 게시판 스킨 설정항목(skin.xml)에 해당항목 적용팁 링크 추가 5. 라이믹스 통합게시판 적용시 게시판명 클릭시 오류 수정 - 해당 게시판으로 이동 6. 라이믹스 통합게시판 적용시 제목글 우측에 게시글로 직접 연결되는 아이콘 출력 - 기존 게시글 클릭시 통합게시판내에서 출력 https://moonhouse.co.kr/total1 7. 숭숭군님의 자동 댓글 애드온 사용시 - https://ssgroom.com/xecenter/603 스티커버턴 과 자동댓글 버턴의 위치 조정 8. "게시판 목록에서 확장변수 바로 수정 애드온" 을 게시판과 모바일에 적용 원 게시글 : https://xetown.com/download/1666779 Tip 게시글 : https://moonhouse.co.kr/xetip/553814 9. 게시목록 좌우 스크롤(수평 스크롤, 스와이프)할 때 특정 컬럼을 고정 하는 기능 추가 https://moonhouse.co.kr/xetip/554284 [-] [ V1.9.2 수정 ] 1. 웹진형에도 댓글출력 가능 - https://moonhouse.co.kr/xetip 2. 확장변수이용 분류 버턴을 웹진형에도 출력가능 3. 기타 잔잔한 버그 수정 [ V1.9.1 수정 ] 1. 댓글칸수를 지정할 수 있으며 댓글의 순서를 지정할 수 있음 "설정" > "목록형 설정" > "★리스트형식 댓글 출력" 2. https://moonhouse.co.kr/xetip/545078 적용 3. XE에서도 아래 설정을 선택하면 사용은 가능 하나, 특정기능에서는 오류를 일으킬 수 있습니다. 되도록이면 라이믹스에서의 사용을 권합니다. "설정" > "본문일반설정" > "추천/비추천 기능 XE사용" [ V1.9 수정 ] 1. 문하우스 게시판스킨 에 구현 되어져 있던 "리스트 글제목 아래에 댓글을 함께 출력"을 SketchBook5_MH 게시판스킨에도 적용했습니다. [Sample] https://moonhouse.co.kr/qa [-] [ V1.8.5 수정 ] 1. 기본파일은 라이믹스에서 정상작동합니다. 2. XE 버전을 사용할려면 (단지, 추천후 취소가 되지 않음) XE 적용 Click <!--// Vote --> <div cond="$mi->votes!='N'" class="rd_vote"> <a class="bd_login" href="#" onclick="doCallModuleAction('document','procDocumentVoteUp','{$oDocument->document_srl}');return false;"|cond="$is_logged" style="border:2px solid #{$mi->color};color:#{$mi->color};"> <b><i class="fa fa-heart"></i> {$oDocument->get('voted_count')}</b> <span>{$lang->cmd_vote}</span> </a> <a cond="!$mi->votes" class="blamed bd_login" href="#" onclick="doCallModuleAction('document','procDocumentVoteDown','{$oDocument->document_srl}');return false;"|cond="$is_logged"> <b><i class="fa fa-heart"></i> {$oDocument->get('blamed_count')}</b> <span>{$lang->cmd_vote_down}</span> </a> <a cond="$mi->declare" class="blamed declare bd_login" href="#" onclick="doCallModuleAction('document','procDocumentDeclare','{$oDocument->document_srl}');return false;"|cond="$is_logged"> <b><i class="fa fa-phone"></i></b> <span>{$lang->cmd_declare}</span> </a> </div> 라이믹스 적용 Click <!--// Vote --> <div cond="$mi->votes!='N'" class="rd_vote"> <a cond="$oDocument->getMyVote() === false || $oDocument->getMyVote() < 0" href="#" onclick="doCallModuleAction('document','procDocumentVoteUp','{$oDocument->document_srl}');return false;" style="border:2px solid #{$mi->color};color:#{$mi->color};"> <b><i class="fa fa-heart"></i> {$oDocument->get('voted_count')}</b> <span>{$lang->cmd_vote}</span> </a> <a cond="$oDocument->getMyVote() > 0" href="#" onclick="doCallModuleAction('document','procDocumentVoteUp','{$oDocument->document_srl}');return false;" style="border:2px solid #{$mi->color};color:#{$mi->color};"> <b><i class="fa fa-heart"></i> {$oDocument->get('voted_count')}</b> <span>{$lang->cmd_vote}</span> </a> <span cond="!$mi->votes"> <a cond="$oDocument->getMyVote() === false || $oDocument->getMyVote() > 0" class="blamed" href="#" onclick="doCallModuleAction('document','procDocumentVoteDown','{$oDocument->document_srl}');return false;"> <b><i class="fa fa-heart"></i> {$oDocument->get('blamed_count')}</b> <span>{$lang->cmd_vote_down}</span> </a> <a cond="$oDocument->getMyVote() < 0" class="blamed" href="#" onclick="doCallModuleAction('document','procDocumentVoteDown','{$oDocument->document_srl}');return false;"> <b><i class="fa fa-heart"></i> {$oDocument->get('blamed_count')}</b> <span>{$lang->cmd_vote_down}</span> </a> </span> <a cond="$mi->declare" class="blamed declare bd_login" href="#" onclick="doCallModuleAction('document','procDocumentDeclare','{$oDocument->document_srl}');return false;"|cond="$is_logged"> <b><i class="fa fa-phone"></i></b> <span>{$lang->cmd_declare}</span> </a> </div> [ V1.8.4 수정 - 라이믹스전용 버전] 1. https://moonhouse.co.kr/qa/543730#comment_543791 적용한 버전입니다. 제목앞에 확장변수이용 분류 버턴을 출력할 수 있습니다. • 위의 기능 적용된 mh_multi 위젯입니다. (구매회원만 사용 가능) https://moonhouse.co.kr/m_board/543913 2. 지도출력 사용시 php상위버전(7.2이상) 에서 지도화면 일부만 출력되는 문제 해결 [ V1.8.3.2 수정 ] 1. https://moonhouse.co.kr/xemy/530374#comment_539348 댓글 부분 수정한 파일입니다. 2. https://moonhouse.co.kr/xemy/530374#comment_539437 스케치북 sns공유 버턴 수정했습니다. [ V1.8.3 내용 ] 1. 확장변수 "내용 복사" 버턴 https://moonhouse.co.kr/xetip/536633 2. 스티커모듈 설치시 댓글에 스티커 입력 표시 모바일에서도 작동됩니다 - /modules/board/m.skins/sketchbook5_MH 에도 업로드해야 합니다. https://moonhouse.co.kr/xetip/538290 [ V1.8 내용 ] 1. 카카오지도 출력 - https://moonhouse.co.kr/xetip/519523 2. 웹진형에 에니메이션 효과 적용 가능 - https://moonhouse.co.kr/xedata 3. 라이믹스 2.0 통합게시판 기능에 게시판명 출력 - https://moonhouse.co.kr/xetip/527393 4. Book 갤러리 형태 게시판 추가 - 데모 : https://moonhouse.co.kr/book - 메뉴얼 : https://moonhouse.co.kr/xetip/530228 - Book Skin 위젯 : https://moonhouse.co.kr/xemy/530666 [-] [ 수정버전 특징 ] 필요할때 마다 조금씩 수정 보안 한거라 일일이 열거 하기가 쉽지 않네요. 큰 부분만 적겠습니다. 1. 거래장형 리스트 추가 - https://moonhouse.co.kr/xetip/484252 2. 게시판 목록 아이콘들 출력 - 개별 아이콘마다 출력 선택 가능 - https://moonhouse.co.kr/xetip/502571 3. 게시판목록 조회수별 아이콘출력 - https://moonhouse.co.kr/xetip/284429 4. 웹진형에 링크게시판 사용 안해도 별점 기능 사용 - https://moonhouse.co.kr/xetip/337645 5. 파일 다운 권한 mid 지정 가능 - https://moonhouse.co.kr/xetip/504893 6. 게시물 주소 복사 출력 - https://moonhouse.co.kr/xetip/535638 7. 모바일에서 다음/이전글 스크롤 사용 - https://moonhouse.co.kr/xetip/477057 8. 게시판 상단에 풀립형식으로 위젯이나 기타글 등록 - https://moonhouse.co.kr/xetip/504341 9. 댓글이 2줄 이상일 경우 접고 펴는 기능 - https://moonhouse.co.kr/xetip/464911 10. 구글 드라이브 자료링크를 게시판에 적용 - https://moonhouse.co.kr/xetip/457183 11. 댓글유도문구에 에니메이션 효과 적용 - https://moonhouse.co.kr/xetip/433425 12. 내용글 없이 글 작성하기 - https://moonhouse.co.kr/xetip/432885 13. 확장변수중 "단일 선택(radio)"시 "직접입력" 부분 나오게 수정 - https://moonhouse.co.kr/xetip/405474 14. 대댓글에 'OOO님에게 달린 댓글' 구현 - https://moonhouse.co.kr/xetip/405391 15. 타임라인모듈 사용시 게시판명 나오게 수정하기 - https://moonhouse.co.kr/xetip/388839 16. 그리고 다수의 확장변수를 이용한 기능들 - 숨김기능 - https://moonhouse.co.kr/xetip/335835 색상적용 - https://moonhouse.co.kr/xetip/404287 종료출력 - https://moonhouse.co.kr/xetip/505865 [-f]
1 2 3 Next
자료 소개 웹브라우저에서 푸시알림 지원을 해주는 모듈입니다. 설치 경로 /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가 빠져 클릭시 해당 페이지로 가지 못하던 부분 수정
2022.12.10 링크 프리뷰 file 917 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
1 2 3 Next
SketchBook5 게시판스킨 - 문하우스 수정버전 에서 확장변수를 이용해 진행버턴과 D-Day를 출력, 날짜 기간 출력하기등을 적용했었는데 위젯에 날짜 확장변수를 이용하여 시작날짜 ~ 종료날짜를 출력하는 방법입니다. 적용할 위젯의 info.xml에 추가 <var id="sname"> <name xml:lang="ko">날짜시작 사용자정의 이름</name> <type>text</type> <description xml:lang="ko">날짜시작 확장변수 사용자정의 이름을 기재하세요</description> </var> <var id="ename"> <name xml:lang="ko">날짜종료 사용자정의 이름</name> <type>text</type> <description xml:lang="ko">날짜종료 확장변수 사용자정의 이름을 기재하세요</description> </var> <var id="period_title"> <name xml:lang="ko">기간</name> <type>text</type> <description xml:lang="ko">시작 날짜 ~ 끝 날짜 제목을 적어주세요</description> </var> 적용할 스킨의 list.html의 적당한 곳에 추가 <!-- 시작 날짜 ~ 끝 날짜 출력 --> {@ $start_day = date_create($oDocument->getExtraEidValueHTML($wi->sname)); $start_date = date("Y m d",strtotime($start_day->format("Y-m-d"))); $end_day = date_create($oDocument->getExtraEidValueHTML($wi->ename)); $end_date = date("Y m d",strtotime($end_day->format("Y-m-d"))); } <div cond="$oDocument->getExtraEidValue($wi->sname) || $oDocument->getExtraEidValue($wi->ename)"> <span>{$wi->period_title} : </span><span cond="$oDocument->getExtraEidValue($wi->sname)">{$start_date} ~ </span> <span cond="$oDocument->getExtraEidValue($wi->ename)">{$end_date}</span> </div> 적용된 위젯 - Mh BigSlider V2.1 위젯
기진곰님의 Tag 버그 수정이 기본 게시판 스킨에 적용 되어져 있습니다. https://xetown.com/questions/1818810#comment_1818923 스케치북 게시판 스킨에 적용하는 방법입니다. [SketchBook5 게시판스킨 - 문하우스 수정버전] - V3.0 에는 모두 적용 되어져 있음 • list.html 240줄 <a cond="@in_array('tag',$mi->btm_mn)" class="btn_img m_no" href="{getUrl('act','dispBoardTagList')}"><i class="fa fa-tag"></i> {$lang->tag}</a> <a cond="@in_array('tag',$mi->btm_mn)" class="btn_img m_no" href="{getUrl('', 'mid', $mid, 'act', 'dispBoardTagList')}"><i class="fa fa-tag"></i> {$lang->tag}</a> • _list_FirstThumb.html / _list_webzine.html / _list_normal.html - 스케치북5 기본 버전에는 없는 코드 <a href="{getUrl('search_target','tag','search_keyword',$v->tag,'document_srl','')}" rel="tag" class="tag"># {$v->tag}</a> <a href="{getUrl('', 'mid', $mid, 'search_target','tag','search_keyword',$v->tag,'document_srl')}" rel="tag" class="tag"># {$v->tag}</a> • _read.html 296줄 부터 <!--@for($i=0;$i<count($tag_list);$i++)--> {@ $tag=$tag_list[$i]; } <li><a href="{getUrl('search_target','tag','search_keyword',$tag,'document_srl','')}">{htmlspecialchars($tag)}</a><span class="comma">,</span></li> <!--@end--> <!--@foreach($tag_list as $tag)--> <a href="{getUrl('', 'mid', $mid, 'search_target', 'tag', 'search_keyword', $tag)}" class="tag" rel="tag">{escape($tag, false)}</a><span>,</span> <!--@end--> 위의 5개 파일을 수정하면 됩니다. https://moonhouse.co.kr/festival/page/3 페이지에 있는 강원도 Tag 선택해서 출력
SketchBook5 게시판스킨에서 공지글을 클릭시 본문으로 이동하지 않고 폴딩형태로 아래로 내용이 나오게 하는 방법입니다. 예전에 문하우스 게시판스킨에서는 js파일로 복잡하게 구현했었는데 이제는 <details> 와 <summary>로 간단하게 구현할 수가 있다. 스케치북에서 공지사항 부분을 담당하는 파일이 _notice.html 이다. - 한 줄 공지 형식으로 선택시 <table class="bd_lst bd_tb_lst bd_tb common_notice"> <tr loop="$notice_list=>$no,$document" class="notice"> <td cond="$list_config['no']">{$lang->notice}</td> <td class="title"><a href="{getUrl('document_srl',$document->document_srl, 'listStyle', $listStyle, 'cpage','')}"><strong>{$document->getTitle($mi->subject_cut_size)}</strong></a></td> <td cond="$list_config['nick_name']"><a href="#popup_menu_area" class="member_{$document->get('member_srl')}" onclick="return false">{$document->getNickName()}</a></td> <td cond="$list_config['regdate']">{$document->getRegdate('Y.m.d')}</td> <td cond="$list_config['last_update']">{getTimeGap($document->get('last_update'), "y.m.d")}</td> </tr> </table> getTitle($mi->subject_cut_size)} 이 부분이 공지글 부분이다. 그럼 이 부분을 폴딩 처리하겠습니다. skin.xml 파일에 선택 추가 <var name="notice_view_slide" type="radio"> <title xml:lang="ko">공지사항 슬라이드 출력</title> <options value=""> <title xml:lang="ko">일반출력(기본)</title> </options> <options value="Y"> <title xml:lang="ko">슬라이드출력</title> </options> <description xml:lang="ko">공지사항 클릭시 슬라이드 형식 출력을 선택합니다.</description> </var> _notice.html 수정 <table class="bd_lst bd_tb_lst bd_tb common_notice"> <tr loop="$notice_list=>$no,$document" class="notice"> <td $list_config['no']">{$lang->notice}</td> <td class="title"> <!--// 공지사항 일반 출력 --> <a cond="$mi->notice_view_slide ==''" href="{getUrl('document_srl',$document->document_srl, 'listStyle', $listStyle, 'cpage','')}"><strong>{$document->getTitle($mi->subject_cut_size)}</strong></a> <!--// 공지사항 슬라이드 출력 --> <details cond="!$mi->notice_view_slide ==''" class="accordion"> <summary class="notice_fold"> <strong>{$document->getTitle($mi->subject_cut_size)}</strong> </summary> <p style="margin-top:10px"> <span>{$document->getContent(false)}</span> <div style="text-align:right; float:left; padding-bottom:5px; width:100%"> <div style="float:right"> <a href="{getUrl('document_srl',$document->document_srl, 'listStyle', $listStyle, 'cpage','')}" class="btn"><span>공지글 보기</span></a> <!--@if($grant->write_comment && $oDocument->isEnableComment() )--> <a href="{getUrl('act','dispBoardWriteComment','document_srl',$document->document_srl)}" class="btn"><span>{$lang->cmd_comment_registration}</span></a> <!--@end--> <!--@if($document->isEditable())--> <!--@if(!( !$grant->manager && $document->getCommentCount()))--> <a href="{getUrl('act','dispBoardWrite','document_srl',$document->document_srl,'comment_srl','')}" class="btn"><span>{$lang->cmd_modify}</span></a> <!--@end--> <!--@if(!( !$grant->manager && $oDocument->getCommentCount()))--> <a href="{getUrl('act','dispBoardDelete','document_srl',$document->document_srl,'comment_srl','')}" class="btn"><span>{$lang->cmd_delete}</span></a> <!--@end--> <!--@end--> </div> </div> <style> summary.notice_fold::-webkit-details-marker { display: none; } summary.notice_fold { display: block; } summary.notice_fold { position: relative; padding-left: 1.2em; cursor: pointer; } summary.notice_fold::before { content: ""; position: absolute; border-top: 0.5em solid transparent; border-bottom: 0.5em solid transparent; border-left: 0.75em solid yellowgreen; top: 0.2em; left: 0; transition: .25s transform; } details[open] summary:before { transform: rotateZ(90deg); } </style> </details> </td> <td cond="$list_config['nick_name']"><a href="#popup_menu_area" class="member_{$document->get('member_srl')}" onclick="return false">{$document->getNickName()}</a></td> <td cond="$list_config['regdate']">{$document->getRegdate('Y.m.d')}</td> <td cond="$list_config['last_update']">{getTimeGap($document->get('last_update'), "y.m.d")}</td> </tr> </table> <script cond="!$mi->notice_view_slide ==''" > <!--// 한개의 공지내용만 Open --> const detailsList = document.querySelectorAll('.accordion'); for (const details of detailsList) { details.addEventListener('click', () => { if (details.open) { // 현재 열려 있는 details가 아닌 다른 details를 찾아 닫습니다. for (const otherDetails of detailsList) { if (otherDetails !== details && otherDetails.open) { otherDetails.open = false; } } // 화면 최상단으로 스크롤 // window.scrollTo({ top: 0, behavior: 'smooth' }); // 현재 열려 있는 details의 상단 위치를 계산합니다. const detailsTop = details.getBoundingClientRect().top; // 스크롤 위치를 details 상단에서 30px 위로 이동합니다. window.scrollTo({ top: detailsTop - 30, behavior: 'smooth', }); } }); } <!--// 내용글 Open시 슬라이딩 효과 --> const $_details = $(".accordion"); const $_summary = $_details.find(".notice_fold"); $_summary.on("click", function(e) { e.preventDefault(); const $_this = $(this); const $_this_details = $_this.parent("details"); const $_this_details_p = $_this_details.find("p"); const $_this_details_open = $_this_details.attr("open"); if (! $_this_details_open) { $_this_details.prop("open", true); $_this_details_p.stop().slideDown(1000); } else { $_this_details_p.stop().slideUp(500, function() { $_this_details.prop("open", false); }); } }); </script> css와 script는 예제로 만들어 본 것입니다. 참조하시면 됩니다.
1 2 3 Next