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

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

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, best, soldout, 평점 - 제목글아래 지정한(ID) 확장변수를 출력 가능 - 게시판의 png, gif 이미지들은 원본을 가져와 투명배경을 지원하므로 좀더 섬세한 진열이 가능하며, jpg 기타 이미지들은 썸네일로 출력 - 진열받침대을 우드, 아크릴, 출력 없음으로 선택가능 - 썸네일 Overley시 내용 출력기능 가능 - 제목, 평가, 확장변수2, 내용글 p.s Mh Author 위젯은 진짜 돈 받고 팔아야 하는데 2021년 기념으로 올린거라 계속 무료로 버전업합니다^.^ V 1.3 수정내용(2021.01.20) - 게시글의 mp4, gif 파일들을 위젯에서 실시간으로 동적으로 보여 줍니다. - 그외의 jpg, png파일들은 썸네일로 출력됩니다. - 상단영역 출력시는 하단영역은 썸네일로 출력, 상단영역만 동적으로 움직임 - 하단 영역만 출력시는 하단영역 동적으로 움직임 V 1.2 수정내용(2021.01.04) 1. 한위젯에서 상단 영역(갤러리형식)과 하단 영역으로 분리하여 출력가능 2. 설정이 다른 다수의 위젯 생성가능 3. 좌우 화살표와 하단 Dots로 Navi 사용 - 선택가능 4. slick 지원항목 다수 추가 5. Banner Skin 추가 - 확장변수이용해서, 클릭시 해당사이트로 이동 - 게시물의 원본 이미지를 위젯에서 출력하는 방식 - 배너이미지 작업시 가로, 세로의 사이즈를 통일하면 깔끔 - 배너이미지중 가로 큰이미지, 세로 큰이미지의 사이즈를 적용하면 가로, 세로 중앙 정렬 [ 특징 ] 쉽고 가벼운 슬라이더 slick.js를 사용했습니다. 1. 썸네일과 제목, 내용, 날짜를 출력하는 깔끔한 위젯 - 선택가능 2. 대상 분류 srl값으로도 출력가능 3. 썸네일 마우스 Hover시 Zoom기능 지원 - 선택가능 4. 확장변수 사용하여 바로가기 버턴지원 - 선택가능 5. Box안 출력물 가로, 세로 형태 출력가능 [slick 지원항목] 1. 슬라이딩 Auto기능 - 선택가능 2. 슬라이딩 Speed 3. 슬라이딩 Box 갯수 4. 하단 Navi - 선택가능 5. 슬라이딩 형태 - 일반(ease), 뜅기기(cubic-bezier) 6. 화면 Fade - 선택가능 7. 슬라이딩 방향을 좌우, 상하로 지정 가능 8. 화면 좌우로 이전Box, 다음Box 일부 출력(50px) - 선택가능 9. 세로 단 쌓기 지원 - 선택가능 10. 모바일 반응형 지원 11. 터치 Swipe 지원
Prev 3 4 5 Next
MediaElement.js와 HTML5 video,audio 태그를 이용한 미디어 플레이어 및 유튜브 링크 애드온입니다. 당초에는 유튜브 뮤직을 링크시켜주는 애드온을 찾다고 없어서 시작했는데 일판이 좀 커졌네요. 애드온 이름을 몇번 바꾸다가 최종적으로 미디어플레이어 애드온으로 정했습니다. 폴더 이름은 mytube youtube가 '너튜브"라면 mytube는 '내튜브'...... https://xetown.com/tips/1167281 참조 유튜브 링크가 메인이 아니고 원래는 첨부한 오디오와 비디오 재생이 주 기능입니다. 1. 업로드된 mp3 및 wav 등의 오디오 파일 재생 2. 업로드된 mp4, mov, 3gp 등등의 비디오 파일 재생 제가 만들었지만 어디까지 동작할지는 저도 잘 모릅니다. html5 video,audio가 지원하는 것은 다 될 것으로 추측합니다. 3. 유튜브 링크 4. 유튜브 뮤직 링크 5. 위 4가지 기능이 댓글에서도 동작 6. 유튜브 영상과 오디오의 제목과 설명가져오기 7. 리스트재생(미완성) 목록까지는 가져오지면 UI는 완성하지 못했습니다. 수정해서 사용하시고 잘되면 공유 부탁드립니다. 8. 반응형 플레이어 당초 목적은 모바일에서 찍은 동영상을 업로드하고 다음화면서 재생하는 것이어서 모바일과 데스크탑에 다 어울리는 반응형으로 만들었습니다. 9. 썸네일 만들기 썸네일 애드온 별도로 사용할 필요없습니다. Rhymix에서는 외부이미지로 본문삽입만해도 썸네일이 잘생깁니다. XE에서는 잘 안되는 경우가 종종 있어서 아예 썸네일을 첨부화일로 넣는 기능을 만들었습니다. 나머지 설정은 바꿔가면서 테스트해보면 금방 이해할 수 있는 것들이라 설명을 생략합니다. 포스터기능은 업로드된 동영상을 위한 것입니다. 유튜브 동영상은 preload 기능을 이용하면 플레이하기 전에 썸네일 화면이 보이지만 업로드된 동영상은 플레이되기 전까지는 아무것도 나나타지 않습니다. 처럼 각자의 사이트에 걸맞는 영상을 만들어서 입력해주면 플레이되기 전에도 뭔가를 보여 줄 수 있습니다. 마지막으로 제일 중요한 것은 youtube data api key를 입력해야합니다. 입력하지 않아도 동작에는 문제가 없지만 제목과 설명을 가져오지 못합니다. 구글콘솔에 사이트를 등록하고 youtube data api key를 만들어서 입력하면 됩니다. 자세한 설명은 https://developers.google.com/youtube/registering_an_application?hl=ko 를 참조하십시요. api 키를 입력하면 재생창 상단에 제목이 나타나고 제목을 클릭하면 toggle되면서 설명이 나옵니다. 모바일에서 백그라운드로 가거나 화면을 끈 상태에서도 플레이가 가능합니다. 단 스마트폰 브라우저앱의 알림기능 , 특히 미디어알림기능이 꺼져있으면 동작하지않습니다. https://xetown.com/topics/1166111 참조 mediaelement.js를 가져다 xe(Rhymix)에 붙여서플레이어를 만들고 있습니다. 작업은 거의다 마무리 되어서 좀더 테스트해보고 공개할 예정입니다. 헌데 몇가지 기대이상의 기능들이 있네요. 저도 뭐 js는 그져 가져다 사용하는 입장이라서 아직 내부 기능을 다 이해하지는 못한 상태입니다. 그중에서도 눈에 띄는 점은 모바일 플레이어 기능입니다. 일반적으로 유튜브를 플레이시키면 별도의 플레이어가 있는 것이 아니라서 화면을 끄거나 백그라운드로 들어가면 플레이가 중지됩니다. 하지만 미디어플레이어에 링크해서 플레시키면 플레이어가 뜨네요. 화면을 끄거나 백그라운드로 들어가도 플레이어는 동작합니다. 스마트폰을 꺼서 호주머니 담은 상태에서도 음악감상이 가능합니다. 연결된 블루투스 기계에서 콘트롤도 가능하고... 구태여 유튜브 프리미엄으로 가지 않아도 될 것같습니다... ver : 0.8.1 1. 태그를 사용해서 유튜브를 링크한 경우 여러개의 재생창이 생기면서 발생하던 문제를 수정했습니다. 2. iframe 태그를 사용하던 기존 링크와 호환되게 수정했습니다. 3. 제목과 설명을 유튜브처럼 영상 아랫쪽으로 이동했습니다. ver : 0.8.2 url 및 설명과 제목의 사용여부와 위치를 설정할 수 있게 수정했습니다. [Sample] https://www.youtube.com/watch?v=tifg16jpNmQ
Prev 3 4 5 Next
아래글 작성후에 올라온 좋은 방법입니다. https://moonhouse.co.kr/xetip/579242 XETown에 "확장변수를 입력하면 자동으로 제목으로 치환되게 가능할까요?" 질문글이 올라와서 sketchbook5 게시판스킨에 적용해 보았습니다. 1. skin.xml 파일안에 추가 <var name="display_title" type="radio"> <title xml:lang="ko">★본문 제목 출력</title> <options value=""> <title xml:lang="ko">출력</title> </options> <options value="N"> <title xml:lang="ko">출력하지 않음</title> </options> <description xml:lang="ko"> 본문제목의 출력여부를 선택합니다. 출력하지 않을시 문서의 내용이 없이도 글이 작성됩니다. </description> </var> <var name="extra_title" 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> <var name="title_name" type="text"> <title xml:lang="ko"> ┖ 제목 대체 확장변수 ID</title> <description xml:lang="ko">제목으로 대체할 확장변수 ID를 작성</description> </var> 2. write_form.html 수정 - 빨간색 부분 추가 <!--@if($mi->display_title =='')--> <td width="100%"> <span class="itx_wrp"> <label for="postTitle">{$lang->title}</label> <input type="text" name="title" class="itx" id="postTitle" title="{$lang->title}" value="{(!$oDocument->isExists()&&$mi->title_default_text)?htmlspecialchars($mi->title_default_text):$oDocument->getTitleText()}"/> </span> </td> <td cond="$is_logged && !$oDocument->isExists() || $oDocument->get('status')=='TEMP'" class="m_no"><button type="button" class="bd_btn" onclick="doDocumentLoad(this);">{$lang->cmd_load}</button></td> <!--@else--> <input type="hidden" name="content" value="&nbsp;" /> <!--@end--> 3. _read.html 수정 - 빨간색 부분 추가 <h1 class="np_18px"> <a href="{$oDocument->getPermanentUrl()}"> <!--@if($mi->extra_title =='')--> {$oDocument->getTitle()} <!--@else--> {$oDocument->getExtraEidValueHTML($mi->title_name)} <!--@end--> </a> </h1> 4. 게시판형식(_list_normal.html) 수정 - 빨간색 부분 추가 <!--@if($mi->extra_title =='')--> {$document->getTitle($mi->subject_cut_size)} <!--@else--> {$document->getExtraEidValueHTML($mi->title_name)} <!--@end--> 위와 같이 수정하고 "게시판 설정 > 확장변수 > 확장변수 ID" 를 제목으로 출력할 "확장변수 ID"를 만들고 "스킨설정 > 제목 대체 확장변수 ID"에 적어 주면 됩니다. 참고로 일반위젯에서는 제목이 확장변수로 출력이 되지는 않습니다. 적용되게 할려면 위젯에서도 수정을 해야합니다. [위젯 수정 방법] 1. 수정할 위젯의 info.xml에 추가 <var id="extra_title"> <name>★확장변수로 제목 대체</name> <type>select</type> <description>지정한 확장변수로 제목을 대체 합니다. </description> <options> <name>기본 제목</name> <value></value> </options> <options> <name>확장변수 제목</name> <value>Y</value> </options> </var> <var id="title_name"> <name xml:lang="ko"> ┖ 제목 대체 확장변수 ID</name> <type>text</type> <description xml:lang="ko">제목으로 대체할 확장변수 ID를 작성</description> </var> 2. 해당 스킨의 list.html 수정 - 빨간색 부분 추가 <!--@if($wi->extra_title =='')--> {$oDocument->getTitle($mi->subject_cut_size)} <!--@else--> {$oDocument->getExtraEidValueHTML($wi->title_name); } <!--@end--> https://moonhouse.co.kr/multi
이 프로그램은 개별적으로는 작동을 하지 않습니다. 자기가 원하는 레이아웃에 수정을 통하여 적용하는 방식입니다. [ Slide pro(SP)를 본인이 원하는 레이아웃(LY)에 적용하는 방법 ] 1. SlidePro.zip 압축파일을 풀면 아래와 같은 구성으로 이루어져 있습니다. 2. 파일들을 해당 레이아웃에 올려주세요. 3. 레이아웃의 "layout.html "파일을 편집기로 불러옵니다. - 본문 상단에 SP를 위치시키고 싶다면 {$content} 부분을 찾아서 바로 위에 아래의 코드를 추가합니다.(위치시키는 곳은 본인의 의지입니다.) <div style="margin:0 auto"> <include cond="!$layout_info->sliderpro_use == ''" target="sliderpro.html" /> </div> {$content} 4. conf폴더에 들어가면 "info_sp.xml" 파일이 있습니다. 편집기로 열어서 전체 복사를 합니다. 해당 레이아웃의 "info.xml" 파일을 편집기로 열어서 붙여 넣기 하시면 됩니다. 5. 레이아웃설정에 가서 하단에 "케시파일 재생성" 하시고 "F5"하시면 메뉴 상단에 "Slide pro"라는 메뉴가 생성된 것을 확인하실 수 있을 것 입니다. 6. "★Slider Pro 슬라이드 출력"을 출력으로 설정하고 아래의 여러 옵션들을 지정하시면 됩니다. 참고로 - "이미지 기울기" "이미지 원근"은 기본설정이 "0"으로 되어 있습니다. 기본 설정대로 하면 이미지가 반듯하게 보입니다. 이것을 상단 이미지에서와 같이 약간 기울이는 것이 보기에 좋으신 분들은 적정값으로 해 보시길 권합니다. - 배경이미지나 썸네일 이미지들을 만들때 슬라이드와 동일한 가로/세로 크기로 만드는 것이 보기에 좋습니다.
[ 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을 적용했습니다.
Prev 3 4 5 Next