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

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

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. 상단 메뉴를 자유자재로 선택 가능 • 원페이지 메뉴 - 한페이지내에서 상하로 이동하는 메뉴 • 메인 메뉴 - 레이아웃 설정 메뉴에서 선택한 mid들로 이동(3차 메뉴 까지 지원) • 메인 + 원페이지 - 두가지 메뉴 둘다 적용 5. 다양한 자체 프로그램을 내장 • 아코디언 메뉴 • 아이폰배경 로그인 팝업 • 배경 슬라이드 • 공지사항 팝업창 • 동영상 팝업 플레이어 • 사이트정보 메뉴 팝업창 출력 • 페밀리 메뉴 • 메뉴위치 View • 롤링 배너 • 유튜브 출력 롤링 배너 6. 다양한 위젯, 애드온을 같이 동봉 • 포인트 상태 위젯 • Mh Slide Pro위젯 • Contact 위젯 문의 스킨 • Web Fonts 애드온 • 말풍선(툴팁) 애드온 7. MoonHouse 자료들은 폰트어썸과 Sexy Button 그리고 말풍선(툴팁) 애드온들이 자주 사용됩니다. Web Fonts Addon / 말풍선(툴팁) 애드온을 설치해서 애드온들을 활성화 시켜야 아이콘과 버턴들이 정상적으로 출력됩니다. 페이지기능을 지원하는 Widgets의 경우는 "위젯 케시를 0" 으로 둬야 정상 작동합니다. [적용페이지] • https://moonhouse.co.kr/justice • https://moonhouse.co.kr • https://moonhouse.co.kr/one?l=kr • https://moonhouse.co.kr/youtube • https://moonhouse.co.kr/xemy • https://moonhouse.co.kr/buy - MH Gallery를 제외한 2차 메뉴들 • 지금 보고 있는 페이지 메뉴얼
현재 위치(지오로케이션)기반 날씨 위젯을 만들기로하고 일주일이 지났네요 @.@ 너무 오래 붙잡고 있으면 안될꺼 같아서 주말에 시간내서 마무리 지었습니다. 우선 배포하고 문제가 발견되면 추후 수정하는게 좋다는 생각입니다... ㅎㅎ 개인적으로 사용하던 날씨 위젯 레이아웃이 있어서 그나마 수월하게 끝냈 수 있었습니다. 역시나 이번에도 주소록 파일 만드는데 대부분의 시간을 허비 했습니다. 그나마 경험이 있어서 조금은 빨리 데이터 정리할 수 있었네요 ㅋㅋㅋ 날씨 위젯 0.3 pr_weather_v2_0.3.zip 주의 사용 전 http://aqicn.org/data-platform/token/ 이곳에서 키를 발급받아야 합니다. 이메일과 닉네임만 넣으면 이메일 인증 후 키를 발급 해 줍니다. api.func.php 파일을 열어서 15번째 라인 'API Token'자리에 해당키를 입력후 저장하고 위젯을 작동시켜 주세요. 변경사항 1. 캐시 데이터에 변화가 있으니 캐시파일 재생성 후 사용하시는것이 좋습니다. 2. 코드를 세분화하고 오류체크가 미흡했던 부분들 보완 했습니다. 3. '기본스킨 - 가로형'이 추가되었습니다. 참고로 기존 '기본스킨'은 변경된 부분이 없습니다. - 너비에따라 최대 3개의 날씨 예보를 표시 합니다. - 하단 스크롤을위해 아래 jquery plugin을 사용하였습니다. http://richhollis.github.io/vticker/ 날씨 위젯 0.2 pr_weather_v2_0.2.zip 주의 사용 전 http://aqicn.org/data-platform/token/ 이곳에서 키를 발급받아야 합니다. 이메일과 닉네임만 넣으면 이메일 인증 후 키를 발급 해 줍니다. api.func.php 파일을 열어서 15번째 라인 'API Token'자리에 해당키를 입력후 저장하고 위젯을 작동시켜 주세요. 변경사항 1. 사용하는 쿠키명을 '_pr_w_weather_geo'로 단일화 하였습니다. - 기존에는 위치기반 사용자와 수동으로 지역 선택해서 사용하는 사용자의 쿠키명을 다르게 운영하였는데 이를 하나로 통합 했습니다. - 기존 사용자들의 쿠키들은 위젯에서 확인해서 자동 업데이트 합니다. 2. api통신시 타임아웃을 3초로 변경 하였습니다. - api.func.php 파일 13번째 라인 ($_timeout = 3;)에서 이 시간을 변경 하실 수 있습니다. 위 이미지 참조. 3. 통신방식을 curl로 변경 하였습니다. 4. 위젯 설정값에 '위치값 유효 시간 (분)'을 추가 하였습니다. - 이 값은 위치 기반 사용자의 경우에만 유효합니다. 유효 시간이 지난 후 페이지 새로고침이 발생하면 자동으로 내 위치 찾기 버튼 클릭 이벤트를 발생시켜 나의 위치를 갱신해서 날씨 데이터를 표시 합니다. 5. 위젯 실행시 더이상 날씨 데이터를 만들지 않고 ajax로 처리 합니다. - 페이지 표시할때 날씨 위젯이 캐시 유효기간이 만료되어 이를 갱신하거나 새로운 사용자의 날씨 데이터를 생성하느라 로딩 시간을 꽤나(1~2초) 잡아먹는 경우가 발생 했었습니다. 이를 해결하기위해 페이지 로딩시에 위젯은 유효한 캐시가 있을때만 이 데이터를 html로 뿌려 줍니다. - 유효한 날씨 데이터가 없을때는 기본 화면을 먼저 띄우고 날씨 데이터는 페이지 로딩 이후 ajax로 불러 옵니다. - 날씨 위젯때문에 페이지 로딩이 느려지는일은 이제 없을겁니다. 6. 자료 제공자의 바로가기 링크가 수정되었습니다. - 기상청 : 기존 날씨누리 메인 페이지에서 동네 예보를 검색할 수 있는 서브 페이지로 변경 되었습니다. pc : http://www.weather.go.kr/weather/forecast/timeseries.jsp 모바일 : http://m.kma.go.kr/m/forecast/forecast_01.jsp - World Air Quality : 기존 세계 상황을 볼수있는 페이지에서 자신의 위치 근처의 상활을 볼 수 있는 페이지로 변경. 날씨 위젯 0.1 pr_weather_v2_0.1.zip 주의 1. 데이터를 받아올때 curl이나 snoopy같은 클래스 이용없이 간단하게 file_get_contents을 이용했습니다. 2. 지오로케이션 api는 https가 아니면 작동하지 않을 수 있습니다. 이경우에는 자동 위치확인 아이콘을 클릭하더라도 주소록 선택화면이 뜨로록 했습니다. 그리고 브라우저나 환경(pc, 모바일)에 따라서 정확하지 않은 좌표를 반환 할 수 있습니다. 3.위젯이 작동하기 위해서는 http://aqicn.org/data-platform/token/ 이곳에서 키를 발급받아야 합니다. 이메일과 닉네임만 넣으면 이메일 인증 후 키를 발급 해 줍니다. api.func.php 파일을 열어서 7번째 라인 'API Token'자리에 해당키를 입력후 저장하고 위젯을 작동시켜 주세요. 4. 위의 이미지에서 보듯이 5번째 라인에 타임아웃을 5초로 설정하고 있습니다. 5초동안 응답이 없다면 기존 캐시 데이터를 이용하도록 설계되어 있습니다. 설정 1. 스킨의 컬러셋은 '흰색 바탕용'만 작업했습니다. 2. 캐시는 기본제공되는 위쪽의 캐시는 사용하지 마시고 아래쪽에 따로 마련된 '캐시 유지시간'을 사용 하세요. 캐시는 30분 이상 충분히 넉넉하게 사용하시는것을 추천 합니다. 3. 지역을 설정하지않은 사용자에게 보여줄 기본지역은 서울의 중앙 부분쯤인 필동으로 기본값을 정했습니다. 4. 마지막 애드온과 연동 부분은 제가 개인적으로 사용하는 애드온과 연동하기 위한 부분이니 신경쓰지 않으셔도 됩니다. - 여담 입니다만 눈송이 애드온을 보고 제가 개인적으로 사용하던 애드온과 너무 흡사해서 놀란적이 있습니다. 같은 플러그인을 사용해서 눈송이 옵션이 비슷한것을 떠나 실제 날씨와 연동한 아이디어도 비슷해서요 ㅎㅎㅎ 혹시 이 옵션을 이용하시려면 애드온등에서 아래 코드로 체크 하시면 됩니다. if(Context::get('pr_is_snowing') == 'Y' || $_SESSION['pr_is_snowing'] == 'Y') { //눈이나 눈/비가 내리는 날씨 입니다. } 참고 사항 1. 캐시는 캐시 유지시간을 초과했더라도 무조건 삭제하지 않고 새 날씨 데이터를 가져올때 응답이 느려 타임아웃이 발생하면 기존 캐시를 또한번 이용하도록 설계하였습니다. (주의 4번 참조) 2. 주소록 관련 기존 포털 사이트에서는 최종 읍/면/동의 개수가 6,491개 였습니다. 하지만 기상청에서 제공하는 주소록에는 전국 3,504개의 읍/면/동만 제공하더군요. 이 위젯은 기상청 데이터를 이용하므로 기상청의 지역 분류에따랐습니다. 예로 서울 중구의 경우 아래처럼 차이가 납니다. 좌측이 포털사이트, 우측이 기상청 입니다. 3. 기상청에서는 자신들만의 x,y좌표에 따라 구역을 나눠서 최종 데이터를 제공하는것으로 보입니다. 따라서 10자리 지역코드가 다르더라도 x,y좌표가 겹치는 지역이 상당히 많습니다. 그래서 캐시또한 x,y좌표에 따라 관리합니다. 2번에서 밝힌대로 전국 3,504개의 지역이 있지만 x,y좌표 겹치는곳을 제거하면 1,620개 지역으로 압축됩니다. 서울의 경우는 겹치는 지역이나 경기권과 겹치는 경우를 제외하면 18개의 좌표만 남습니다. 4. 지오로케이션 얻어온 좌표기반으로 지역명을 구하는 api를 구글이 제공하기는 합니다만 무료는 하루 2,500쿼리 제한도 있고 또한번 통신을 하므로 속도저하가 있을것으로 판단하여 따로 api를 이용하지않고 주소록에서 지역명을 찾아오도록 했습니다. 다만 속도를 위해 간단하게 기상청의 x,y좌표 기반으로 지역명을 판단하게 만들다보니 지역명이 정확하지 않을 수 있습니다. 예로 아래 지역의경우 모두 같은 x,y좌표를 사용합니다. 따라서 현재 지역이 아래와 같다면 순서에의해 모두 '서대문구 천연동'이라고 표시가 됩니다. 서대문구 천연동 성북구 돈암제2동, 삼선동, 성북동, 정릉제1동, 정릉제2동 종로구 가회동, 교남동, 무악동, 부암동, 사직동, 삼청동, 숭인제1동, 이화동, 종로1.2.3.4가동, 종로5.6가동, 창신제2동, 창신제3동, 청운효자동, 평창동, 혜화동 중구 광희동, 명동, 소공동, 신당동, 을지로동, 장충동, 필동 5. 날씨 아이콘은 아래 링크의 무료 공개된 아이콘을 받아서 제가 간단하게 색을 입혔습니다. https://dribbble.com/shots/1247177-Weather-icons 6. 통합대기 품질은 데이터 제공자의 등급 표시에 따라 표기합니다. 위젯 작동 1. 통합대기 상태를 클릭하면 자세한 수치가 표시됩니다. 2. 위치 기반 3. 지역 수동 선택 4. 위치 기반이던 지역 수동 선택이던 지역 정보를 쿠키에 저장해서 사용합니다. 적다보니 상당히 길어졌네요... 문제가 있다면 댓글 달아주시면 시간 나는대로 수정하겠습니다. 마지막으로... 충분히 테스트 해보시고 사용하시기 바랍니다. ㅎㅎㅎ
기존에 레이아웃에서 로드해서 사용하던 툴팁 생성용 css와 jquery를 따로 떼어내서 애드온을 만들어 봤습니다. 만들고보니 쓸모가 있을까... 하는 생각이 들기도 합니다. ㅎㅎㅎ jquery나 애드온의 정규식이 허접해서 모든 환경에 잘 적용될 수 있을지도 의문이네요 @.@ 말풍선 애드온 0.1 pr_tooltip_v0.1.zip 애드온을 적용 한다음 말풍선이 필요한곳에 pr_tooltip 클래스를 추가해 주시면 해당 태그에 마우스를 가져가면 말풍선을 띄워주는 애드온 입니다. 추가로 지정 가능한 속성은 아래와 같습니다. pr_uid : 애드온에서 관리하기위해 부여하는 번호입니다. 영문, 숫자, 하이픈, 언더바로만 구성할 수 있습니다. pr_color : 말풍선의 색을 지정합니다. pr_position : 말풍선의 위치를 지정합니다. title : 말풍선에 띄울 글을 지정합니다. 사용 가능한 색상 코드는 아래와 같습니다. 색상은 bootstrap에서 따왔습니다. 태그에 pr_color="primary" 이런식으로 사용하시면 됩니다. 사용가능한 말풍선 위치 지정 코드는 아래와 같습니다. 말풍선을 우상단에 띄우고 싶다면 pr_position="t_right" 로 적어 주시면 됩니다. 이 애드온의 사용법은 크게 두가지로 나눌 수 있습니다. 1. 직접 코딩 아래처럼 말풍선이 필요한곳의 class에 pr_tooltip을 추가하고 title, pr_color, pr_position을 지정 합니다. 마우스를 가져가면 Point History라고 적힌 노란 말풍선이 상단 중앙에 뜨게 됩니다. 2. 애드온에서 관리 아래처럼 말풍선이 필요한곳의 class에 pr_tooltip을 추가하고 pr_uid만 지정을 합니다. 이상태에서는 마우스를 가져가도 말풍선은이 뜨지안습니다. 애드온 설정화면에서 위에 지정한 pr_uid번호인 info-001의 옵션값들을 지정 후 저장합니다. 이후부터는 해당 태그에 마우스를 가져가면 말풍선이 뜨게 됩니다. 우선순위 태그에 모든 속성을 지정하고 pr_uid까지 지정했어도 해당 uid에대한 설정값이 애드온에 있다면 애드온에 설정한값이 우선합니다. 아래처럼 pr_uid가 001로 지정하고 모든 속성을 코딩했어도 애드온 설정에 001의 설정값이 있다면 기존 코딩은 무시되고 애드온 설정값으로 변경되어 출력됩니다. 위의 애드온 설정창의 uid: 002의 경우처럼 title만 지정된 경우는 다른 값은 코딩값대로 유지되며 title만 변경되어 출력합니다. [문하우스의 적용팁] https://moonhouse.co.kr/423318 p.s 색상을 알아보기 쉽게 blue, orange, red 같이 쉽게 적용한 파일 올립니다. 문하우스 프로그램들은 수정한 파일로 적용됩니다. pr_tooltip.zip
이 프로그램은 개별적으로는 작동을 하지 않습니다. 자기가 원하는 레이아웃에 수정을 통하여 적용하는 방식입니다. [ 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"으로 되어 있습니다. 기본 설정대로 하면 이미지가 반듯하게 보입니다. 이것을 상단 이미지에서와 같이 약간 기울이는 것이 보기에 좋으신 분들은 적정값으로 해 보시길 권합니다. - 배경이미지나 썸네일 이미지들을 만들때 슬라이드와 동일한 가로/세로 크기로 만드는 것이 보기에 좋습니다.
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; }

