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

3 4 5 6 7 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

[ 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 [특징] •레이아웃과 위젯의 콜라보로 이루어진 전체화면 갤러리 스킨입니다. •레이아웃만으로는 게시글의 이미지를 가져오기가 힘들어서 위젯으로 이미지를 가져옵니다. •레이아웃 설정에서 위젯의 모든 설정을 제어 할 수 있습니다. •Gallery Layout은 Gallery Widget과 함께 해야 됩니다 - 다른 기능 없습니다. •Gallery Widget은 단독으로 사용이 가능하나 레이아웃에 따라서 적용이 어려울 수 있습니다. •위젯으로 사이드 메뉴 & 레이웃으로 본문 메뉴 사용가능 •다크모드 적용 했습니다. •완벽한 반응형으로 작동합니다. •PC에서는 키보드 화살표로도 이동 가능, 모바일에서는 터치로도 이동 가능합니다. [PC Mode] [Mobile Mode] •확장변수를 사용하여 New 아이콘 & 평가(별 아이콘) & Best 메달 & 확장변수 2종류를 출력할 수 있습니다.(이미지에서는 가격과 품절 - 수정가능) •다양한 정렬대상을 지원합니다. •다양한 SNS 계정연결을 지원합니다. [적용방법] 1. 주문요청 > 입금 > 관리자가 권한 부여 > 구매자게시판 > 첨부파일을 다운받아서 압축을 풀면 아래와 같이 layouts & widgets 폴더가 생성됩니다. 2. layouts & widgets 폴더를 ftp로 업로드 해 주면 됩니다. 3. 대상모듈 게시판의 확장변수를 추가합니다. 4. 레이아웃 설정을 해 줍니다. •대상모듈 번호를 필히 입력하셔야 정상적으로 출력됩니다. 관리자설정 > 고급 > 설치된 위젯 > Mh Gallery > 코드생성 > 대상모듈 > 추가> 코드생성 > 코드에 출력되는 module_srls 값을 입력하면 됩니다. •대상모듈의 분류항목별로도 출력이 가능합니다. •License 영역은 출력하지 않아도 됩니다. •모바일(사이드) 메뉴(SNB)를 잘 이용하시면 여러 종류의 갤러리를 운영 할 수 있습니다. p.s XE 버전은 코어 자체에서 다크모드 기능을 지원하지 않으므로 다크모드 기능이 빠져 있습니다.
Prev 4 5 6 Next
Prev 4 5 6 Next
[ 2023. 09. 15. 라이믹스 2.1.5 버전 이전에 파일 받으신 분 에러 수정법 } /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--> 지금 다운 파일은 수정한파일 입니다. Sketchbook5 게시판스킨에서 업로드 파일 목록을 XETown 자료실과 비슷한 형태로 꾸며보는 방법입니다. 1. skin.xml 파일에 추가 - 첨부파일 그룹밑에 두면 좋겠죠 <var name="data_files" type="radio"> <title xml:lang="ko">★자료실 형태</title> <description xml:lang="ko">자료실 형태의 파일의 출력 여부를 선택합니다.</description> <options value=""> <title xml:lang="ko">출력 안함(기본)</title> </options> <options value="Y"> <title xml:lang="ko">출력</title> </options> </var> 2. _read_data.html 파일을 하나 만들어 아래와 같이 코드를 적용합니다 - 다운 받으셔도 됩니다 다운받은 read_data.zip 파일 압축을 풀어서 _read_data.html 사용해도 됩니다. <style> .bd_tb .tc { text-align:center } .bd_tb .tb { background-color:#f9f9f9 } </style> <div id="files_{$oDocument->document_srl}" class="rd_fnt rd_file"> <table class="et_vars bd_tb cont"> <thead> <tr cond="$oDocument->hasUploadedFiles()" class="tb"> <th>파일명</th> <th cond="!Mobile::isMobileCheckByAgent()" class="tc"> 업로드 일자 </th> <th cond="!Mobile::isMobileCheckByAgent()" class="tc"> 파일 크기 </th> <th class="tc"> 다운 수 </th> </tr> </thead> <tbody> {@ $re_files = array_reverse($oDocument->getUploadedFiles())} <tr loop="$re_files=>$key,$file"> {@ $ext = substr($file->source_filename, -4); $ext = strtolower($ext); $ext_img = in_array($ext,array('.jpg','jpeg','.gif','.png')); $ext_video = in_array($ext,array('.mpg','mpeg','.avi','.wmv','.mp4','.mov','.mkv','.swf','.flv','.ogv','webm')); $ext_audio = in_array($ext,array('.mp3','.ogg','.wma','.wav','.ape','flac','.mid')); } <block cond="!$ext_img && !$ext_video && !$ext_audio"> <td><a href="{getUrl('')}{$file->download_url}">{$file->source_filename}</a></td> <td cond="!Mobile::isMobileCheckByAgent()" class="tc">{zdate($file->regdate, 'Y.m.d')}</td> <td cond="!Mobile::isMobileCheckByAgent()" class="tc">{FileHandler::filesize($file->file_size)}</td> <td class="tc">{number_format($file->download_count)}</td> </block> </tr> </tbody> </table> </div> •업로드 파일 역순으로 정렬은 기진곰님의 팁으로 완성했습니다 - 빨간색 https://xetown.com/questions/1753244 •이미지, 오디오, 동영상 파일을 제외한 파일만 출력됩니다 - 파란색 3. _read.html 파일안에 적당한 위치에 빨간색 코드를 삽입 - 저는 확장변수 출력칸 바로 위에 위치했습니다. <!--// Body --> <div class="rd_body clear"> <!--// 자료실형태 --> <include cond="$oDocument->hasUploadedFiles() && $mi->data_files=='Y'" target="_read_data.html" /> <!--// Extra Var --> 4. "첨부파일 표시 방법" "숨기고 버턴 표시(기본)" 선택하면 자료실 형태만 출력되고(버턴 클릭시 하단에 파일목록 출력되지 않음) "표시 안함" 이외에 선택하면 해당 방법대로 출력됩니다.(확장자 필터 기능도 적용됨) 완성된 모습 https://moonhouse.co.kr/xemy/539975
마감일자가 있는 성격의 게시물 제목에 자동으로 상태(종료, 오늘종료, 진행중 등등 ) 반영하기 팁 D-day 계산 위의 두 팁을 합쳐서 확장변수를 이용해 진행버턴과 D-Day를 함께 출력하는 팁입니다. 게시판 스킨은 sketchbook5 입니다. 1. skin.xml 파일 수정 <var name="end_name" type="text"> <title xml:lang="ko">★종료출력 사용자 정의 이름</title> <description xml:lang="ko">종료 출력을 원하는 확장변수의 사용자 정의 이름을 적어주세요(기본 end)</description> </var> <var name="end_title" type="text"> <title xml:lang="ko"> ┖ 종료</title> <description xml:lang="ko">종료 제목을 적어주세요(기본 종료)</description> </var> <var name="ing_title" type="text"> <title xml:lang="ko"> ┖ 진행중</title> <description xml:lang="ko">진행중 제목을 적어주세요(기본 진행중)</description> </var> <var name="approach_title" type="text"> <title xml:lang="ko"> ┖ 종료임박</title> <description xml:lang="ko">종료임박 제목을 적어주세요(기본 종료임박)</description> </var> <var name="today_title" type="text"> <title xml:lang="ko"> ┖ 오늘종료</title> <description xml:lang="ko">오늘종료 제목을 적어주세요(기본 오늘종료)</description> </var> <var name="a_d" type="text"> <title xml:lang="ko"> ┖ 종료임박 날수</title> <description xml:lang="ko">종료임박 날 수를 적어주세요(기본 +1 day / 진행중 날 수와 동일 설정)</description> </var> <var name="i_d" type="text"> <title xml:lang="ko"> ┖ 진행중 시작 날수</title> <description xml:lang="ko">진행중 시작 날수를 적어주세요(기본 -1 days / 종료임박 날 수와 동일 설정)</description> </var> <var name="d_day" type="radio"> <title xml:lang="ko">D-Day출력</title> <description xml:lang="ko">D-Day를 출력표시합니다.</description> <options value=""> <title xml:lang="ko">표시 안함(기본)</title> </options> <options value="Y"> <title xml:lang="ko">표시</title> </options> </var> <var name="d_day_title" type="text"> <title xml:lang="ko"> ┖ D-Day</title> <description xml:lang="ko">D-Day 제목을 적어주세요</description> </var> 2. _list_normal.html 파일 수정 {$document->getTitle($mi->subject_cut_size)} 부분을 찾아서 아래와 같이 수정 {@ if(!$mi->end_name) $mi->end_name = end; if(!$mi->end_title) $mi->end_title = 종료; if(!$mi->d_day_title) $mi->d_day_title = ''; if(!$mi->ing_title) $mi->ing_title = 진행중; if(!$mi->approach_title) $mi->approach_title = 종료임박; if(!$mi->today_title) $mi->today_title = 오늘종료; if(!$mi->i_d) $mi->i_d = '-1 days'; if(!$mi->a_d) $mi->a_d = '+1 day'; $now = date("Y-m-d"); $date = $document->getExtraEidValueHTML($mi->end_name); $this_day = date_create($document->getExtraEidValueHTML($mi->end_name)); $date1 = date("Y-m-d",strtotime($this_day->format("Y-m-d").($mi->i_d))); $datetime = new DateTime($now); $date2 = $datetime->modify($mi->a_d); $w_d_day_text = str_replace('.', '-', $date);// D-day 날짜 설정 $w_d_day = strtotime($w_d_day_text); $w_today = time();// 오늘 날짜 설정 $w_diff = $w_d_day - $w_today;// D-day와 오늘 날짜 차이 계산 $w_days = floor($w_diff / (60 * 60 * 24))+1;// 초를 일 수로 변환 } <!--// 종료 확장변수 설정 --> <!--@if(!$date)--> <span> <!--@elseif($now > $date)--> <span style="color:#a6a6a6; text-decoration:line-through !important;"><span class="sbtn_mini sbtn-dark" style="margin-right:5px">{$mi->end_title}</span> <!--@elseif($now == $date)--> <span style="color:red"><span class="sbtn_mini sbtn-red" style="margin-right:5px">{$mi->today_title} <span cond="$mi->d_day">[{$mi->d_day_title} - 0]</span></span> <!--@elseif($now < $date1)--> <span><span class="sbtn_mini sbtn-yellow" style="margin-right:5px">{$mi->ing_title} <span cond="$mi->d_day">[{$mi->d_day_title} - {$w_days}]</span></span> <!--@elseif($date2)--> <span><span class="sbtn_mini sbtn-blue" style="margin-right:5px">{$mi->approach_title} <span cond="$mi->d_day">[{$mi->d_day_title} - {$w_days}]</span></span> <!--@end--> {$document->getTitle($mi->subject_cut_size)} </span> <!--// 종료 확장변수 설정끝 --> 3. 게시판 설정에서 확장 변수 ID를 "end"로 형식은 "일자(연월일)"로 추가하고 게시판 글 작성시 마감일시를 적용하면 됩니다. https://moonhouse.co.kr/map 4. mh_multi 위젯 mh_sketchbook5_list 스킨에 적용한 모습 https://moonhouse.co.kr/multi 참고로 버턴이미지는 웹폰트 에드온 의 폰트어썸과 Sexy Button을 적용했습니다.
검색버턴을 클릭하면 바로 하단에 토글로 검색바가 출력되게 적용하는 방법입니다. 1. 적용할 레이아웃의 적당한 위치에 "검색"버턴을 만듭니다. <button><a class="show_srch" id="show_srch" onclick="toggle('srch')">검색</a></button> 2. 하단에 통합검색 코드를 작성합니다. <!--// 검색 --> <div id="srch"> <form action="{getUrl()}" method="get"> <input type="hidden" name="vid" value="{$vid}" /> <input type="hidden" name="mid" value="{$mid}" /> <input type="hidden" name="act" value="IS" /> <input type="text" name="is_keyword" value="{$is_keyword}" title="검색" class="itx" accesskey="S" /> <input type="image" src="img/bs_white.png" alt="Search" class="is" /> </form> </div> "srch" id는 통일시켜야 합니다. 이미지를 레이아웃의 img폴더에 업로드 3. 최하단에 스크립트 추가 <script> function toggle(id){ if(document.getElementById(id).className=='open'){ document.getElementById(id).className='' } else { document.getElementById(id).className='open' } }; </script> 4. css파일에 아래 코드 추가 /* 검색 */ .show_srch { background-position:-240px 8px; cursor:pointer; } #srch { display:none; position:relative; width:85%; margin:0 0 5px 20px; } #srch.open { display:block; } #srch .itx { width:100%; height:30px; padding:0; line-height:16px; font-size:16px; border:1px solid #999; border-radius:3px; -webkit-box-shadow:inset 1px 1px 2px #DDD; box-shadow:inset 1px 1px 2px #DDD; -moz-transition:all .5s; -webkit-transition:all .5s; transition:all .5s; position:relative; } #hd .srch .itx:focus { border-color:#333; } #srch .is { position:absolute; top:4px; right:0; padding:3px 5px; }
안녕하세요! 처음으로 팁 게시판에 글을남겨봅니다. 운영하고있는 사이트의 한 회원님께서 Spoiler관련 문의를주셔서 적용하려고 이것저것하다가 잘적용되어서 타운에 필요하신분이 있을까해서 공유해봅니다. 선 설명드리자면 에디터에 스포일러라는 툴바가 추가되고 해당 툴바로 내용을 추가할시 토글할때만 내용이보이도록 설정할 수 있습니다. 플러그인 다운로드는 링크에서 다운로드받아주시고 https://ckeditor.com/cke4/addon/spoiler 다운로드를 받으셨다면 압축을해제하시고 Spoiler폴더는 라이믹스의 /common/js/plugins/ckeditor/ckeditor/plugins 에 업로드해주세요. 그리고 include의 css js파일을 사용하시는 게시판 스킨의 js와 css폴더에 업로드해주시고 글 읽기를 담당하는 _read.html과 같은 파일에서 해당 js와 css를 포함시켜줍니다. <load target="./css/spoiler.css" /> <script src="./js/spoiler.js"></script> 문하우스의 Tip spoiler.css를 게시판스킨에 업로드 하기전에 파일을 편집기로 열어서 아래 부분에서 이미지 경로를 올바르게 수정(스케치북 스킨의 경우 images를 img로)하고 img폴더안에 두개의 이미지 파일을 업로드합니다. 그렇게 해야 본문 출력시 좌측에 아이콘이 정상 출력됩니다. div.spoiler div.spoiler-title div.hide-icon { background: url('../images/minus.png') no-repeat scroll left center transparent; } div.spoiler div.spoiler-title div.show-icon { background: url('../images/plus.png') no-repeat scroll left center transparent; } 그리고 참고로 spoiler.css를 자신의 취향에 어울리게 수정하셔도 됩니다. 그리고 관리자페이지에서 해당 스포일러 플러그인을 추가해주시면됩니다. 관리자페이지 -> 에디터 -> 추가 플러그인 로드에서 spoiler를 추가해주세요. 그리고 나면 잘적용됩니다! 상세 적용기 및 테스트는 아래 가이드를 참조해주시면 됩니다. https://svrforum.com/svr/610275
Prev 4 5 6 Next

Xe Total

게시판 Category 제목 글쓴이 날짜 조회수 추천수
XE타운 예약발행모듈 구버전 위젯에서 정상작동 되게 하기 file
팔공산 2022.11.30 132
Sale Mh Multi Widget V1.6 [2023.04.05] - Sale 제품(₩9,000) file
팔공산 2022.07.01 1691
문하우스 1 레이아웃 배경 슬라이드 적용법 file 팔공산 2022.06.14 1162
문하우스 Colorbox 사용법 2탄 file
팔공산 2022.05.26 1610
Mh Sideways Layout file
팔공산 2022.05.25 59
문하우스 2 Colorbox 사용법 file 팔공산 2022.05.24 1755
위젯 10 Mh Author 위젯 V1.5 (2024.01.10) file 팔공산 2021.02.12 887 1
레이아웃스킨 3 Mh Sideways Layout file 팔공산 2022.05.16 738
Mh Gallery Layout & Mh Gallery Widget file
팔공산 2022.05.10 38
Sale 4 Mh Gallery Layout & Mh Gallery Widget V2.2 [2022.05.22] - Sale 제품(₩19,000) file 팔공산 2022.05.02 2443 1
3 4 5 6 7 Next