Data Of MoonHouse

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.0 위젯 - 2023.07.13

[-s] [ V 2.0 특징 ] 1. 배경 이미지 제거 스킨 추가 2. 어떤 크기라도 가능 3. 슬라이드 내용 가로, 세로 정렬 [-] [ V 1.1 특징 ] 1. Slide 설정에 자동 슬라이드쇼, 마우스 hover시 슬라이드 쇼 일시 중지, 랜덤 재생 추가 2. 마우스 hover시 썸네일 확대 [ 특징 ] 1. 깔금한 슬라이드 배경이미지 적용 2. 3개의 스킨 적용 - 1080px / 850px / 750px 레이아웃폭에 적당한 크기 3. 좌,우측 네비와 하단 Dot 선택 가능 4. 썸네일과 제목, 내용, 날짜를 출력하는 위젯 - 선택가능 5. 확장변수 선택시 바로가기 버턴 출력 6. 단점으로 배경...

More →

Mh BigSlider V2.0 위...

SketchBook5 게시판스킨 - 문하우스 수정버전 V2.6 - 2024.01.03

문하우스 수정버전의 스케치북 스킨은 자체 폰트어썸 기능을 제거해놓은 상태입니다. Web Fonts Addon 을 설치해서 폰트어썸과 Sexy Button을 활성화 시켜야 아이콘과 버턴들이 정상적으로 출력됩니다. • 기존 스케치북 게시판 스킨에 덮어 쓰기 해도 잘 작동됩니다. (혹시 모르니 백업은 필수!!) - /modules/board/skins/sketchbook5 에 모든 파일을 덮어 쓰기 하면 됩니다. • XE 사용자의 경우 [ 본문 일반 설정 > 추천/비추천 기능 XE사용 ] 에서 XE사용을 선택하면 됩니다. [-s] [ V2.6 수정 ] 1. 프로필 이미지 자동 입력 형태 선택시...

More →

SketchBook5 게시판스...

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

Prev 6 7 8 9 10 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

