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

    MH Before V1.1 위젯
    Mh BigSlider V2.1 위젯 - 20...
    Mh Portfolio V1.0
    Mh Owl Slide V1.0
    Mh Author 위젯 V1.5 (2024.0...
    Mh Width Hover Slide 위젯 V...

Data Of MoonHouse

홈페이지 소스공개 1탄 - 좌측 메뉴 만들기(정식버전수정)
사이트 좌측에 있는 2차메뉴를 이미지로 예쁘게 꾸미는 방법입니다. 1. 먼저 사용하는 스킨의 zbxe/layouts/사용스킨/layout.html 을 편집기로 열어서 아래의 부...
2008.02.06
웹폰트로 홈피를 꾸미는 방법 2
위의 이미지에서 인기게시물은 '엔터+영원체' 이고, 최근댓글은 '티티체' 입니다. 적용방법은 아래목록에 있는 것과 같이 1번은 같습니다. 먼저 /zbxe/common/css...
2008.01.21
웹폰트로 홈피를 꾸미는 방법 1
이팁은 에디터의 글꼴에 웹정체글꼴을 등록하는 방법입니다.(엔터+영원체) 1. /zbxe/common/css/폴더안에 있는 default.css를 열어서 @charset "utf-8"; @font-fa...
2008.01.20

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

My Xe
Xpressengine of Moonhouse
2008.02.06 위젯 홈페이지 소스공개 1탄 - 좌측 메뉴 만들기(정식버전수정) file 40 80398 1
사이트 좌측에 있는 2차메뉴를 이미지로 예쁘게 꾸미는 방법입니다. 1. 먼저 사용하는 스킨의 zbxe/layouts/사용스킨/layout.html 을 편집기로 열어서 아래의 부분을 찾아서 바꿉니다. 변경전 파일은 xe_official의 default.css를 예로 들었습니다. [변경전] <!-- 왼쪽 2차 메뉴 --> <img src="./images/blank.gif" alt="" class="mask" /> <!--@if($menu_1st)--> <ol id="lnb"> {@ $idx = 1 } <!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['link'])--> <li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="./{$val["href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a> <!-- main_menu 3차 시작 --> <!--@if($val['list'] && ($val['expand']=='Y'||$val['selected']) )--> <ul> <!--@foreach($val['list'] as $k => $v)--><!--@if($v['link'])--> <li <!--@if($v['selected'])-->class="on"<!--@end-->><a href="./{$v["href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$v['link']}</a></li> <!--@end--><!--@end--> </ul> <!--@end--> </li> {@$idx++} <!--@end--><!--@end--> </ol> <!--@end--> [변경후] - 수정됨 <!-- 왼쪽 2차 메뉴 --> <div id="lnb_t"> &nbsp;&nbsp;&nbsp;{$menu_1st['text']} </div> <!--@if($menu_1st)--> <ol id="lnb"> {@ $idx = 1 } <!--@foreach($menu_1st['list'] as $key => $val)--><!--@if($val['text'])--> <li <!--@if($val['selected'])-->class="on"<!--@end-->><a href="./{$val["href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->><img src="./images/default/bullet14.gif" align="absmiddle">&nbsp;{$val['text']}</a> <!-- main_menu 3차 시작 --> <!--@if($val['list'])--> <ul> <!--@foreach($val['list'] as $k => $v)--><!--@if($v['text'])--> <li <!--@if($v['selected'])-->class="on"<!--@end-->><a href="./{$v["href']}" <!--@if($v['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->><img src="./images/default/bulletD0.gif" align="absmiddle">&nbsp;{$v['text']}</a></li> <!--@end--><!--@end--> </ul> <!--@end--> </li> {@$idx++} <!--@end--><!--@end--> </ol> <div id="lnb_b"> </div> 2. 사용하는 스킨의 zbxe/layouts/사용스킨/css/해당칼라.css 을 편집기로 열어서 아래의 부분을 찾아서 바꿉니다. [변경전] #lnb { border-top:1px solid #dddddd; padding:4px 5px; width:190px;} #lnb li { padding-bottom:4px; list-style:none; } #lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #e8e8e8; background:url(../images/default/bgLnbOff.gif) repeat-x; color:#3e3e3e; position:relative; z-index:99; text-decoration:none;} #lnb li a:hover, #lnb li a:focus { color:#ffffff; background:#de4332; border:1px solid #de4332;} #lnb li.on a { color:#ffffff; background:#de4332; border:1px solid #de4332;} #lnb li.on a:hover, #lnb li.on a:focus { font-weight:bold;} #lnb li ul { display:block; position:relative; width:184px; padding:0 3px; position:relative; border-top:1px solid #ffffff; overflow:hidden;} #lnb li.on ul { display:block;} #lnb li ul li { padding:0; border-top:1px solid #f2f2f2; position:relative; top:-1px;} #lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;} #lnb li ul li a:hover, #lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;} #lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/default/bulletLnb.gif) no-repeat 175px center !important;} [변경후] /* 하위2차메뉴 버턴이미지 */ #lnb_t { border-top:5px solid #fff; padding:25px 5px 0px 5px; width:190px; height:57px; background:url(../images/default/zt.gif) no-repeat; font-size:18px; font-weight:bold; text-decoration:none; color:#fff; font-family:"돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; } #lnb { border-top:0px solid #dddddd; padding:0px 0px; width:200px; background:url(../images/default/zm.gif) repeat-y;} #lnb li { padding-bottom:0px; list-style:none; } #lnb li a { padding:10px px 5px 25px; width:175px; display:block; border:0px solid #000; color:#de4332; position:relative; z-index:99; text-decoration:none;} #lnb li a:hover, #lnb li a:focus { padding:10px 0px 0px 25px; width:175px; height:16px; display:block; border:0px solid #e8e8e8; background:url(../images/default/bgLnbOn.gif) no-repeat center; color:#f60; position:relative; z-index:99; text-decoration:none; } #lnb li a { padding:10px 0px 0px 23px; width:177px; height:16px; display:block; border:0px solid #e8e8e8; background:url(../images/default/bgLnbOn.gif) no-repeat center; color:#090; position:relative; z-index:99; text-decoration:none; } #lnb li.on a { padding:10px 0px 0px 25px; width:175px; height:16px; display:block; border:0px solid #e8e8e8; color:#f60; font-weight:bold; background:url(../images/default/bgLnbOn.gif) no-repeat center; position:relative; z-index:99; text-decoration:none; } #lnb li ul { display:none; position:relative; width:200px; padding:0 0px; position:relative; border-top:0px solid #ffffff; overflow:hidden;} #lnb li.on ul { display:block;} #lnb li ul li { padding:0; border-top:0px solid #f2f2f2; position:relative; top:-1px;} #lnb li ul li a { padding:10px 0px 0px 0px; width:200px; color:#C0C0C0 !important; border:none; background:none !important; border:none !important;} #lnb li ul li a:hover, #lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;} #lnb li.on ul li.on a { color:#808080 !important; font-weight:bold !important; !important;} #lnb_b { border-top:0px solid #dddddd; padding:0px 5px 0px 5px; width:190px; height:34px; background:url(../images/default/zb.gif) no-repeat;} 3. 위의 내용에서 빨간색으로 표시된 부분들이 이미지들입니다. 샘플을 올리니 그대로 사용하셔도 되고 변형하셔도 됩니다. bullet14.gif -- 2차메뉴앞 bulletD0.gif -- 3차메뉴앞 bgLnbOn.gif -- 메뉴아래 언더라인 (이것을 잘 변형하면 메뉴버턴형식으로 사용가능) zt.gif -- 상단이미지 zm.gif -- 중간이미지 zb.gif -- 하단이미지 * 수정버전에서 변경된부분 (알고나니 너무나 간단하네요*.*) [변경전 -- 후] <!-- 왼쪽 2차 메뉴 --> <ol id="lnb_t"> -- <div id="lnb_t"> &nbsp;&nbsp;&nbsp;{$menu_1st['text']} </ol> -- </div> 중간부분 <ol id="lnb_b"> -- <div id="lnb_b"> </ol> -- </div>
　┖ 좋은소스 감사합니다. 제로보드에서 타고 왔어요~~icando24
　┖ 감사합니다.오늘처음 제로보드 보았어요 너무 좋습니다. 달봉이달봉이
　┖ 오~`좋은 팁 감사요....별봉이
　┖ 저도 적용 했읍니다. 몇일 을 삽질 하다가 세션파일 과 레이아웃 케시 파일 을 싹 비우...숙지황
　┖ 안녕하세요 좋은 자료를 많이 올려 주셔서 대단히 감사합니다. 2차메뉴를 님이 올려 주...jts
　┖ 저의 홈피에 방문해 주셔서 감사합니다. 님의 홈피를 들어가보니 이미지중에 중간부분,...팔공산
　┖ 안녕하세요 빠른 회답을 주셔서 대단히 감사합니다 지적하신대로 zbxe레이아웃을 삭제...jts
　┖ 혹 문제가 될까봐 id랑 비번은 제가 임의로 삭제했습니다. 다음에 이런일이 생기면 쪽...팔공산
　┖ 주의 감사 합니다jts
　┖ 이 스크립트를 0.2.9에서 코딩했는데 1.0.0버전이 되고나니 기본 스킨에 적용시 에러가...팔공산
　┖ 번거롭게 해드려서 미안합니다. zbxe1.0버젼을 고대하겠습니다. 감사합니다.jts
　┖ ㅠㅠ 저두 윗분과 같은 상황입니다.. 그대로 복사했는데 중간만 나오네요 1.0.0버전의 ...한느
　┖ 제가 보통은 시간이 많은데 요번주에 일이 많이 밀려서 시간이 잘 안 나네요. 오늘도 ...팔공산
　┖ 죄송해요 또이렇게 귀찮게 하네요 ㅠ.ㅠ 수정본 그대로 복사해서 올렸는데도 않데는데...한느
　┖ 님 다시한번 꼼꼼히 확인해 보시고요. 이미지도 제대로 확인해보세요. 제가 님의 홈페...팔공산
　┖ 혹시나 해서 들어 와보았는데.. 답변이 있네요^^ 님 눈은 괜찮으신지요... 일단 레이아...한느
　┖ 적용후 외 이렇게 나오죠 ? 변경전 ,변경후 그대로따라서햇는데도 이렇게나오네요 ... ...밥통
　┖ 비밀글입니다.한느
　┖ 님의 정보가 악용될 수 있을 것 같아서 메모하고 지웠습니다. 차후에는 이런 정보는 쪽...팔공산
　┖ 한느님! 제가 살펴보니 레이아웃자체가 기본형하고는 너무나 상이하여 저의 실력으로는...팔공산
　┖ 한느님 제가 테스트서버에서 KK_Layout_ver_2.5 레이아웃으로 설치해서 테스트해보니 ...팔공산
　┖ 적용후 한느님과 비슷한 증상이 있으신분 참고 하세요. 참고로 저 진짜 진짜 왕초보 입...숙지황
　┖ 80산님 쿠로쿠마님 2.5버전으로 업해서 해보았구 아방스님것두 해보았구 기존의 것두 ...한느
　┖ 한느님 아까 제가 잠시 살펴본 봐로는 님의 레이아웃이 꼬여 있는 것 같더라고요. 보통...팔공산
　┖ 80산님께서 쿠로쿠마 2.5번전을 깔아서 해주실수 있을까요?? 아무리 초보라지만 심하게...한느
　┖ 제가 위의 글을 작성하는 동안 님의 글이 등록이 되어 있네요. 제가 해 드릴 수도 있는...팔공산
　┖ 그지요 암만봐도 내가 바보는 아닌데..ㅋㅋ 어쨋건 나는 바보가 아닙니다. ㅋㅋㅋㅋ 아...한느
　┖ 저장되어 있는 모든 자료들이 날라가는 것은 아닙니다. 그냥 지금페이지에 있는 위젯설...팔공산
　┖ 별다른 건 위젯은 없습니다. 님 부탁드릴께요^^ 죄송해요 불편하게 해드려서...한느
　┖ 수정해 드렸습니다. 맘에 드실지 모르겠네요. 그럼 홈피 예쁘게 꾸미세요.팔공산
　┖ 정말 수고 하셨습니다. 요청하고는 약속이 있어 잠시 나갔다 들어 왔는데 넘 좋아서 입...한느
　┖ 나를 죽여주시옵셔서..전하.. ㅠ.ㅠ 어떻게 해요 정말 난 잘못한거 없는데...............한느
　┖ 초기화 했더니 다시 돌아왔습니다. ㅠ.ㅠ 갑자기 기운이 다빠지네요..ㅡㅡ 팔공산님 이...한느
　┖ 다시 만졌다가 엄망으로 되었네요 이미지만 파일이름은 그대로고 이미지만 바꾸면 괜찮...한느
　┖ 이 두가지는 님께서 하라는대로 편집한것입니다. 아무래도 내가 멀 잘못한것 같아서요 ...한느
　┖ 죄송한대 이미지 소스를 구할수는 없는지요?. ?. 다른색으로 변경도 해보고 수정도 해...어르신
　┖ 어르신님 반갑습니다. 아이디가 너무 위엄이 있네요~~~~^.^ 소스라 하시면 이미지파일...팔공산
　┖ 아이고 ㅠ 제가 포토샵 실력이 미천하다 보니 .. 못만들겠네요 죄송하지만... 무리가 ...어르신
　┖ psd파일 올려드립니다. board.psd 크기에 맞게끔 잘라서 사용하세요.팔공산
　┖ 감사합니다^^ 일하는대 작업 부담 줄었네요 감사합니다!어르신
2008.01.21 Tip 웹폰트로 홈피를 꾸미는 방법 2 file 4116
위의 이미지에서 인기게시물은 '엔터+영원체' 이고, 최근댓글은 '티티체' 입니다. 적용방법은 아래목록에 있는 것과 같이 1번은 같습니다. 먼저 /zbxe/common/css/폴더안에 있는 default.css를 열어서 @charset "utf-8"; @font-face {font-family:nontoxic; src:url(../css/nontoxic_barun_2.eot)undefined} @font-face {font-family:seevaa9; src:url(../css/seevaa9.eot)undefined} @font-face {font-family:soyabarun9; src:url(../css/soyabarun9.eot)undefined} 가지고 있는 웹폰트를 위와 같이 등록합니다.(이전에 ftp로 웹폰트파일들을 올려야 겠죠) 2.웹폰트로 변형하고싶은 위젯을 선택합니다. 여기서는 예로 최근문서위젯의 xe_official 스킨의 흰배경을 택하여 하는 방법입니다. /zbxe/widgets/newest_document/skins/xe_official/css/폴더안에 있는 white.css를 열어서 .latest_white { width:100%; padding-bottom:15px; overflow:hidden; position:relative;} .latest_white h2 { display:block; height:21px; padding:9px 0 0 9px; margin-bottom:12px; color:#000000; background:url(../images/white/lineNotice.gif) no-repeat left bottom; font-size:1em;} .latest_white ul { } .latest_white ul li { height:20px; background:url(../images/white/bulletD0.gif) no-repeat left 5px; padding-left:10px; overflow:hidden; list-style:none; white-space:nowrap;} .latest_white ul li .title a { color:#555555; text-decoration:none; font:1em TTche; } .latest_white ul li .title a:hover { text-decoration:underline;} .latest_white ul li .title span.comment { color:#FE6700; font:.8em Tahoma; } .latest_white ul li .title span.comment a { color:#FE6700; font:.8em Tahoma; } .latest_white ul li .date { color:#999999; font:.8em Tahoma; white-space:nowrap; margin-right:5px;} .latest_white .more { position:absolute; top:12px; right:11px; color:#54564b; font:.8em Tahoma;} .latest_white a.more { text-decoration:none;} .latest_white a.more:hover { text-decoration:underline;} 빨간색 부분을 추가해 주시면 됩니다.
2008.01.20 Tip 웹폰트로 홈피를 꾸미는 방법 1 file 2 12717
이팁은 에디터의 글꼴에 웹정체글꼴을 등록하는 방법입니다.(엔터+영원체) 1. /zbxe/common/css/폴더안에 있는 default.css를 열어서 @charset "utf-8"; @font-face {font-family:nontoxic; src:url('../css/nontoxic_barun_2.eot')} @font-face {font-family:seevaa9; src:url('../css/seevaa9.eot')} @font-face {font-family:soyabarun9; src:url('../css/soyabarun9.eot')} @font-face {font-family:enter; src:url('../css/enter.eh')} @font-face {font-family:TTche; src:url('../css/TTche.eot')} 가지고 있는 웹정체를 위와 같이 등록합니다.(이전에 ftp로 웹정체파일들을 올려야 겠죠) 2. /zbxe/modules/editor/lang/폴더안에 ko.lang.php를 열어서 35줄 부터 "굴림", "돋움", "바탕", "궁서", "nontoxic", "seevaa9", "soyabarun9", "enter", "TTche", "times", "Courier", "Tahoma", "Arial", ); 위와 같이 첨부해 주면 됩니다.(TTche체) 이 세상에서 현재가 가장 중요한 시간이며, (nontoxic체) 내가 만나고 있는 그 사람이 제일 중요한 사람이며, (seevaa9체) 동시에 가장 중요한 것은 그 사람에게 선으로서 행하는 것이다.(soyabarun9체) ＊ 엔터폰트 http://typoenter.net ＊ 폰트포유 http://font4u.com 참사랑가나다, 참사랑러브레터, 참사랑우유병 ＊ seevaa http://seevaa.net seevaa9 ＊ 티티체 http://solution.tt.co.kr ttche 전체홈피의 폰트를 바꾸고 싶으면 https://moonhouse.co.kr/zbxe/128605
　┖ 웹폰트를 어딧다 넣죠 ㅇㅅㅇ?히힛
　┖ 위의 스크립트와 같이 설정하셨다면 /zbxe/common/css/폴더안에 넣어시면 됩니다. 아니...팔공산
Prev 60 61 62 Next
XE 자료
Xpressengine Data of Moonhouse
Xe Tip
Xpressengine Tip of Moonhouse
에디터의 옵션 설정하기.. 컴포넌트 보이지 않게 등..
에디터가 너무 무겁게 느껴질 때가 있습니다. 에디터 컴포넌트 없이 텍스트 에러이어만 보이게 한다든지.. 가장 간단한 해결책은 스킨 수준에서 write_form.html에서 {$editor}부분을 <textarea class = "textarea_write_form" rows = "10" name="content" value="{$oDocument->getContentText()}" />{strip_tags($oDocument->getContentText())}</textarea> 이런 방식으로 보이게 할 수가 있겠지요.. 그렇지 않으면 모듈 수준에서 board.view.php파일을 수정해야 합니다. 원 소스의 수정을 최소하하기 위해 아래의 방식을 적용해 봤습니다. 1.단계 게시판 스킨의 write_form.html에서 {$editor}부분을 적당한 이름으로 바꿉니다. 저는 이렇게 바꿨습니다. {$jiheo_editor} ( 어쨋든 원 소스를 건드리는 건 최소화 하기 위해) 2.단계 /modules/board/board.view.php파일을 엽니다. 거기보면 editor의 옵션을 설정하는 부분이 있습니다. function dispBoardWrite() 이 함수 안에 있습니다. // 에디터 모듈의 getEditor를 호출하여 세팅 $oEditorModel = &getModel('editor'); $option->primary_key_name = 'document_srl'; $option->content_key_name = 'content'; $option->allow_fileupload = $this->grant->fileupload; $option->enable_autosave = true; $option->enable_default_component = true; $option->enable_component = true; $option->resizable = true; $option->height = 400; $editor = $oEditorModel->getEditor($document_srl, $option); Context::set('editor', $editor); 이 부분인데 이건 건드리지 않고 그냥 둡니다. 게시판에 따라서 에디터를 주어진 옵션 대로 쓰는 것도 있을 테니까요. 이 아래에 // 에디터 모듈을 사용자 옵션 설정하기 위하여 setJiheoEditor 함수를 호출하여 세팅 $this->setJiheoEditor($document_srl, 100); 이것을 추가합니다. 함수 이름도 취향에 맞게 만들면 되겠지요.. 단 중복이 안되게... 그럼 setJiheoEditor() 함수가 필요하겠지요.. 적당한 위치에.. board.view.php를 보면.. function setCommentEditor($comment_srl = 0, $height = 100) 이 함수가 있는데요.. 코멘트 입력 에디터 폼을 셋팅하기 위한 함수죠. 이 함수와 동일한 방식으로 setJiheoEditor() 함수를 만들어 줍니다. function setJiheoEditor($document_srl = 0, $height = 100) { Context::set('document_srl', $document_srl); // 에디터 모듈의 getEditor를 호출하여 세팅 $oEditorModel = &getModel('editor'); $option->primary_key_name = 'document_srl'; $option->content_key_name = 'content'; $option->allow_fileupload = false; $option->enable_autosave = false; $option->enable_default_component = false; $option->enable_component = false; $option->resizable = true; $option->height = $height; $jiheo_editor = $oEditorModel->getEditor($document_srl, $option); Context::set('jiheo_editor', $jiheo_editor); } 기호에 따라 각각의 옵션값을 설정해 주면 됩니다. 이것으로 끝입니다. 저는 방명록 스킨 만들면서 첫번째 방식 그냥 textarea를 쓰는 방법으로 했었는데요. 보드 모듈을 두 번째 방식으로 테스트 해봤습니다. 일단 제가 해봤을 때는 이상없이 작동하더군요.. 코메트 부분도 이런 방식으로 함수를 새로 만들어 쓰면 될 것 같습니다. 모듈은 언제든 업데이트 될 수 있기 때문에 가능하면 모듈 수준의 파일들은 안건드리는게 좋을 텐데요 당장에 사용할 필요가 있으면 부득이 수정할 수 밖에 없을 듯 합니다. 다른 분들도 간절히 원하듯이 저도 마찬가지로 이 에디터 옵션 값을 스킨 수준에서 xml 입력 값으로 설정할 수 있으면 좋겠습니다.
읽고 있는 글 배경색을 다르게했습니다.
읽고 있는 글 배경색을 다르게했습니다. 버전 0.2.6부터 보드스킨이 변경되어서 아래와 같이 소스 변경해야됩니다. /zbxe/modules/board/skins/xe_board 에 style.list.html 94줄에 <tr class="bg{($no+1)%2+1}"> 을 <!--@if($document_srl == $document->document_srl)--><tr class="bg3"> <!--@else--><tr class="bg{($no+1)%2+1}"><!--@end--> 바꾸고 /zbxe/modules/board/skins/xe_board/css 에 common.css 162줄에 .boardList tr.bg3 { background:#ffffdd;} 를 추가하세요 그러면 읽고 있는 글 배경이 옅은노랑색( #ffffdd)으로 바뀝니다.
　┖ 읽고있는글 배경색 다르게 하기 현재 zbxe 1.0.3 버전에서도 이대로 하면 되는건가여.?이하늘
　┖ 예 그대로 하시면 됩니다.팔공산
내용을 입력하지 않고 글작성 하기
지허 write_form.html에서 첫 부분 <!--%import("filter/insert.xml")--> <!--#include("header.html")--> <div class="boardWrite"> <form action="./" method="post" onsubmit="return procFilter(this, insert)" <
게시물 읽을 때 하단에 목록 보이지 않게 하기
정은기 게시판 설정이 웹진형일 경우, 한 게시물을 읽을 때 게시물 하단에 매우 긴 글 목록이 나타나게 됩니다. 이를 방지하기 위한 꽁수. (구버전에서는 목록보이기/감추기를 지원했던 것 같은데..) 게시판 스킨의 list.html 파일을 열어서 <!-- 선택된 게시물이 있고 권한이 있으면 내용 출력 --> <!--@if($oDocument->isExists() && $grant->view)--> <!--#include("./view_document.html")--> <!--@end--> <!-- 목록 출력 --> 이 부분을 찾습니다. <!--@end--> 이걸 <!--@else-->로 바꾸고, <!--@end-->는 list파일 가장아래의 <!--#include("footer.html")--> 위에 넣어주면 됩니다. :) 조금만 생각해보면 답이 나오는 걸 또 오랫동안 고민했네요. 그런데, 지금 읽고 있는 글의 이전글과 다음글 제목과 링크를, view_content 파일 내에서 표현하고 싶은데 코드를 찾을 수가 없네요. 고수님들의 조언 부탁드립니다.
제로보드 XE에서 강추하는 플래시 넣기
제로보드 XE에서 강추하는 플래시 넣기 게시글 주소 : http://www.zeroboard.com/15837353 엮인글 주소 : http://www.zeroboard.com/15837353/trackback 미오유 <script type="text/javascript">displayMultimedia("이미지 경로", "가로크기","세로크기",false);</script> 이런식으로 넣어주시면 됩니다. false라고 되있는 곳은 auto_start 설정인데 저도 모르겠습니다. 해당 코드는 플래시 뿐만 아니라 모든 멀티미디어 파일에 전부 적용 가능합니다.^^ auto start 설정은 일반적인 미디어 파일 (avi, wmv, asf 등등)을 적용시킬때 사용하시면 됩니다.^^
　┖ 이미지 경로는 정확하게 어떻게 지정해야합니까? 상대 경로로 지정해도 됩니까?포로카
　┖ 적용해본지가 오래되어서 기억이 가물거립니다만, 아마 상대경로도 될 것 입니다. 해 ...팔공산
Prev 60 61 62 Next