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 animations, pop-up video and many more… 1. OnePage로 출력되며 Bootstrap과 Animations를 적용하여 스크롤 되는 순간 각 Section영역 에니메이션이 작동 2. 거의 완벽한 반응형(모바일형)으로 츨력 3. 간단한 설정 한번으로 색상변경 완료 - 밝은 배경, 어두운 배경, 혼합배경을 선택후, 설정 옵션들에서 자신만의 칼라로 변경 가능 4. 상단 메뉴를 자유자재로 선택 가능 • 원페이지 메뉴 - 한페이지내에서 상하로 이동하는 메뉴 • 메인 메...

More →

Mh Justice Layout V 1...

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 제품

[ 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 & M...

문하우스 Simple 레이아웃 V 1.4 (2020.12.13 Up)

V1.4 수정내용(2020.12.13) 1. 코드정리 2. 자체 로그인 탑재 3. 메뉴 아래 "mh_simple 소식"은 MH 특정 문서 출력 위젯입니다. V1.3.1 수정내용 1. 심플레이아웃과 케릭터이미지를 분리했습니다. img.zip xe/layouts/mh_simple/images/img 폴더에 이미지를 넣어시면 됩니다. 2. 몇군데 IE6에서 어긋나던 문제 수정. 3. nuri가로 로그인 스킨에서 닉네임이 긴경우 라인을 벗어나던 문제 수정. 4. Admin클릭시 관리자페이지로 가지 않던 문제 수정 nuri_simple_login_garo.zip V1.3 수정내용 1. 상단 2차메뉴 유/무 2. 총14개의 케릭터이미...

More →

문하우스 Simple 레이...

Mh Thomsander Layout V1.0

[특징] - 페이지안에서 부메뉴가 Box형식으로 열립니다. - 배경이미지를 슬라이드로 출력합니다. - 로그인정보를 가진 아이콘을 우상단에 배치 했습니다. - 거의 모든 메뉴의 출력을 선택 할 수 있습니다 - 상단메뉴바 / 하단출력 / 배경슬라이드 / 로그인정보 아이콘 등등 - 배경슬라이드 미출력시 바탕색상을 선택 할 수 있습니다. - Contact Box(위젯출력박스)를 페이지에 지정 할 수 있습니다. - 레이아웃 특성상 반응형을 지원하지 않습니다. 모바일 페이지를 따로 지정할 수 있습니다. [설정 방법] - Box안의 내용은 레이아웃 특성상...

More →

Mh Thomsander Layout ...

Mh White Layout V1.1

[ V1.1 특징 ] 1. 본문 상단에 Accordions / TiltedContent 이미지박스 출력선택 - mwea.html 와 mwea.css / tcs.html 와 tcs.css 를 레고 조립하듯이 끼워 맞추면 다른 레이아웃에도 쉽게 적용이 가능합니다. 2. 상단 / 본문의 폭과 이미지박스의 폭을 달리 설정 가능합니다. [Accordions 이미지박스] [ V1.0 특징 ] 가장 기본적인 것만 적용한 심플한 흰색 레이아웃입니다. 바탕색은 흰색만 적용하였으며 상단 로그인, 로고, 메뉴 그리고 본문, 하단영역으로 구분되며 상단과 본문의 폭은 조정 가능하며 하단은 전체 폭입니다. 메뉴는 4...

More →

Mh White Layout V1.1

Mh LeftMenu 레이아웃 V1.2

[특징] - Sub메뉴를 좌측 Wing영역에 배치하여 Sub메뉴의 활용도를 높였습니다. - 최대한으로 코드를 단순하게 하고 이미지를 최소화할려고 노력했습니다. - 원본 디자인의 화려한 원색 색상을 가져 왔습니다. - 우측 상단에 슬라이딩기능으로 로그인영역을 배치했습니다. - 우측 Wing영역을 활용할 수 있게 했습니다. + Adsense나 위젯등을 배치하시면 됩니다. - 자체 로그인 Box를 가지며 SNS로그인도 지원합니다. - 간단하게나마 반응형을 지원합니다. + 풀립형 메뉴 + 하단 Copyright 영역 Free Website Templates 에서 디자인을 가져 ...

More →

Mh LeftMenu 레이아웃 ...

MH FullPage 레이아웃 V1.2

마우스 휠 한번 작동시 전체 화면 스크롤되는 FullPage 레이아웃입니다. [Tip] 페이지에 Youtube코드 넣는 방법 <iframe width="560" height="315" src="https://www.youtube.com/embed/qiCVPpI9l3M" frameborder="0" allowfullscreen data-autoplay></iframe> 위의 코드를 layout.html의 출력하고 싶은 위치에 넣어 주시면 됩니다. 그 외에 HTML 5 videos를 출력하는 코드 <video loop controls="false" data-autoplay> <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4"> <source src="http://www.w3schools.co...

More →

MH FullPage 레이아웃 ...

MH Pointy Slider 레이아웃

MH_Pointy-Slider 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정했습니다. http://www.htmldrive.net/items/show/1810/2016-Awesome-pointy-Slideshow [특징] MH_Sliding 레이아웃과 같은 곳에서 배포한 소스라 비슷한 점이 많아서 편했습니다.^.^ - 화면을 2등분해서 왼쪽은 타이틀과 설명 작은이미지 Zoom보기, 오른쪽은 큰 슬라이드 이미지가 출력됩니다. - 왼쪽 화면의 배경색과 Zoom이미지 지정 가능 합니다. - 오른화면의 이미지는 따로 선택도 가능하고, 왼쪽화면의 Zoom이미지를 그대로 가져 올 수...

More →

MH Pointy Slider 레이...

MH_Sliding 레이아웃

MH_Sliding 레이아웃을 공개합니다. 소스는 아래에서 제공 받아서 XE에서 작동하게끔 수정했습니다. http://www.htmldrive.net/items/show/1848/Sliding-preview-images-Panels-Template-with-jQuery [특징] - 화면을 4등분해서 각각 메뉴로 작동합니다. - 각 화면의 배경을 이미지로 지정 가능 합니다. 이미지로 지정하지 않을시 배경색상으로도 지정 가능합니다. - 각 화면을 클릭시 전체 화면으로 슬라이드되며 배경아래에 설명문을 작성할 수 있습니다. - 상단 메뉴와 슬라이딩 메뉴를 출력할 수 있습니다. - 로고이미지와 관리자버턴(...

More →

MH_Sliding 레이아웃

사이트선택 전용 레이아웃 V1.1

홈페이지의 첫 화면에서 두곳의 사이트를 선택하고 싶을때 사용하시면 유용한 레이아웃입니다. [특징] - 배경이미지 or 색상 적용가능 - 슬라이드 배경이미지 선택가능 - 상단 메뉴바의 선택가능 - 선택사이트 마우스오브시 화려한 이미지출력 - 본문 에니메이션 적용 - 사이트 4개까지 가능 [V 1.1 업데이트 내역] - "본문 내용영역" "졸졸이 스토커" "SNS로그인" 설정 추가 - 게시판이나 위젯을 출력할때 설정하시면 됩니다. 상단메뉴, 전체배경이미지, 내용영역 바탕 투명(기본), 게시판은 스케치북5 / 웹진형 / 카드스타일 / 링크게시...

More →

사이트선택 전용 레이...

XE기본 Xedition레이아웃을 편집이 편리하도록 수정한 버전입니다. 2탄

XE 1.8 버전대 기본레이아웃인 Xedition을 사용자가 편집이 편리하도록 수정한 최후 버전 https://moonhouse.co.kr/399750 1탄을 먼저 보세요. 화면출력이 너무 길어지고 최후버전인 관계로 따로 리스트 작성합니다. [v6.2 업데이트 내용] 1. 배경이미지 슬라이드 하단에 썸네일기능을 추가 https://moonhouse.co.kr/special 2. 그리고 여기 저기 잡다한 버그들 수정 [v6 업데이트 내용] 1. 메인페이지에도 Wing영역출력 가능 http://moonhouse.co.kr 2. 서브페이지에도 상단 슬라이드출력 가능 3. 본문 가로사이즈 1200px(기본), 980px(구...

More →

XE기본 Xedition레이아...

XE기본 Xedition레이아웃을 편집이 편리하도록 수정한 버전입니다. 1탄

XE 1.8 버전대 기본레이아웃인 Xedition을 사용자가 편집이 편리하도록 수정한 버전 [v5 업데이트 내용] 1. 스마트폰에 적용가능하게 css 수정 했습니다. - toggle들 히든, 졸졸이스토커 히든, wing영역히든, 하단 메뉴와 위젯 히든 등... [v4 업데이트 내용] 1. 본문의 가로폭 크기를 지정 할 수 있습니다 - 1200px(기본), 980px(예전형) 2. 'SocialXE 모듈' 설치시 로그인박스에 SNS로그인 기능 추가 3. 개인정보 팝업의 위치를 수정 - 잘 보이게 ^.^! [v3 업데이트 내용] 1. Font Awesome icon 정상적으로 작동 되게끔 수정 - 이전버전 ...

More →

XE기본 Xedition레이아...

Widgets Of MoonHouse

    확장변수 선택지별 출력 위젯
    모듈형 webzine 스크롤 출력 ...
    MH Before V1.2 위젯
    Mh BigSlider V3.0 위젯 - 20...
    Mh SmartBanner Widget V1.1 ...
    Mh Brickfolio Widget V2.0 [...

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 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

My Xe
Xpressengine of Moonhouse
2008.02.06 위젯 홈페이지 소스공개 1탄 - 좌측 메... file 40 81,180 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">    {$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"> {$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"> {$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">    {$menu_1st['text']} </ol> -- </div> 중간부분 <ol id="lnb_b"> -- <div id="lnb_b"> </ol> -- </div>
2008.01.21 Tip 웹폰트로 홈피를 꾸미는 방법 2 file 4,423
위의 이미지에서 인기게시물은 '엔터+영원체' 이고, 최근댓글은 '티티체' 입니다. 적용방법은 아래목록에 있는 것과 같이 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 13,204
이팁은 에디터의 글꼴에 웹정체글꼴을 등록하는 방법입니다.(엔터+영원체) 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
XE 자료
Xpressengine Data of Moonhouse
Xe Tip
Xpressengine Tip of Moonhouse
(최근글목록) 게시판 이름 출력하기 #2
(최근글목록) 게시판 이름 출력하기 #2 조회수: 83, 추천수: 1, 2007.08.31 18:55:08 게시글 주소 : http://www.zeroboard.com/13902604 엮인글 주소 : http://www.zeroboard.com/13902604/trackback Simulz ※ 설명이 어려운 분들은 아래 게시물에 위젯을 첨부하였으니 내려받아 설치하시면 됩니다. http://www.zeroboard.com/zbxe_pds_prog_widget/13929538 최근글 목록에 여러 모듈을 설정 했을 경우 이 글이 어떤 게시판의 글인지 알고 싶을 때 사용합니다. 분류를 표시하고 싶다면 이전 팁 게시물을 참고해 주세요. 적용 예제(하단) http://simulz.nayana.kr/zbxe/php_xe 위 그림 처럼 [ ] 안에 게시판 이름을 보여줍니다. (그림 예제는 분류명 표시도 적용되었습니다) ※주의! 게시판 이름은 메뉴 관리자에서 지정한 메뉴 이름을 사용합니다. 작업하기 newest_document\newest_document.class.php (아래 소스 중 굵은 부분을 추가해 줍니다) class newest_document extends WidgetHandler { function getMenuItemName($url) { // url이 있으면 해당 메뉴의 정보를 가져온다 $args->url = $url; $output = executeQuery('widgets.newest_document.getMenuName', $args); $output = $output->data; return $output->name; } // menu 모듈의 model 객체를 받아서 결과를 객체화 시킴 $oMenuModel = &getModel('menu'); foreach($output->data as $key => $attribute) { $document_srl = $attribute->document_srl; $oDocument = null; $oDocument = new documentItem(); $oDocument->setAttribute($attribute); $oDocument->category = $oDocumentModel->getCategory($attribute->category_srl); if(count($mid_list) > 1) { $oModuleInfo = $oModuleModel->getModuleInfoByModuleSrl($attribute->module_srl); $oDocument->menuname = $this->getMenuItemName($oModuleInfo->mid); } $document_list[$key] = $oDocument; } DB 쿼리를 하기 위해 아래 파일을 내려받아 widgets/newest_document/queries 폴더에 저장합니다. getMenuName.xml newest_document 스킨폴더의 list.html에 아래 소스를 알맞게 편집하여 원하는 곳에 삽입합니다. <!--@if($oDocument->menuname)--> [<strong>{$oDocument->menuname}</strong>] <!--@end--> <strong>{$oDocument->category->title}</strong> 혹시 게시판 이름까지 이미지로 표현하고 싶다면....분류 표시 팁 게시물 처럼 고유 번호를 이미지 파일명으로 지정하면 됩니다. 고유 번호를 보는 법은 phpMyAdmin으로 DB를 직접 봐야함;;;;;;;;;;;; <IMG src="{$oDocument->menu_item_srl}.jpg" /> 첨부 : getMenuName.xml (296Byte)(5)
겔러리 스킨 썸네일 크기 줄이는 법
썸네일 크기 줄이는 법 조회수: 128, 2007.08.27 22:44:36 게시글 주소 : http://www.zeroboard.com/13161477 엮인글 주소 : http://www.zeroboard.com/13161477/trackback 느까끼 스킨 폴더의 list.html 중간 정도에 보면 아래 부분이 있습니다. 여기에서 120(2곳)이라는 숫자를 조정하면 크기가 변합니다. 혹 손을 잘못된 것이라면 조언바랍니다. <!--@if($document->thumbnailExists(120))--> <td rowspan="2" class="thumb"> <a href="{getUrl('','document_srl',$document->document_srl)}" class="thumbnailMedium"><img src="{$document->getThumbnail(120)}" border="0" alt="" /></a> </td> 그런데 썸네일 사이 간격은 어떻게 줄여야 하지요? 그건 모르겠네. 에긍 2007.08.29 00:49 느까끼 썸네일 간격 조절하는 법 해당 스킨(xe_gallery 경우)의 css/common.css/82번줄 .boardList.thumbnail div.cell { float:left; width:145px; overflow:hidden; margin:0 1.5em 0 0; padding-bottom:1.5em;} 빨간 글씨부분의 숫자를 조절하면 갤러리게시판 리스트의 썸네일 간격이 조절됨.
(최근글목록) 분류명 표시하기 & 이미지
(최근글목록) 분류명 표시하기 & 이미지 조회수: 31, 추천수: 3, 2007.08.31 07:52:53 게시글 주소 : http://www.zeroboard.com/13806877 엮인글 주소 : http://www.zeroboard.com/13806877/trackback Simulz 미리보기 http://simulz.nayana.kr/zbxe/php_xe 목록에 분류명을 표시해 줍니다. 두개의 파일을 편집하면 됩니다. newest_document.class.php 아래 부분을 찾아서 굵은 부분을 추가합니다. (foreach 이전에 $oDocumentModel = &getModel('document'); 정의 필수) foreach($output->data as $key => $attribute) { $document_srl = $attribute->document_srl; $oDocument = null; $oDocument = new documentItem(); $oDocument->setAttribute($attribute); $oDocument->category = $oDocumentModel->getCategory($attribute->category_srl); $document_list[$key] = $oDocument; } 스킨/list.html 원하는 곳에 아래 소스를 삽입하세요. <strong>{$oDocument->category->title}</strong> 분류명을 이미지로 나타내려면 아래 처럼 변경 후, 이미지 파일명을 분류번호.jpg 등으로 저장하면 됩니다. 경로는 알맞게 바꾸세요. <img src="{$oDocument->category->category_srl}.jpg" />
구글광고넣기....(재밌는경험담 본문에 광고 넣으시려는분 꼭 읽어 보세요...)
구글소스 삽입위치는 저의 경우 다음과 같습니다.... zbxe\modules\board\skins\스킨이름\view_document.html을 열어서 가. 여기에 넣으시면 본문 맨 하단에 위치하게 됩니다... </div> ......구글소스...... <div class="replyAndTrackbackBox"> 나. 여기는 파일다운로드 위치 바로 위에 나타납니다.... <div class="readBody"><div class="contentBody">{$oDocument->getContent()}</div></div> ......구글소스...... <div class="readFooter"> 다. 여기는 댓글 리스트와 입력폼 사이에 나타 납니다... <!-- 댓글 파일 include --> <a name="comment"></a> <!--#include("./comment.html")--> ......구글소스...... </div> <!-- 댓글 입력 폼 --> 라. 여기에 삽입하게 되면....본문과 댓글리스트 사이에 나타나게 됩니다... <!-- 엮인글 파일 include --> <!--@if($oDocument->allowTrackback())--> <a name="trackback"></a> <!--#include("./trackback.html")--> <!--@end--> ......구글소스...... <!-- 댓글 파일 include --> 이상과 같습니다....
　┖ 감사합니다열강하마
구글에드센스 본문 삽입
zbxe\modules\board\skins\스킨이름\view_document.html Simulz 제로보드 사이트와 같이 하려면 view_document.html 파일에서 아래 소스 아랫부분에 구글애드센스를 삽입해보세요. <div class="readBody"><div class="contentBody">{$oDocument->getContent()}</div></div> <애드센스 소스 삽입>
　┖ 소중한 정보 감사합니다.열강하마

Xe Total

게시판 Category 제목 글쓴이 날짜 조회수
Html 검색창에 자동으로 한글 나오게 하기 file 팔공산 2008.04.02 4,595
나의 RM 위젯 MH최신글멀티위젯 V1.3(4월5일수정) file 팔공산 2008.03.30 5,649
RM 자료 아방스 레이아웃 5번째 팔공산 2008.03.28 4,916
나의 RM 위젯 게시판을 팝업으로 뛰우는 위젯 Mh_PopUp V1.5.1 (4월13일수정) file 팔공산 2008.03.28 10,592
RM 자료 브라우저 타이틀 1.0 팔공산 2008.03.26 3,429
나의 RM Tip 5 전광판위젯 변형해 보기 file
　┖ 멋집니다 그런데 한줄 전광판 에서 정사각형 박스형 전광판으로 바꿀수는 없는지좀 알... 멋쟁이
　┖ 위에 팔공산님이 설명해주신 대로 하시면 사각 박스형이 스크롤도 됩니다. 저역시 팔공... 숙지황
　┖ 숙지황님이 답을 해 주셨네. 감사합니다. 원래 아래에 있던 이미지가 이미지가 아니라 ... 팔공산
　┖ 저거는 가로 면적을 너무 많이 잡아 먹고 5개의 게시물이 있네요 정사각형안에 하나 의... 멋쟁이
　┖ 그렇게 할려면 손이 많이 가야 겠네요. 그리고 내용 나오는 부분도 글자수 조절을 해야... 팔공산
팔공산 2008.03.25 16,438
Html 2 Zbxe레이아웃 간단하게 좌측정렬로 바꾸기
　┖ 우측 정렬은 어떻게 해야되는지요 너무 초보라서... jdmcn
　┖ #bodyWrap { position:absolute; width:980px; margin:1.5em auto 0 auto; right:0px; ... 팔공산
팔공산 2008.03.25 4,573
RM 팁 Xe 0.2.9 (선행) 버전으로 패치후 에디터창 안나오는 것 수정하기 팔공산 2008.03.25 6,288
나의 RM 위젯 웹진형최신글 MH스킨 V1.1(4월16일수정) file 팔공산 2008.03.24 5,498
나의 RM 위젯 홈페이지 소스공개 7탄 - 최신댓글 MH스킨 V1.1 (4월3일수정) file 팔공산 2008.03.23 6,077