V1.4 수정내용(2020.12.13) 1. 코드정리 2. 자체 로그인 탑재 V1.3.1 수정내용 1. 심플레이아웃과 케릭터이미지를 분리했습니다. img.zip xe/layouts/mh_simple/images/img 폴더에 이미지를 넣어시면 됩니다. 2. 몇군데 IE6에서 어긋나던 문제 수정. 3. nuri가로 로그인 스킨에서 닉네임이 긴경우 라인을 벗어나던 문제 수정. 4. Admin클릭시 관리자페이지로 가지 않던 문제 수정 nuri_simple_login_garo.zip V1.3 수정내용 1. 상단 2차메뉴 유/무 2. 총14개의 케릭터이미지가 랜덤하게 표현됩니다. (유 /무 가능) 3. 우측메뉴의 위젯폭을 185px로 늘렸으며, 우측메뉴배경색상을 지정할 수 있습니다. 4. 위젯과 에드센스를 레이아웃설정에서 추가 할 수 있습니다.(총4군데) 5. 레이아웃코드안의 내용들이 상호 유기적으로 알맞게 배치됩니다. 6. 14개 케릭터이미지의 추가로 위젯의 용량이 5Mbyte가 조금 넘습니다. v1.2 수정내용 1. 레이아웃을 좌측배치와 중앙배치로 선택할 수 있습니다. 2. 우측메뉴버전에서 우측메뉴에 테두리추가 v1.1 수정내용 1. 외관상으로 별 변화는 없습니다. 2. 꼬여있던 스크립트를 XE에 맞추어 정리했습니다. 3. 특정 위젯에서 가로폭에 생기던 문제점을 해결했습니다.(제가 만든 카멜레온위젯들과 맞지를 않더군요.^.^) 4. 전체가로폭의 설정을 바르게 적용했습니다. 수정 1. layout.html안의 위젯란에 저의 위젯 스크립트가 들어가 있었네요, 지우고 다시 올렸습니다. 2. 썩은도끼님의 지적으로 아래에 문구 삽입 했습니다. 지적 감사합니다. Free Website Templates문구를 삭제하지 마세요. 다른 건 모두 삭제해도 상관없습니다. 프리웹사이트에 있는 템플릿중에 심플한 레이아웃이 있어서 XE 레이아웃으로 변경했습니다. http://www.freewebsitetemplates.com/preview/musicshop/ 여기저기서 스크립트들을 갖다 붙여서 어느곳이 누구의 스크립트인지 잘 모르겠습니다. 혹시 문제가 된다면 양해바랍니다. Mh_Simple Layout 설치 이 레이아웃은 가로로그인스킨을 선택 / 비선택 할 수 있습니다. 남시종님의 "누리파스텔가로로그인스킨"을 심플하게 변형을 한 로그인스킨이 포함되어 있습니다. 1. 단독 레이아웃스킨 의 압축을 풀어서 xe/layouts 폴더안에 mh_simple폴더채로 올리세요. 2. 누리 Simple 가로 로그인스킨 의 압축을 풀어서 xe/widgets/login_info/skins 폴더안에 nuri_simple_login_garo폴더채로 올리세요. 특징 샘플페이지 1. 심플하고 깔끔한 레이아웃을 원하시면 사용해보세요. 2. 기본설정으로 설치를 하셔도 사용하는데는 지장이 없지만, 자신이 만든 이미지를 직접 등록해서 자신만의 디자인으로 꾸밀 수 있습니다. 3. 심플버전 / 우측메뉴버전 두개의 레이아웃 형태를 선택할 수 있습니다. 4. 가로로그인스킨을 선택 / 비선택 할 수 있습니다. 5. 그 외 기타 문하우스 레이아웃에 사용된 여러 설정들이 적용되어 있습니다. 6. IE 6, 7버전 FF에서 확인햇습니다. 위의 이미지에서 여인들이 있는 위치에 기본이미지로는 음악듣는여인이 선택되어 있습니다. 기타 이미지를 올립니다.
[ Noto Sans KR 수정 ] 기존 ebay.co.kr에서 제공하던 소스가 막혔네요, 구글로 수정해 주세요 /addons/web_fonts/web_fonts.addon.php 파일 수정 if( $addon_info->noto_use == 'enable' ) { Context::addCSSFile('///fonts.googleapis.com/earlyaccess/notosanskr.css'); } [ V_1.8 업데이트 ] - 2022. 03. 29 • 폰터 어썸 V 6.1.1으로 버전 UP [ V_1.7.1 업데이트 ] - 2021. 08. 29 1. sky 색상 추가해서 총10가지 - SketchBook5 MH 게시판스킨 에서 10가지 색상 필요 [ V_1.7 업데이트 ] - 2020. 11. 23 1. 폰터 어썸 V 5.15.1으로 버전 UP 2. Noto Sans Korean 폰트 추가 - 외부파일 불러오기 css파일에 { font-family: "Noto Sans Korean", "Open Sans", sans-serif; } [ V_1.6 업데이트 ] - 2019. 12. 18 1. 폰터 어썸 V 5.12.0으로 버전 UP 2. Sexy Button - dark와 white 색상 추가해서 총 9가지 - 버턴크기 mini를 추가해서 총 3가지 class="sbtn_mini sbtn-white" class="sbtn_mini sbtn-dark" [ V_1.5 업데이트 ] - 2018. 10. 29 1. 폰터 어썸 V 5.4.2으로 버전 UP 2. 폰터 어썸 V4 / V5 통합됨 [ V_1.4 업데이트 ] 1. Sexy Button의 button소스가 XE와의 충돌로 문제 - button_ 부분을 sbtn_으로 수정 - button- 부분을 sbtn- 으로 수정 - button_small button-red 를 sbtn_small sbtn-red 이렇게 변경해야지 Sext Button에드온이 작동함. - Sexy Button으로 자신이 버턴을 만든적이 없으면 Pass~ [ V_1.3.1 업데이트 ] 1. 폰터 어썸 5.0.2으로 버전업후 일부 4.7.0 아이콘들 사리지는 증상을 해결(두버전 모두 포함) [ V_1.3 업데이트 ] 1. 폰터 어썸 5.0.2으로 버전업 2. 나눔고딕도 내,외부 파일 불러오기로 구분하였습니다. [ V_1.2 업데이트 ] 1. 폰터 어썸 4.7.0으로 버전업 2. 폰터 어썸 을 내부, 외부 둘 중에서 선택해서 불러올 수 있게 수정함 Web Fonts 애드온 1.0 에 Sexy Button을 추가했습니다. Font Awesome Icons도 4.5.0으로 버전업 되었습니다. "Sexy Button"은 웹폰트는 아니지만 작동기능이 비슷하고 사용목적도 비슷해서 같이 합쳤습니다. Sexy Button은 제가 붙힌 것은 아니고 소스를 얻은 곳에서 사용된 제목입니다. [Sexy Button 사용법] 위의 이미지에서 보이는 버턴들이 "Sexy Button"을 적용해 만든 버턴들입니다. 큰 버턴, 작은버턴, 총 7가지의 색상으로 구현할 수 있습니다. 그리고 Font Awesome Icons과 함께 사용하도록 만들어져 있습니다. 위에 다섯개가 작은버턴 5가지 색상입니다. 1. blue <a href="{getUrl}" class="sbtn_small sbtn-blue"><i class="fa fa-step-backward"></i>문구</a> 2. green <a href="{getUrl}" class="sbtn_small sbtn-green"><i class="fa fa-step-forward"></i>문구</a> 3. purple <a href="{getUrl}" class="sbtn_small sbtn-purple"><i class="fa fa-list"></i>목록</a> 4. orange <a href="{getUrl}" class="sbtn_small sbtn-orange"><i class="fa fa-pencil-square-o"></i>수정</a> 5. red <a href="{getUrl}" class="sbtn_small sbtn-red"><i class="fa fa-trash"></i>삭제</a> 아래 두개가 큰버턴 2가지 색상입니다. 6. yellow <a href="{getUrl}" class="sbtn sbtn-yellow"><i class="fa fa-comments"></i><i class="fa fa-folder-open"></i>문구</a> 7. gray <a href="{getUrl}" class="sbtn"><i class="fa fa-comments"></i><i class="fa fa-folder-open"></i>문구</a>
Prev 7 8 9 Next
네이버TV같은 곳에서 동영상 보다보면 스크롤을 내릴경우 우측하단에 동영상이 뜨길래 구현해보았습니다. 스크롤 내리시면 팝업이 뜹니다. 플로팅 팝업 비디오 애드온 버그가 있으면 버그발생하는 주소를 알려주세요! 애드온화 하긴했는데 버그가 있을수도 있습니다. 라이센스... /* * ------------------------------------------------------------ * "THE BEERWARE LICENSE" (Revision 42): * <author> wrote this code. As long as you retain this * notice, you can do whatever you want with this stuff. If we * meet someday, and you think this stuff is worth it, you can * buy me a beer in return. * ------------------------------------------------------------ */ VER 0.4.1 전환되는 부분 안정화 따로 옵션없고 동영상 끝부분에서 전환되도록 변경하였습니다. 유투브 재생중일 때만 작동하는 옵션기능 추가하였습니다 (불안정) 닫기위치 조정할수 있는 옵션을 추가하려했으나 경우의 수가 많아져서 직접 수정하셔서 사용하시기 바랍니다. VER 0.4.3 유투브 재생중일 때만 작동하는 옵션기능 안정화 VER 0.4.4 유투브 리사이즈 애드온과 충돌하는 문제 해결 가운데 정렬 수정 ZipperUpper 애드온 사용시 안되는 문제 해결 VER 0.5.0 PC와 모바일 팝업창 크기 따로 입력가능하도록 변경 하단 간격추가 팝업 뜨는 위치 왼쪽 오른쪽 선택가능 버튼 변경 (고양이님 제공) 버그fix VER 0.5.1 닫기버튼 위치 버그수정 VER 0.5.2 유투브 재생목록 있는 동영상의 경우 작동안하던 문제를 해결하였습니다 (고양이님 제보) 본문에만 적용하도록 수정하였습니다. (웹지기님 제보 윤삼님 도움) 버튼 커서 (고양이님 제보) 유튜브에서 팝업닫기시 동영상을 일시정지하는 옵션을 추가하였습니다. 기존에 유튜브 API를 무조건 가져왔었는데 페이지에 유튜브 영상이 있을때만 가져오도록 추가하였습니다. VER 0.6.0 버튼 커스텀 기능이 추가되었습니다. ( 모바일에서는 이미지만 적용) 유튜브 아이프레임 경로가 //로 시작할때 작동안하던 문제를 해결하였습니다. 애드온 기능추가하려고 보니 생각없이 작성했던 막장코딩이 발목을 잡았습니다. 코드 정리하려했으나 새로 코드를 짜는편이 더 이로울듯 판단하여 일단 생략.. 제 사이트 기준으로는 작동에 이상이 없으나.. 버튼 커스텀 위치는 css 아시분만 사용하시기 바랍니다. 댓글로 위치 잡아 드리는 걸 도와 드릴수가 없습니다. 문제가 없다면 마지막패치일수도 아무도모름 재미없고 두서없는 글 읽어주셔서 감사합니다.
상세 설명 XE로 만들어진 사이트의 성능을 획기적으로 높이고 서버 부하를 줄이기 위한 몇 가지 방법을 제공하는 모듈입니다. XE 버전에 따라 일부 기능이 지원되지 않거나 별도 패치가 필요할 수도 있습니다. XE타운 화제의 모듈!!! 로딩속도 0.01초에 도전합니다!!! 전체화면 캐시 웹 페이지 전체를 캐시에 저장해 두었다가 다른 방문자들에게도 똑같이 뿌려 주는 기능입니다. 로그인하지 않은 방문자가 대부분인 블로그, 단순 홍보성 사이트 등에서 큰 효과를 얻을 수 있으나, 사용자에 따라 내용이 달라져야 하는 사이트라면 적용이 곤란할 수도 있습니다. 단순 정보성 홈페이지, 로그인하지 않고 눈팅만 하는 사용자가 많은 커뮤니티 사이트라면 페이지 로딩(TTFB) 속도가 10배 이상 빨라질 수도 있습니다. (속도 개선 효과는 사이트 구성에 따라 다릅니다.) 검색 로봇도 로그인을 하지 않으므로 빠르게 처리할 수 있고, 이에 따라 검색 순위가 높아지는 효과를 볼 수 있습니다. 게시판 캐시 게시판의 글 수가 많아지면 검색, 페이징, 목록 처리 등의 쿼리 소요시간이 전체 로딩 시간의 상당 부분을 차지하게 됩니다. 이 문제를 덜어 주는 페이징 캐시 기능은 대형 게시판을 사용하는 커뮤니티 사이트에 도움이 되며, 검색 결과 캐시는 DB 부하가 심한 검색 작업에 소요되는 시간을 절약해 줍니다. 동시접속자가 1만 명 이상인 커뮤니티 사이트에서 게시판 캐시 적용만으로 서버 부하가 50% 이상 줄어들고, 피크시간대 느려짐 현상이 완전히 해결된 사례가 있습니다. 위젯 캐시 캐시를 설정하지 않았거나 0분으로 설정한 위젯, 레이아웃에 때려박거나 소스를 이리저리 복사하는 바람에 캐시 적용이 곤란한 위젯에도 모두 캐시를 적용할 수 있는 기능입니다. 위젯이 많은 화면의 로딩 속도와 DB 부하를 크게 줄일 수 있으며, 로그인 사용자가 많은 사이트에서도 효과는 동일합니다. 캐시 기간을 길게 잡아 두더라도 새 글이 등록되면 즉시 갱신되고, 회원 권한에 따라 다른 내용을 표시해야 하는 위젯도 지원합니다. 캐시 갱신 주기나 회원 권한 때문에 위젯 캐시를 사용하지 못하고 계셨다면 이 기능을 반드시 사용해 보시기 바랍니다. 기타 편의기능 일부 게시판 스킨에서 검색 요청을 2번 반복하는 문제를 해결합니다. 일부 레이아웃과 스킨에서 페이지 전체를 CSS 또는 이미지로 다시 로딩하려고 시도하는 것을 차단합니다. 기본 URL 이외의 도메인으로 접속하거나 IP 주소로 직접 접속한 경우 기본 URL로 자동 리다이렉트하여 캐시 효율을 높입니다. 주의! 필독! 경고! 반드시 읽으세요! 안 읽으면 곰에게 잡아먹힙니다! XE 1.8 미만, PHP 5.5 미만 버전은 지원하지 않습니다. 전체화면 캐시 사용시 작동하지 않거나 오작동하는 모듈이나 애드온이 있습니다. 이것은 해당 모듈이나 애드온에서 해결해야 하는 문제입니다. 전체화면 캐시는 한 방문자에게 표시했던 내용을 다른 방문자에게 그대로 뿌려줄 뿐입니다. 그 내용이 어떤 것인가는 XE 코어와 다른 모듈, 애드온들의 책임입니다. 로그인하지 않은 방문자마다 달라져야 하는 내용이나 기능이 조금이라도 있다면 전체화면 캐시를 사용하실 수 없습니다. 예외 액션이나 예외 쿠키 등으로 해결할 수 없다면 그 기능을 포기하거나 전체화면 캐시를 포기하거나 둘 중 하나를 선택하셔야 합니다. 둘 다 쓰도록 해달라는 종류의 문의는 (슈퍼 캐시 모듈의 명백한 버그가 아니라면) 일체 받지 않습니다. 안드로이드 푸시앱에서 전체화면 캐시 사용시 회원들의 알림 설정이 제대로 적용되지 않는다는 제보가 있으나, 이것이 슈퍼 캐시의 문제인지 푸시앱의 문제인지는 아직 밝혀지지 않았습니다. 푸시앱 사용자들은 로그인 상태를 유지하는 경우가 대부분이라 전체화면 캐시를 사용하더라도 효과가 별로 없으니, 가능하면 푸시앱에서는 전체화면 캐시를 사용하지 마시기 바랍니다. 슈퍼 캐시를 사용하면 XE 코어의 "오브젝트 캐시" 기능이 활성화됩니다. 이 기능이 켜져 있으면 오작동하는 모듈이나 애드온이 있을 수 있으니 주의하시기 바랍니다. 이런 오류는 슈퍼 캐시에서 해결할 수 없습니다. 기본값(default)이나 파일 캐시(file)를 사용하면 files/cache/store 및 files/supercache 폴더 내에 다량의 캐시파일이 생성될 수 있으며, 캐시파일 재생성 클릭시 오류가 발생할 수 있으니 주의를 바랍니다. 가상서버나 단독서버에서는 memcached 사용을 권합니다. 웹호스팅이라도 memcached를 제공하는 업체가 있으니 (예: ○○24) 최대한 활용하십시오. 슈펴 캐시는 성능 개선 효과가 큰 만큼 리스크도 높은 "하이 리스크, 하이 리턴" 성격의 모듈입니다. 다양한 옵션이 있으니 무조건 다 켜지 말고 주의와 경고 내용을 분명히 이해하시기 바랍니다. 경고가 붙어 있는 옵션은 모두 이유가 있습니다. 수정 내역 v1.3.3 : Memcached 사용시 캐시 비우기 오류 수정, 상자 위젯 디자인 깨짐 수정, 로그인 에러 발생시 캐시 처리 문제 수정 v1.3.2 : 위젯 캐시에서 제외할 모듈을 선택하는 기능 추가, 위젯 캐시와 호환되지 않는 위젯은 기본값을 OFF로 변경 v1.3.1 : 캐시 비우기 버튼 추가 v1.3.0 : 모바일 처리 및 푸시앱 호환성 개선 v1.2.0 : 위젯 캐시 기능 추가 v1.1.0 : 자체 캐시 드라이버를 내장하여 기본값 또는 파일 캐시 사용시 성능 및 안정성을 개선 v1.0.0 : 최초 버전
Prev 7 8 9 Next
Mh Appoint PopUp 위젯 을 출력하고자 할때 위젯을 직접 입력할 수 있는 위젯페이지에서는 쉽게 팝업위젯을 띄울 수 있으나, 게시판이나 문서페이지등에서는 위젯을 입력하기가 쉽지 않습니다. 해당 레이아웃에 직접 위젯코드를 복사해서 붙여넣기를 하면 되나, 해당 레이아웃 전체에 적용이 되므로 불편합니다. 그럼 해당 레이아웃에 위젯코드를 작성할 수 있는 란을 만드는 방법입니다. 1. 팝업을 출력할 게시판이나 기타페이지에 적용할 레이아웃을 따로 복사본생성으로 만드시는 편이 좋습니다. 2. 해당 레이아웃의 layouts/해당 레이아웃/conf/info.xml 파일을 편집기로 열어서 아래와 같이 추가합니다. <var name="popup_wg" type="select"> <title xml:lang="ko">★ 팝업위젯출력</title> <description xml:lang="ko">외부팝업위젯(Mh Appoint PopUp 위젯등)의 출력를 결정하세요.</description> <options value=""> <title xml:lang="ko">출력안함</title> </options> <options value="Y"> <title xml:lang="ko">출력</title> </options> </var> <var name="popup_wgc" type="textarea"> <title xml:lang="ko"> ┖ 팝업위젯 코드</title> <description xml:lang="ko">Mh PopUp 위젯등의 코드를 작성</description> </var> 3. layouts/해당 레이아웃/layout.html 파일을 편집기로 열어서 아무곳에나 아래의 코드를 추가합니다. <div cond="$layout_info->popup_wg == 'Y'">{$layout_info->popup_wgc}</div> 4. 관리자메뉴 > 고급 > 설치된 위젯 에서 팝업으로 띄울 위젯에서 "코드생성"을 해서 코드를 복사합니다. 5. 해당 레이아웃의 설정에서 코드를 붙여넣기 하면 됩니다. 참고로 팝업을 종료할려면 여러 방법이 있지만 레이아웃 설정에서 팝업위젯츨력의 유무를 선택하시면 편리하며 다음에 팝업을 다시 재개 할려면 팝업위젯코드를 약간식만 손 보면 됩니다. 예로 팝업이 다른 게시글일 경우 document_srl="게시글번호", board_top="10" board_left="50" popup_width="640" 는 위치와 팝업 크기 close_y="2021" close_m="07" close_day="14" 는 팝업 닫는 날짜 설정 popup_no="n" 추가시는 한페이지에 여러 팝업 출력도 가능합니다.
후하니님의 스티커모듈 을 evergreen님이 포크한 버전 을 문하우스에서 조금 수정해서 올립니다.(라이믹스 2.0 이상 전용) SketchBook5 게시판스킨 - 문하우스 수정버전 Pro ver. 1.8.3 (라이믹스전용) 상기 스케치북을 다운 받아서 설치하고 다운받은 스티커모듈 sticker.zip 을 설치하고 아래와 같이 게시판설정에서 적용하면 끝! [댓글과 대댓글에 적용] [모바일에 적용] • 스티커숍 의 모습입니다. 공지사항은 "모듈설정"에서 "공지사항"에 입력하면 됩니다. • 스킨설정 • 모듈설정 • 모듈설정에서 기본적으로 출력되는 스티커 등록하는 방법 • 참고로 배경투명한 png파일을 등록시 "이미지 리사이징"을 사용하면 jpg파일로 저장되며 배경투명설정이 사라집니다. • /modules/sticker/sticker.class.php - 모듈설정 수정파일 • /modules/sticker/tpl/config.html 하단에 40숫자를 변경하시면 최소이미지 설정 가능합니다. if(maxPx < 40){ return alert('이미지 최대 사이즈 값이 너무 작습니다.'), false; } 중간생략 if(image_min_width < 40 || image_min_height < 40){ return alert('이미지 최소 크기 값이 너무 작습니다.'), false; } • /modules/sticker/sticker.controller.php 228줄 width:120px height:120px는 댓글란에 보여지는 이미지의 크기입니다. 조절하시면 됩니다. 기존 코드로 스티커가 높낮이 가득 채워져 출력 - 원소스 크기가 높낮이 보다 큰 경우 <a href="/?mid=sticker&sticker_srl='.$data->sticker_srl.'" title="'.$data->title.'" style="display:block;background-image:url('.$data->url.');background-size:cover;background-position:50% 50%;width:120px !important;height:120px !important;border-radius:3px;" alt="'.$file_name.'"></a> 스티커가 원소스 사이즈로 출력 - 원소스 크기가 높낮이 보다 작은 경우 <a href="/?mid=sticker&sticker_srl='.$data->sticker_srl.'" title="'.$data->title.'" style="display:block;background-image:url('.$data->url.');background-repeat:no-repeat;background-position:0 50%;min-width:200px !important;min-height:120px !important;border-radius:3px;" alt="'.$file_name.'"></a> • 댓글위젯 수정방법 https://xetown.com/questions/494632#comment_494707 {@ $length = mb_strlen(trim(preg_replace('/\s+/', ' ', strip_tags($item->getTitle()))), 'UTF-8'); $sticker = 'sticker'; $pos = strpos($item->getTitle(), $sticker);} <a href="{$item->getLink()}" target="_blank"|cond="$widget_info->new_window"><!--@if ($pos === 2) -->스티커 댓글입니다.<!--@elseif ($length > 0) -->{$item->getTitle($widget_info->subject_cut_size)}<!--@else-->{$lang->no_text_comment}<!--@end--></a> • 모바일에 적용 팁[기븐님] https://xetown.com/topics/494430 • /modules/sticker/sticker.model.php 47줄 $list_count = 9999; 으로 지정시 - 보유한 스티커 전체 출력 sticker.js.zip $list_count = Mobile::isMobileCheckByAgent() ? 10 : 10; 으로 지정시 - 앞부분은 모바일, 뒷부분은 웹에서 보여지는 스티커 숫자 위의 설정에 따라 스티커창 좌우 화살표 유무를 sticker.js에서 편집해 주면 됩니다. 내려받은 두 프로그램 그대로 설치시 15개 스티커창 까지 지원합니다. 그 이상은 스티커 전체 출력이나 숫자들을 잘 조절하시면 됩니다. • /modules/board/skins/sketchbook5_MH/js/sticker.js - 위의 설정에 따라 수정 54줄 //blank for(i=1-sticker_length; i>0; i--){ html += '<li class="sticker_icon srl">'; html += '</li>'; } • i=1 부분이 기본으로 보여지는 스티커 빈창 숫자 - 모바일 때문에 1으로 지정 64줄 html += '<a href="javascript:;" onclick="'+(sticker_length < 8 ? 'alert(\'마지막 페이지입니다.\')' • +(sticker_length < 8 - 숫자부분을 적절히 조절 • /modules/board/skins/sketchbook5_MH/css/sticker.css - 스티커입력창 부분들 스케치북 디자인으로 수정 .stk_display { padding:0; min-height:200px; width:100%; margin:15px auto 0 auto; line-height:0; background:#FCFCFC; border:1px solid #DDD; border-bottom-color:#CCC; border-radius:8px; box-shadow:0 1px 3px -1px rgba(0,0,0,.1); *zoom:1} .srl { margin:5px; padding:5px; border:1px solid #DDD; border-bottom-color:#CCC; border-radius:8px; box-shadow:0 1px 3px -1px rgba(0,0,0,.1); *zoom:1 } • /modules/sticker/sticker.view.php 53줄 $args->list_count = 16; /// - 스티커 구매페이지에 보이는 스티커메뉴 수 $args->page_count = 10; /// - 스티커 구매페이지에 보이는 페이지의 수 • 헤드, 바디부분 아이콘들 중앙정렬
XETOWN에 질문글 이 올라와서 구현해 보았습니다. '한 줄 입력칸' 확장 변수 사용중입니다. 입력칸에 내용을 넣었을 경우 해당 내용은 보이지 않고 대신 '내용 복사' 버튼만 출력되게 수정하려고 합니다. 어떻게 수정하면 좋을까요? 스케치북게시판을 샘플로 작성합니다. /modules/board/skins/sketchbook5_MH/_read.html 파일을 엽니다. <!--// Extra Var --> <table cond="!$mi->et_var && $oDocument->isExtraVarsExists() && (!$oDocument->isSecret() || $oDocument->isGranted())" class="et_vars bd_tb"> <caption class="blind">Extra Form</caption> {@ $etIdx=1 } <tr loop="$oDocument->getExtraVars() => $key,$val" cond="$val->getValueHTML() && $val->eid!='rd_preview'" class="bg{$etIdx%2}"> <th scope="row">{$val->name}</th> <td cond="$val->eid!='rating' && $val->eid!=='copy'">{$val->getValueHTML()}</td> <!--// 지정 확장변수 내용복사--> <td cond="$val->eid=='copy'"> {$val->getValueHTML()} <a href="#" onclick="ExtLink(); return false;"><span class="sbtn_mini sbtn-dark" style="margin-left:10px">내용복사</span><input type="text" value="{$val->getValueHTML()}" id="extcopy" readonly style="position:absolute; top:-100px; width:1px; padding:0px; border:0px; display:inline-block;" /></a></td> <script> function ExtLink(){ var copyText = document.getElementById("extcopy"); copyText.select(); copyText.setSelectionRange(0, 99999) document.execCommand("copy"); alert("확장변수 내용이 클립보드에 복사되었습니다."); } </script> <td cond="$val->eid=='rating'" class="rating"><span class="starRating" title="{$val->getValueHTML()}{$lang->score}"><span style="width:{$val->getValueHTML()*10}%">{$val->getValueHTML()}</span></span></td> {@ $etIdx++ } </tr> </table> 빨간색코드를 작성후 저장합니다. 해당게시판의 설정 > 확장변수 > 확장 변수 ID 를 "copy"로 하는 "한줄 입력칸(text)"을 만듭니다. 파란색 {$val->getValueHTML()} 부분은 확장변수가 출력되는 부분입니다. 필요 없어면 생략해도 됨 녹색 sbtn_mini sbtn-dark 부분은 Web Fonts 애드온 의 Sexy Button을 적용한 것입니다.
Prev 7 8 9 Next

