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

2 3 4 5 6

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

얼음조각티님이 기초적인 틀을 만들어 주고, 제가 약간의 디자인을 추가하여 얼음조각티님의 허락을 득한 후 모듈로 배포합니다. [V 2.0 수정] • 설정을 모듈에서 직접 관리 게시글 별 평점 모듈 V2.0 • 최소한의 게시판 스킨 수정 - V2.0 • 두 버전을 분리하는 이유는 사용자가 유리한 것을 선택하면 됩니다 - V1.5.2이 각 게시판 별로 형태나 색상을 다르게 적용 가능 • SketchBook5 게시판스킨 - 문하우스 수정버전 V3.5 를 사용할려면 V1.5.2를 설치하는게 좋습니다 - 특히 프로필 부분등 [V 1.5.2 수정] 1. 평가 취소 버턴 추가 2. 모듈 설정에 설치 메뉴얼 추가 3. vote_members.html 파일을 starpoint 모듈로 이동 [V 1.5 수정] * 주의사항 - 기존 사용자는 게시판 설정을 다시 해야합니다.(기본스킨이 Simple 스킨 으로 변경) 1. 스킨 추가 지정 - Simple, Default, black_simple, black_default <var name="star_point" type="radio"> <title>게시글 별 평점 모듈 사용</title> <description>게시글 별 평점 모듈이 설치되어 있어야 합니다. https://moonhouse.co.kr/xemy/598200</description> <options value=""> <title>모듈 설치 안됨(기본)</title> </options> <options value="Y"> <title>모듈 설치</title> </options> </var> <var name="starpoint_skin" type="radio"> <title> ┖ 스킨</title> <description/> <options value=""> <title>Simple(기본)</title> </options> <options value="d"> <title>Default</title> </options> <options value="b_s"> <title>Black Simple</title> </options> <options value="b_d"> <title>Black Default</title> </options> </var> <var name="starpoint_text" type="text"> <title> ┖ 타이틀</title> <description>상단에 들어갈 타이틀(기본문구 : 글)</description> </var> <var name="vote_members" type="radio"> <title> ┖ 평가 회원 출력</title> <description>평점을 투표한 회원 출력</description> <options value=""> <title>출력(기본)</title> </options> <options value="N"> <title>출력 안함</title> </options> <options value="A"> <title>관리자만 출력</title> </options> </var> <var name="vm_form" type="radio"> <title> ┖ 평가 회원 출력 형태</title> <description>평점을 투표한 회원 출력의 형태를 선택</description> <options value=""> <title>Simple(기본)</title> </options> <options value="D"> <title>Default</title> </options> <options value="T"> <title>Simple + Default(관리자)</title> </options> </var> <!--// 글 별평점 모듈 --> <include cond="!$module_info->star_point =='' && $module_info->starpoint_skin ==''" target="/modules/starpoint/skins/simple/rating.html" /> <include cond="!$module_info->star_point =='' && $module_info->starpoint_skin =='d'" target="/modules/starpoint/skins/default/rating.html" /> <include cond="!$module_info->star_point =='' && $module_info->starpoint_skin =='b_s'" target="/modules/starpoint/skins/black_simple/rating.html" /> <include cond="!$module_info->star_point =='' && $module_info->starpoint_skin =='b_d'" target="/modules/starpoint/skins/black_default/rating.html" /> <!-- 글 별평점 모듈 평가 회원 출력 --> <include cond="!$module_info->star_point =='' && $module_info->vote_members ==''" target="vote_members.html" /> <include cond="!$module_info->star_point =='' && $module_info->vote_members =='A' && $logged_info->is_admin == 'Y'" target="vote_members.html" /> 2. 평가 회원 출력 추가 - 일반 출력, 관리자만 출력, 출력 안함 평가 회원 출력 형태 - Simple, Default, Simple + Default(관리자) [Default] [Simple - 평점은 관리자만 보임] [Simple + Default(관리자) - Simple은 모두에게 출력 Default형은 관리자만 출력] [V 1.4 수정] 1. 스킨 지정 - Default, Simple 평점모듈 이지만 게시판 스킨에서 설정과 수정이 많습니다. 어느 것이 정답인지는 모르겠지만 게시판 스킨 수정이 활용 범위가 더 넓은 것 같네요 (모듈 설정 능력이 안 되는 하수의 변명 ㅠㅠ) 스킨을 지정할려면 게시판 스킨의 skin.xml 와 _read.html 에 코드를 추가해야 합니다. <var name="starpoint_skin" type="radio"> <title> ┖ 스킨</title> <description/> <options value=""> <title>Default(기본)</title> </options> <options value="s"> <title>Simple</title> </options> </var> <!--// 글 별평점 모듈 --> <include cond="!$mi->star_point =='' && $mi->starpoint_skin ==''" target="/modules/starpoint/tpl/rating.html" /> <include cond="!$mi->star_point =='' && $mi->starpoint_skin =='s'" target="/modules/starpoint/tpl/simple/rating.html" /> 2. 평가하기시 별에 마우스 오버시 평가점 출력 [Simple 스킨] https://moonhouse.co.kr/xetip/598109 [V 1.3 수정] 1. 평가가 DB에 저장되지 않는다는 이슈가 있어서 수정했습니다. 2. 기존의 사용자중 평가가 없거나 중요하지 않으면 DB에 접속해서 rx_document_star 테이블 삭제해서 초기화후 관리자 설정에서 모듈 업데이트후 사용하면 깔끔합니다. 3. DB 오류나 다른 문제가 있으면 댓글이나 깃허브 이슈로 남겨주세요. [V 1.2 수정] 1. 본인의 글은 평가할 수 없게 수정 (socialskyo) 2. 디자인을 심플하게 수정 3. skin.xml 에 빨간색 부분 추가 - 타이틀부분(글) 변경 가능 sketchbook5 게시판스킨이 아니면 _read.html 파일의 상단에 아래 파란색 코드 추가해야 정상 작동합니다. {@ $mi = $module_info; } $module_info로 작성시 starpoint모듈의 설정을 가져 올려고 하다보니 타이틀 변경이 안되고 $mi로 작성해야 해당 게시판 스킨의 설정을 가져 옵니다. [설치 방법] 1. 다운 받은 모듈을 설치 - 관리자 설정 없음 2. 게시글 별 평점 모듈을 적용할 게시판 스킨의 파일에 아래의 코드를 작성합니다. (예 : /modules/board/skins/sketchbook5) <var name="star_point" type="radio"> <title>게시글 별 평점 모듈 사용</title> <description>게시글 별 평점 모듈이 설치되어 있어야 합니다.</description> <options value=""> <title>모듈 설치 안됨(기본)</title> </options> <options value="Y"> <title>모듈 설치</title> </options> </var> <var name="starpoint_text" type="text"> <title> ┖ 타이틀</title> <description>상단에 들어갈 타이틀(기본문구 : 글)</description> </var> <include cond="!$mi->star_point =='' && $mi->starpoint_skin ==''" target="/modules/starpoint/skins/simple/rating.html" /> 3. 게시판 스킨 설정에서 "게시글 별 평점 모듈 사용" 에서 "모듈 설치"를 선택하면 됩니다. [비로그인 화면] [로그인 회원 화면] [평점후 화면] -Tip- [ 게시글 목록에 별 평점 출력하기 ] https://moonhouse.co.kr/xemy 주의 : 모듈이 설치 되지 않은 상태에서 코드 적옹시 DB오류를 일으킵니다. <var name="star_user" type="radio"> <title> ┖ 게시글 목록에 평점과 형태출력</title> <description>게시글의 목록에 평점과 형태를 선택 합니다. ????주의 : 모듈이 설치 되지 않은 상태에서 출력 선택시 DB오류를 일으킵니다.</description> <options value=""> <title>출력안함(기본)</title> </options> <options value="all"> <title>전부 출력</title> </options> <options value="point"> <title>평점만</title> </options> <options value="star"> <title>별만</title> </options> </var> <!-- 여기에 평점 표시 부분 추가 --> <block cond="!$module_info->star_point ==''"> {@ $oStarPointModel = getModel('starpoint'); $total_point = $oStarPointModel->getDocumentRatedTotalPoint($document->document_srl); } <!--@if($total_point->avg > 0)--> <span cond="!$module_info->star_user == ''" class="starpoint"> <span>평점 :</span> <span cond="$module_info->star_user == 'all' || $module_info->star_user == 'point'" class="score">{number_format($total_point->avg, 1)}점</span> <span cond="$module_info->star_user == 'all' || $module_info->star_user == 'star'" class="starRating pr_tooltip" pr_color="dark" pr_position="b_right" title="{number_format($total_point->avg, 1)}점"> <span style="width:{$total_point->avg*20}%">{number_format($total_point->avg, 1)}</span> </span> </span> <!--@end--> </block> .starRating, .starRating span{overflow:hidden;display:inline-block;height:14px;background:transparent url(../img/white/iconStarRating.png) no-repeat} .starRating{width:79px;vertical-align:middle;text-align:left !important} .starRating span{font-size:0;line-height:0;vertical-align:top;text-indent:-100px;*text-indent:0;background-position:0 -14px} /* 별점 스타일 */ .starpoint { display: inline-block; vertical-align: middle;} .starpoint .score { display: inline-block; margin-right: 5px; vertical-align: middle;} [ 위젯에 별 평점 출력하기 ] https://moonhouse.co.kr 주의 : 모듈이 설치 되지 않은 상태에서 코드 적옹시 DB오류를 일으킵니다. <var id="star_point"> <name>평점 표시</name> <description><![CDATA[ <a href="https://moonhouse.co.kr/xemy/598200" target="_blank" style="color:#ff6600">게시글 별 평점 모듈</a> 설치가 필수입니다.]]> ????주의 : 모듈이 설치 되지 않은 상태에서 표시 선택시 DB오류를 일으켜 전체 페이지가 열리지 않습니다. </description> <type>select</type> <options> <name>표시하지 않음</name> <value></value> </options> <options> <name>표시</name> <value>Y</value> </options> </var><var id="star_user"> <name> ┖ 목록 평점 형태</name> <description>위젯 목록에 평점 형태를 선택 합니다.</description> <type>select</type> <options> <name>전부 출력</name> <value>all</value> </options> <options> <name>평점만</name> <value>point</value> </options> <options> <name>별만</name> <value>star</value> </options> </var> <!-- 여기에 평점 표시 부분 추가 --> <block cond="!$widget_info->star_point == ''"> {@ $oStarPointModel = getModel('starpoint'); $total_point = $oStarPointModel->getDocumentRatedTotalPoint($oDocument->document_srl); } <!--@if($total_point->avg > 0)--> <span class="starpoint"> <span>평점 :</span> <span cond="$widget_info->star_user == 'all' || $widget_info->star_user == 'point'" class="score">{number_format($total_point->avg, 1)}점</span> <span cond="$widget_info->star_user == 'all' || $widget_info->star_user == 'star'" class="starRating pr_tooltip" pr_color="dark" pr_position="b_right" title="{number_format($total_point->avg, 1)}점"> <span style="width:{$total_point->avg*20}%">{number_format($total_point->avg, 1)}</span> </span> </span> <!--@end--> </block> 위젯 따라 빨간색 부분 $oDocument->document_srl 을 바꾸어 주어야 합니다。 content 위젯의 경우는 $item->get('document_srl') 으로 처리됩니다。 /* 평점 표시 부분 */ .starpoint { display: inline-block; margin-left: 5px; float:right; } .starpoint .score { color:#bbb; } .starRating, .starRating span { overflow:hidden;display:inline-block;height:14px;background:transparent url(이미지경로/iconStarRating.png) no-repeat} .starRating { width:79px;vertical-align:middle;text-align:left !important} .starRating span{ font-size:0;line-height:0;vertical-align:top;text-indent:-100px;*text-indent:0;background-position:0 -14px} iconStarRating.png 다운로드
0.4.0 업데이트 (21-06-26) - 업데이트 내용은 여기를 참조 - 0.4.0부터는 프로알라 에디터에 대한 지원이 포함되지 않습니다. 업로드된 파일에 프로알라 에디터 부분이 있기는 하지만, 그 기능은 0.3 버전과 다르지 않습니다. 1. 소개 CK에디터에 주요 미디어의 url 링크를 붙여넣으면 바로 임베드시켜주는 애드온입니다. 라이믹스 2.0.12 PHP 7.4 크롬 버전 89.0.4389.114(공식 빌드) (64비트) CK에디터4(라이믹스 내장) 등의 환경에서 테스트되었습니다. 따라서 사용환경에 따라, 브라우저에 따라 이슈가 있을 수 있습니다. 2. 설정 또한 원활한 임베딩을 위해 관리자 페이지에서 다음과 같은 설정이 필요합니다. 1. 설정 > 시스템 설정 > 보안 설정 > iframe에 다음을 추가 m.afreecatv.com player.audiop.naver.com codepen.io www.dailymotion.com www.facebook.com www.imdb.com www.instagram.com jsfiddle.net tv.kakao.com tv.naver.com prezi.com www.redditmedia.com www.slideshare.net w.soundcloud.com open.spotify.com embed.ted.com www.tiktok.com play.tvcf.co.kr clips.twitch.tv player.twitch.tv platform.twitter.com player.vimeo.com vlive.tv www.youtube.com vod.afreecatv.com www.airbnb.co.kr www.airbnb.com bandcamp.com codesandbox.io share.ellentube.com giphy.com gfycat.com imgur.com jjalbot.com www.relive.cc streamable.com tenor.com embed.tumblr.com 2. 설정 > 시스템 설정 > 보안 설정 > HTML class에 다음을 추가 media_embed fb-post fb_iframe_widget_fluid_desktop fb-xfbml-parse-ignore fb-video instagram-media instagram-media-rendered tiktok-embed twitter-status twitter-timeline airbnb-embed audioclip-embed bandcamp-embed codepen-embed codesandbox-embed fb_iframe_widget flickr-embed flickr-embed-video giphy-embed giphy-embed-photo giphy-embed-video gfycat-embed gfycat-embed-group gfycat-embed-single imgur-embed imgur-embed-iframe-pub instagram-embed jjalbot-embed jsfiddle-embed nico-embed-live nico-embed-video pinterest-embed pinterest-pin pinterest-board pinterest-profile reddit-embed relive-embed soundcloud-embed spotify-embed tenor-video-embed tumblr-post tumblr-embed tumblr-embed-loaded twitter-list twitter-profile twitter-tweet youtube-shorts 3. 에디터 > 공통 설정 > '플러그인 제거' 입력란에 iframe 을 기입 3. 지원 사항 본 애드온은 미디어 임베딩과 관련하여 다음과 같은 사항을 지원합니다. 서비스 비고 썸네일 아프리카TV 클립 및 라이브 영상 지원 썸네일 Airbnb 숙소, 체험 오디오클립 (네이버에서 제공하는 오디오북) 썸네일 Codepen 썸네일 Code Sandbox 썸네일 Dailymotion 썸네일 Ellentube 썸네일 Facebook Post와 Video만 지원 Flickr 썸네일 Giphy 썸네일 Gfycat 썸네일 Imgru 썸네일 Instagram Post만 지원 IMDb Video만 지원 썸네일 짤봇 썸네일 JSFiddle 카카오TV 클립 및 라이브 영상 지원 썸네일 MLB.com 자막 지원(재생 loop는 제어 안 됨) 썸네일 네이버TV 클립 및 라이브 영상 지원 썸네일 Niconico (ニコニコ) 비디오, 라이브 영상 지원 썸네일 Pinterest 핀, 보드, 프로필 지원 썸네일 Prezi 프리젠테이션 및 영상 지원 썸네일 Reddit Relive 썸네일 SlideShare 썸네일 SoundCloud 썸네일 Spotify 미리듣기만 지원 Streamable 썸네일 TED 썸네일 Tenor 썸네일 Tiktok 썸네일 TVCF (한국 광고 영상 서비스) 썸네일 Tumblr 포스트 지원 썸네일 Twitch 썸네일 Twitter 프로필 타임라인, 프로필 리스트, Post만 지원 Vimeo 썸네일 Vlive 썸네일 Youtube 썸네일 4. 데모 (CK에디터에 한정하여) 다음 url에서 미디어 임베드를 확인해보실 수 있습니다. https://dev.aporia.blog/board_fKje44/category/35668 5. 버그 제보 및 건의 이곳 댓글은 소통이 제한적이어서 토픽게시판에서 버그 제보 및 의견을 듣고자 합니다. https://xetown.com/topics/1564294 의견은 이쪽에서 남겨주세요~
2020.03.16 위젯 폼 위젯 file 508
위젯 설명 - 게시판을 활용하여 폼(form) 형태 페이지를 출력하는 위젯입니다. 위젯을 통해 작성한 콘텐츠는 지정된 게시판으로 전송됩니다. - 문의 글 전송, 견적 문의 등을 수행할 수 있습니다. - '제목+이름+이메일+연락처+내용' 입력을 기본으로 합니다. - 게시판 분류 및 사용자정의(확장변수)를 활용할 수 있습니다. - 비밀글 지정, 댓글 허용 등 다양한 옵션을 지원합니다. - 이런 문의도 있고 해서 과거의 contactfree라는 위젯에 기능을 조금 개선해보자는 취지에서 작업하다가 거의 새로운 위젯을 만들어버렸습니다. 즉, contactfree 위젯의 초확장 버전이라 보시면 되겠습니다;; 1.1.1 업데이트 - 2020-03-16 - 라이믹스 회원 전화번호 체계에 맞춤 - 폼 전송 후 현재 페이지 처리시 화면 스크롤을 페이지 최상단이 아니라 위젯 상단으로 이동 - 폼 전송 후 원하는 url로 이동 가능 (페이지 처리방식 옵션 추가) 1.1.0 업데이트 - 2020-03-14 - 기본 스킨(default)의 파일 구조 개선 및 코드 정리 - 본문에 전화번호 기재 (버그 수정) - 우편번호 유효성 체크 (버그 수정 : postcodify API 사용시) - 이메일 주소 입력에 필수/옵션 적용 - 내용글(message 필드) 입력에 필수/선택 옵션 적용 1.0.1 업데이트 - 2020-03-12 - 분류를 사용하지 않는 경우 유효성 검사에 걸리는 문제를 수정 - 폼 전송 후 현재 페이지에서 결과값 처리시 이미지가 뜨지 않던 문제 수정 '설정' 설명 1. 게시판 연동 - 게시판을 지정하면 폼 위젯에서 작성한 콘텐츠가 해당 게시판에 저장됩니다. - 게시판 모듈을 지정하지 않으면 위젯 작동이 중지되고 에러페이지를 출력합니다. 2. 콘텐츠 제목 - 이용자가 직접 제목을 입력할 수도 있고, 위젯 스킨에서 설정된 제목을 뿌려줄 수도 있습니다. 3. 분류(카테고리) 활용 - 분류를 출력 방식을 선택할 수 있으며, 분류번호(category_srl)을 이용해 특정 분류만 모아서 출력하는 것도 가능합니다. - 분류 번호를 1개만 지정하면 위젯 스킨에서는 분류 폼을 따로 출력하지 않고 콘텐츠는 해당 분류로 자동 귀속됩니다. 4. 문서 비밀번호 - 비로그인 사용자에 한해 콘텐츠의 비밀번호를 랜덤 또는 직접 선택 방식으로 제공합니다. 5. 사용자 정의(확장변수) 활용 - 게시판의 확장변수를 가져와서 폼 문서로 출력이 가능합니다. 분류와 마찬가지로 아예 출력을 하지 않거나 일부만 활용하거나 모두 활용할 수 있습니다. 6. 댓글 허용, 공개/비밀 선택 - 일반적인 게시물과 마찬가지로 사용자가 댓글 허용 여부 및 비밀글 사용 여부를 결정할 수 있습니다. - 또한 관리자가 댓글을 일괄 허용하거나 일괄 불허할 수 있으며, 콘텐츠를 강제로 공개 또는 비밀로 귀속시킬 수 있습니다 7. 개인정보 안내 및 동의 - 개인 정보를 수집하는 만큼 관련 사항을 선택적으로 출력할 수 있습니다. - 안내문 제목과 설명란에 개행 문자(\n)를 삽입하면 복수의 안내가 가능합니다. (예. 개인정보 수집 및 이용 동의, 개인정보 제3자 제공 동의 등) 8. 폼 전송 후 페이지 처리 - 폼 전송 후 페이지 처리 방식을 선택할 수 있습니다. - 1) 현재 페이지에서 입력 사항을 간단히 보여주거나, 2) 콘텐츠 본문으로 바로 이동하거나, 3) 콘텐츠가 저장된 게시판 목록화면으로 이동할 수 있습니다. 몇 가지 팁 분류번호(category_srl)나 확장변수 eid를 몰라도 걱정마세요 - (관리자 페이지 등에서 위젯 코드만 추출하는 방식이 아니라) 위젯 페이지에서 페이지 수정을 통해 위젯 설정을 시도하면... - 분류나 확장변수를 '모두 활용'으로 선택하고 설정을 저장한 뒤, 다시 설정을 수정하면 대상 게시판에 연계된 분류와 확장변수 목록이 자동으로 입력되어 있는 것을 볼 수 있을 겁니다. - 여기서 변수값을 선택적으로 추리고 '일부만 활용'으로 바꾸면 위젯 설정에 수고로운 시간을 줄일 수 있습니다. 폼-메일(form mail)로도 사용할 수 있어요 - 게시판 설정에서 '관리자 메일'을 설정해놓으면, 신규 문의가 등록될 경우 메일로 알림을 받을 수 있습니다. - 우리메일 등을 이용하면 보다 완벽한 형태의 이메일을 받아볼 수도 있습니다. (강추) - 이래저래 본 위젯이 폼 메일 기능으로도 활용될 수 있을 겁니다. 기능 확장을 고려할 수 있습니다 - 스킨 개발을 통해 위젯 변수를 잘 활용하면 다양한 방식으로 기능을 확장해볼 수 있을 겁니다. - 예를 들어 자바스크립트 또는 제이쿼리를 활용하여 스킨을 잘 개발하면, 구글식의 다단계 설문조사 같은 것도 구현할 수 있을 겁니다. 또한 게시판 스킨을 재가공해서 저장된 확장변수값을 아우르는 다양한 통계페이지도 생각해볼 수 있습니다. 기타 정보 - 라이믹스 + 크롬에서 개발되었습니다. 기타 환경에 문제가 있을 경우 댓글로 알려주세요~ - 그 외의 프로세스에 대해서는 직접 사용해보시기를 권장합니다. (이제 슬슬 힘들어서요...) - 다음 페이지들에서 실제 작동하는 과정을 체험할 수 있습니다. - 간단 버전 : https://bit.ly/33edLkJ - 거의 풀 버전 : https://bit.ly/3aRMOGr
https://moonhouse.co.kr/xetip/529895 위의 글에서 "메뉴 아이콘" 사용 방법을 설명 했었는데 라이믹스가 버전업 되면서 사용 방법이 변형되었습니다. 변형된 방법이 일반적으로 폰트 어썸을 아이콘으로 사용할려면 <i class="{$val1['icon']}"></i> {$val1['link']} 이런식으로 메뉴 작업을 해 주고 "메뉴 수정"에서 아래와 같이 작성하면 올바르게 출력됩니다. 그런데 이렇게 지정해 버리면 <img>와 폰트 어썸 두가지를 함께 사용할 수가 없어집니다. 그래서 함께 사용하는 방법입니다. <!--@if (strpos($val1['icon'], 'fa') !== false)--> <i class="{$val1['icon']}"></i> <!--@else--> <img src="{$val1['icon']}" width="15" /> <!--@end--> $val1['link']} 위에서 메뉴 아이콘이 폰트 어썸이 아니면 "fa"를 수정해 주면 됩니다. 그리고 이미지의 파일명과 확장자를 이미지 경로와 함께 작성합니다. style 까지 적용한 main 페이지 메뉴 코드입니다. <span cond="$val1['icon']" style="display:block; text-align:center; line-height:15px"> {@$val_icon1 = strpos($val1['icon'], 'fa')} {@$val_icon2 = strpos($val1['icon'], 'xi')} <!--@if ($val_icon1 !==false || $val_icon2 !==false)--> <i class="{$val1['icon']}"></i> <!--@else--> <img src="{$val1['icon']}" width="15" align="absmiddle" /> <!--@end--> </span> {$val1['link']} display:block은 줄바꿈 코드이며, 폰트 어썸 'fa' or Xeicon 'xi' 를 같이 사용도 가능합니다. * 참고로 이미지 파일명에 fa 나 xi 가 들어간 경우 아이콘으로 인식해서 출력이 되지 않으므로 주의 바랍니다. p.s 위의 코드와 비숫하게 작동되는 다른 코드 - 더 광범위함 preg_match 함수사용 <span cond="$val1['icon']" style="display:block; text-align:center; line-height:15px"> {@$val_icon1 = preg_match('/-/is', $val1['icon'])} {@$val_icon2 = preg_match('/./is', $val1['icon'])} <!--@if($val_icon1===1)--> <i class="{$val1['icon']}"></i> <!--@elseif($val_icon2===1)--> <img src="{$val1['icon']}" width="15" align="absmiddle" /> <!--@else--> {$val1['icon']} <!--@end--> </span> {$val1['link']} 웹폰트들이 거의 "-"를 사용한다는 전제 - <i class="fas fa-lightbulb"></i> 이미지파일들은 "."이 사용됨 - picture.svg
네이버 나눔스퀘어 네오(NanumSquareNeo) 웹폰트를 적용하는 방법입니다. 네이버 나눔스퀘어 네오 문장을 더 돋보이게, 네이버의 새로운 브랜드 폰트 from CAMPAIGN.NAVER.COM 위의 링크에 접속해 보면 네이버 나눔스퀘어 네오의 특징들을 볼 수 있습니다. 적용하고자하는 레이아웃이나 프로그램의 css파일을 불러와서 상단에 아래의 코드를 적용하시면 됩니다. @font-face{ font-display: swap; font-family: NanumSquareNeo; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype"); font-weight:100; } @font-face{ font-display: swap; font-family: NanumSquareNeo; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype"); font-weight:300; } @font-face{ font-display: swap; font-family: NanumSquareNeo; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype"); font-weight:400; } @font-face{ font-display: swap; font-family: NanumSquareNeo; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype"); font-weight:500; } @font-face{ font-display: swap; font-family: NanumSquareNeo; src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot); src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype"); font-weight:700; } body, a, p, div, span, table, ul, li, img, h1, h2, h3, h4, h5, h6, header, textarea, form, footer, caption, section, button, select, html, i, nav, iframe, ol, strong, tbody, tfoot, thead, th, tr, abbr, object, acronym, address, applet, article, aside, audio, b, blockquote, big, center, canvas, cite, code, command, datalist, dd, del, details, dfn, dl, dt, em, embed, fieldset, figcaption, figure, font, hgroup, ins, kbd, keygen, label, legend, meter, output, pre, progress, q, s, samp, small, source, strike, sub, sup, tdvideo, tt, u, var { font-family: "NanumSquareNeo", sans-serif; font-size:14px; font-weight:400; } font-size와 font-weight는 자신에세 맞게 조정하시면 됩니다.
야비아저씨님께서 공유해 주신 품질 좋은 레이아웃과 게시판스킨에 제가 살짝 숟가락 얹어 봅니다. GitHub - moonhouse-80san/OrangeDay: MH 수정 MH 수정. Contribute to moonhouse-80san/OrangeDay development by creating an account on GitHub. from GITHUB.COM 야비아저씨님의 버전 2.0.3 (2025-01-10) 에 발 맞추어서 함께 버전업 합니다. OrangeDay 테마 (레이아웃, 게시판 스킨, 멤버, 마이로그 기타) 블로그형식으로 사용할 수 있는 레이아웃 (게시판, 멤버, 검색 스킨 등 포함) by 야비아저씨 from XETOWN.COM [ MH V2.0 수정 버전만의 특징 ] * 게시판 기능 1. 프로필 미등록자도 이미지로 출력 2. 게시판 유형에 "처음만 썸네일형" 추가 2-1. "처음만 썸네일형"에 확장변수 사용하여 날짜시작 기능 추가 2-2. "처음만 썸네일형"에 리스트 내용글 아래에 댓글의 출력유무를 선택 3. 공지사항 폴딩으로 출력 추가 4. 게시판 설정 위저드 사용 추가 5. 첨부파일 확장자 필터기능 사용 6. 댓글 + 추천 버턴 출력 7. 광고 삽입 기능 추가 - https://moonhouse.co.kr/qa 8. 졸졸이스토커의 출력 9. 게시물 주소 복사 버턴 추가 10. 방명록형에 미세한 기능 추가 - 댓글창 폴딩, 좋아요, 스크랩 기능등 - https://moonhouse.co.kr/guest 11. 게시판 상단 카테고리 출력 선택과 출력시 접기기능 가능 - https://moonhouse.co.kr/total1 *레이아웃 기능 1. 폰트 선택 기능 - NanumSquareNeo폰터를 기본 2. 레이아웃 설정 버턴 추가 3. 라이믹스 버전 출력 4. 다른 게시판 스킨 사용시에도 배경색등 다크모드 지원 [ V 1.1.0 버전업에 따른 수정버전 특징 ] 1. 방명록 스킨 오리지널 버전에 준하여 수정 [ 수정버전 특징 ] 1. 레이아웃은 단순하게 "본문 최대 가로폭 추가" 설정만 수정 https://xetown.com/download/1817419#comment_1821256 2. 게시판 스킨 a. 방명록(_list_guest.html)스킨 수정 - 댓글과 대댓글 수정 - NO 프로필을 랜덤 이미지로 출력 b. 첫 게시글만 썸네일{_list_firstthumbs.html}스킨 추가 - 무한스크롤 사용 - D-day 기능 출력 - 평가 기능 출력 - Tag를 리스트에 출력 - 확장변수 출력 - 선택된 확장변수 10가지 색상 버턴으로 출력
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 선택해서 출력