Xe Total

게시판 Category 제목 글쓴이 날짜 조회수
문하우스 확장변수가 자동으로 제목으로 대체되는 방법 file 팔공산 2023.03.29 3,188
레이아웃스킨 Mh Justice Layout V 1.6 [ 2025. 06. 09 ] - Sale 제품 file 팔공산 2023.03.26 1,873
위젯 Mh SmartBanner Widget V1.1 [2021.01.13] - Sale 제품 file 팔공산 2023.03.26 1,738
위젯 Mh Brickfolio Widget V2.0 [2025.02.02] - Sale 제품 file 팔공산 2023.03.26 1,615
위젯 Mh Portfolio V1.0 file 팔공산 2023.03.26 887
위젯 Mh Owl Slide V1.0 file 팔공산 2023.03.26 1,002
문하우스 Slide Pro 슬라이드 레이아웃에 추가 file 팔공산 2023.03.26 911
문하우스 7 파일목록을 자료실 목록 형태로 꾸미기 - 스케치북 게시판스킨 file 팔공산 2023.03.24 2,142
XE타운 3 확장변수 이용해 진행버턴과 D-day를 함께 출력 file 팔공산 2023.03.22 1,097
XE타운 비밀글일때 제목글 감추는 방법 file 팔공산 2023.03.15 560