Xe Total

게시판 Category 제목 글쓴이 날짜 조회수 추천수
문하우스 확장변수 "내용 복사" 버턴 적용하기 file
팔공산 2021.04.30 163
문하우스 1 게시글주소 클립보드 복사 기능 만들기 file 팔공산 2021.04.14 292 1
CSS 색상 이름 rgb , 16진수 자료( css 색상표 )
팔공산 2021.02.15 832 1
문하우스 SketchBook5 게시판스킨 - 문하우스 수정버전에 "Book Gallery 형태" 유형 추가 file
팔공산 2021.02.08 289
게시판스킨 거래장+Map 게시판스킨 Mh Books V1.2 - 2022. 03 20 updatefile
팔공산 2021.02.05 339
문하우스 라이믹스 2.0.6 에 추가된 "메뉴 아이콘" 사용방법 file
팔공산 2021.02.05 649 1
문하우스 그룹별로 위젯 노출 유무 적용하기 file
팔공산 2021.02.04 121
css display 속성: inline, block, inline-block
팔공산 2021.02.02 903
기타 템플릿 컴포넌트 이미지 비교기능 MH 템플릿 file
팔공산 2021.01.24 145
html 4 접기, 펼치기 folding기능 - <details> 와 <summary>로 간단하게 구현하기 updatefile 팔공산 2021.01.23 23478
Prev 6 7 8 9 10 Next