Xe Total

게시판 Category 제목 글쓴이 날짜 조회수
문하우스 위젯에 확장변수에서 체크된 해당 글 리스트 불러오기 1탄 file 팔공산 2024.12.29 490
문하우스 확장변수 부분을 특정 폼형태(Table)로 구성하는 방법 file 팔공산 2024.12.07 782
문하우스 Table의 폭이 디바이스 및 본문 가로 사이즈보다 더 넓을 때 마우스 휠 좌우 스코롤 file 팔공산 2024.11.19 944
게시판스킨 58 SketchBook5 게시판스킨 - 문하우스 수정버전 V2 file
팔공산 2024.04.10 8,009
템플릿 템플릿 컴포넌트 이력서 MH 템플릿 file 팔공산 2024.12.09 1,372
템플릿 2 템플릿 컴포넌트 문학이야기 MH 템플릿 file 팔공산 2024.11.17 1,375
게시판에서 글 작성시 확장변수에 Hidden 적용시 기본값이 적용되게 하는 법 file 팔공산 2024.10.17 324
문하우스 게시판 목록의 원하는 칸에 에드센스들 삽입하는 방법 file 팔공산 2024.07.13 924
기타 1 게시판에 모듈번호를 출력하는 방법 file 팔공산 2024.07.06 823
css 테두리(border) 상자에 화살표 모양 css로 출력하기 file 팔공산 2024.06.29 986