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

moon house에 사용중인 소스들 설명(3/23)
layout.html 이해 <!-- js 파일 import --> <!--%import("js/flisland.js")--> <!-- 레이아웃과 연동될 css 파일 import --> <!--%import("css/default.css")--> ...
2007.12.16
음악플레이기 3종세트 설치 방법
아쿠아앰프 설치방법 (이번 것이 앞전에 설치방법보다 스킨바꾸는 방법이 간단하여 다시 올립니다.) aquamp.rar 파일을 풀어서 player.config.js, playlist.asx ...
2007.12.09
sound4u님의 최근게시물 변형
sound4u님의 애플스킨 최근게시물을 오렌지칼라로 변형하고 인기글 and 댓글 스킨도 통일되게 만들어 보았습니다.
2007.12.08

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
2007.12.16 Tip moon house에 사용중인 소스들 설... 6,386
layout.html 이해 <!-- js 파일 import --> <!--%import("js/flisland.js")--> <!-- 레이아웃과 연동될 css 파일 import --> <!--%import("css/default.css")--> <!--@if($layout_info->background_image)--> <style type="text/css"> body { background:#FFFFFF} </style> <!--@end--> <!--@if(!$layout_info->colorset)--> {@$layout_info->colorset = "default"} <!--@end--> <div id="bodyWrap"> <div id="header"> <h1><a href="{$layout_info->index_url}"><!--@if(!$layout_info->logo_image)--><img src="./images/{$layout_info->colorset}/zeroBoardXE.png" alt="ZeroBoard™ XE" class="iePngFix" /><!--@else--><img src="{$layout_info->logo_image}" alt="logo" border="0" class="iePngFix" /><!--@end--></a></h1> <h2><script type="text/javascript">displayMultimedia("/img/jcas.swf", "980","255",false);</script></h2> <!--top_menu--> <ul id="topmenu"> <!--@foreach($top_menu->list as $key => $val)--> <li><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->> <img src="{$val['normal_btn']}" alt="{$val['text']}"></a></li> <!--@end--> </ul> <!--top_index--> <div id="top_index"> <!--@if($logged_info->is_admin=="Y")--><a href="/zbxe/admin"><img src="images/{$layout_info->colorset}/admin.gif" border="0"></a><!--@end--> <!--@if($logged_info)--> <a href="/zbxe/?mid=mypage&act=dispMemberLogout&member_srl="><img src="images/{$layout_info->colorset}/logout.gif" border="0"></a> <!--@else--> <a href="/zbxe/?mid=mypage&act=dispMemberLoginForm"><img src="images/{$layout_info->colorset}/login.gif" border="0"></a> <!--@end--> <!--@if(!$logged_info)--> <a href="/zbxe/?mid=mypage&act=dispMemberSignUpForm&member_srl=" onfocus="this.blur();"><img src="images/{$layout_info->colorset}/join.gif" border="0"></a> <!--@end--> <a href="javascript:bookmarksite('달집', 'http://zbxe.co.kr')"><img src="images/{$layout_info->colorset}/mypage.gif" border="0"></a> </div> <!--top_banner--> <ul id="top_banner"> <a href="/zbxe" onfocus="this.blur()"><img src="images/{$layout_info->colorset}/nobanner.gif" align='absmiddle' border="0"></a> </ul> <ul id="msn"> <img width="100%" height="100" src="common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="fileadd" body="" widget_cache="0" filename="/notice/msn.htm" filetype="include" widget_margin_top="0" widget_margin_left="0" widget_margin_right="0" widget_margin_bottom="0" widget_fix_width="" widget_width="50" widget_width_type="%" widget_position="" widget_sequence="109220" /></br> </ul> <!--GNB--> <ul id="gnb"> <!-- main_menu 1차 시작 --> <!--@foreach($main_menu->list as $key => $val)--><!--@if($val['text'])--> <!--@if($val['selected'])--> {@ $menu_1st = $val } <!--@end--> <
2007.12.09 Tip 음악플레이기 3종세트 설치 방법 file 22 19,639
아쿠아앰프 설치방법 (이번 것이 앞전에 설치방법보다 스킨바꾸는 방법이 간단하여 다시 올립니다.) aquamp.rar 파일을 풀어서 player.config.js, playlist.asx 를 수정해야 합니다. 먼저 player.config.js를 에디터기로 열어서 첫째줄을 자신에게 맞게 수정하세요.(환경설정) 그리고 다른 줄은 자신에게 맞게끔 수정하세요. var mediaURL = "/aquamp/playlist.asx"; var view_bitrate = true; var view_duration = true; var view_player = 2; //자동숨김 2, 자동보임 1 var set_autoPlay = true; var set_autoRewind = true; var set_shuffle = true; var set_loop = true; var set_mute = false; var set_volume = 100; var pl_window_width = 320; var pl_window_height = 550; var pl_window_options = "scrollbars=yes,resizable=no,status=no"; var ml_window_width = 650; var ml_window_height = 600; var ml_window_options = "scrollbars=yes,resizable=no,status=no"; var use_marquee = false; var marquee_behavior = "scroll"; // scroll, alternate, slide var marquee_direction = "left"; var marquee_scrollamount = 1; var marquee_scrolldelay = 15; 두번째 노래를 첨부할려면 playlist.asx 파일을 에디터기로 열어서 <Asx Version="3.0"> <Param Name="AllowShuffle" Value="yes"/> <Entry> <Title>노래제목</Title> <Ref href="mms://노래서버주소/노래.mp3"/> </Entry> </Asx> 빨간색부분을 추가해 나가면 됩니다, 두 파일을 수정한 후 aquamp폴더를 ftp로 자신의 계정에 올리세요. 마지막으로 자신의 계정 루트에 index.html 파일을 아래와 같이 만듭니다. 만들어져 있다면 아래와 같이 변형하세요. (제로보드XE가 루트에 설치된 경우는 BGM플레이기 설치하면 메뉴변경시 마다 계속 반복해서 나타나므로 설치하지 마세요, 아직 정상 작동 방법은 찾지 못했습니다. iframe으로 하는 방법이 있는 것 같은데 저는 아직 찾지를 못해서...) $r = 1; // 스킨의 번호선택(1~18번까지) - 숫자만 변경해 주면 스킨이 변합니다 $index = "/zbxe"; // zbxe가 설치된 방이름 $aquamp = "/aquamp"; // 아쿠아BGM이 설치된 방이름 <title>Home Title</title> // 자신의 홈페이지 창표시줄에 나타날 제목(홈페이지 주소가 고정됩니다) <? $r = 1; $index = "/zbxe"; $aquamp = "/aquamp"; ?> <html> <head> <title>Home Title</title> <meta http-equiv="Content-Type" content="text/html; charset=euc-kr"> <style type="text/css"> frameset { margin:0px; padding:0px; border:0px; background-color:buttonface; } </style> </head> <? if($r == 1) { ?> <frameset rows="*,8" rows1="*,30" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/styx_wmp9_skyblue/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 2) { ?> <frameset rows="*,8" rows1="*,30" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/zskin_silver_pink/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 3) { ?> <frameset rows="*,8" rows1="*,30" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/styx_wmp9_royalblue/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 4) { ?> <frameset rows="*,8" rows1="*,30" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/styx_wmp9_royalblue2/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 5) { ?> <frameset rows="*,8" rows1="*,30" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/styx_wmp9_red/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 6) { ?> <frameset rows="*,8" rows1="*,30" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/styx_wmp9_red2/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 7) { ?> <frameset rows="*,10" rows1="*,45" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/styx_modern_blue/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 8) { ?> <frameset rows="*,10" rows1="*,45" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/styx_modern_red/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 9) { ?> <frameset rows="*,10" rows1="*,45" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/styx_modern_pearl/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 10) { ?> <frameset rows="*,10" rows1="*,45" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/styx_modern_black/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 11) { ?> <frameset rows="*,12" rows1="*,46" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/wankim_yellow/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 12) { ?> <frameset rows="*,8" rows1="*,30" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/styx_wmp9_skyblue2/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 13) { ?> <frameset rows="*,8" rows1="*,30" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/zskin_clean_aqua/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 14) { ?> <frameset rows="*,8" rows1="*,30" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/zskin_silver_aqua/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 15) { ?> <frameset rows="*,8" rows1="*,30" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/zskin_silver_blue/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 16) { ?> <frameset rows="*,8" rows1="*,30" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/zskin_silver_green/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 17) { ?> <frameset rows="*,8" rows1="*,30" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/zskin_silver_orange/player.html" name="aquamp" frameborder="0" noresize> <? } ?> <? if($r == 18) { ?> <frameset rows="*,8" rows1="*,30" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/zskin_silver_violet/player.html" name="aquamp" frameborder="0" noresize> <? } ?> 아쿠아앰프의 18가지 스킨입니다. 참조하세요. [아쿠아앰프가 홈피상단에 위치하기] <? if($r == 1) { ?> <frameset rows= "8,*" rows1="30,*" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$aquamp?>/styx_wmp9_skyblue/player.html" name="aquamp" frameborder="0" noresize> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <? } ?> [아쿠아앰프가 홈피하단에 위치하기] <? if($r == 1) { ?> <frameset rows= "*,8" rows1="*,30" frameborder="0" framespacing="0" name="fst"> <frame src="./<?=$index?>" name="main" frameborder="0" scrolling="yes"> <frame src="./<?=$aquamp?>/styx_wmp9_skyblue/player.html" name="aquamp" frameborder="0" noresize> <? } ?> 빨간색 부분을 바꾸어 주면 됩니다. 플레이어 버튼 설명 이상 aquamp 설치 방법이었습니다. 제로보드XE가 zbxe방에 설치되어 있고, 아쿠아BGM이 aquamp방에 설치되어 있다면 playlist.asx 에 노래만 집어 넣어시고 스킨번호만 선택하시면 됩니다. aquamp는 제가 저작권 홈페이지에 가보니 홈이 없어졌네요, 저작권에 대한 문제는 잘 모르겟습니다. index.html aquamp.rar ExoBUD™ 삽입 방법입니다. 먼저 bgm.rar 첨부파일을 내려 받아서 압축을 푼후 자신의 게정에 ftp로 올립니다.(지금부터는 편의상 올린 폴더를 bgm이라고 합니다.) 자신의 계정 루트에 index.html 파일을 아래와 같이 만듭니다. 만들어져 있다면 아래와 같이 변형하세요. <html> <head> <title>exobud</title> <META HTTP-EQUIV="Pragma" CONTENT="No-Cache"> <META HTTP-EQUIV="Expires" CONTENT="0"> <meta http-equiv="content-type" content="text/html; charset=euc-kr"> </head> <frameset rows="23,*" rows1="30,*" frameborder="0" framespacing="0" name="fst"> <frame src="/bgm/exobud.html" name="bgm" frameborder="0" noresize> <frame src="/zbxe/" name="body" scrolling="yes" frameborder="0" noresize> </frameset> </html> 여기서 zbxe/ 란 zbxe가 설치된 경로입니다. *참조로 여기에 첨부된 bgm파일의 저작권은 전적으로 ExoBUD™ 에 있습니다. 허락을 구하지 않고 여기에 올려서 죄송합니다. 문제가 된다면 삭제 하겠습니다. *참조 하나더 압축을 풀면은 config.js 파일은 환경설정하는 파일이며, addlist.js 파일은 음악을 추가하는 파일입니다. 안에 보시면 추가 하는 부분이 눈에 보일 것입니다. bgm.rar 3종세트중 아래에 있는 것은 같은 exobud 음악재생 프로그램인데 스킨만 다른 것입니다. 설치방법은 bgm설치 방법과 동일하며 index.html을 만드는 것이 아니라 레이아웃편집에서 자신의 레이아웃 적당한곳에 삽입 하시면 됩니다. 이것은 메뉴 옮겨가면 음악이 끊어집니다. 참조하세요 <IFRAME name="bgm" src=".//mini/exobud_full.html" height="60" width="150" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0" frameborder="0" scrolling="no"></IFRAME> 잘 사용하세요. mini.rar
2007.12.08 위젯 sound4u님의 최근게시물 변형 file 1 17,481
sound4u님의 애플스킨 최근게시물을 오렌지칼라로 변형하고 인기글 and 댓글 스킨도 통일되게 만들어 보았습니다.
XE 자료
Xpressengine Data of Moonhouse
Xe Tip
Xpressengine Tip of Moonhouse
최신댓글에 닉네임 출력하기...
최신댓글에 닉네임 출력하기... 조회수: 104, 2007.08.28 16:36:25 게시글 주소 : http://www.zeroboard.com/13284348 엮인글 주소 : http://www.zeroboard.com/13284348/trackback 현재 잡다한 몽상백서 댓글 소스입니다. 댓글 제목 뒤에 닉네임을 넣어봤습니다. (날짜도 나오구요) zbxe/widgets/newest_comment/skins/cozy_simple/list.html 파일을 수정했습니다. <!-- 설정된 컬러셋의 종류에 따라서 css파일을 import 합니다 --> <!--%import("css/common.css")--> <!--@if($colorset=="bluish_green")--> <!--%import("css/bluish_green.css")--> <!--@elseif($colorset=="green")--> <!--%import("css/green.css")--> <!--@elseif($colorset=="pink")--> <!--%import("css/pink.css")--> <!--@elseif($colorset=="blue")--> <!--%import("css/blue.css")--> <!--@else--> <!--%import("css/red.css")--> <!--@end--> <div class="commentBox"> <div class="header"> <!--@if($widget_info->title)--> <h2>{$widget_info->title}</h2> <!--@else--> <h2>newest comments</h2> <!--@end--> </div> <div class="document"> <ul> <!--@foreach($widget_info->comment_list as $val)--> {@ $write_time=zdate($val->regdate, "Y-m-d") } {@ $time_check=str_replace(" ","-",$write_time) } {@ $time_check=str_replace(":","-",$time_check) } {@ $time_check=explode("-",$time_check) } {@ $write_time2=mktime($time_check[3],$time_check[4],$time_check[5],$time_check[1],$time_check[2],$time_check[0]) } {@ $now_time=mktime(date("H"),date("i"),date("s"),date("m"),date("d"),date("Y")) } {@ $time_pass=($now_time-$write_time2) } <li><a href="{getUrl('','document_srl',$val->document_srl)}#comment_{$val->comment_srl}">{cut_str(strip_tags($val->content),24,'...')}</a> <!--@if($time_pass < 86400)--> <img src="./new.gif" align=absmiddle> <!--@end--> -{htmlspecialchars($val->nick_name)} {zdate($val->regdate, "Y-m-d")} </li> <!--@end--> </ul> </div> </div> 이소스는 최근댓글에 New아이콘도 함께 출력됩니다. 글 등록후 24시간 동안 New아이콘이 나타납니다.
레이아웃을 처음부터 만들고 싶은 초보분들만 보세요
레이아웃을 처음부터 만들고 싶은 초보분들만 보세요(2-2)조회수: 168, 추천수: 4, 2007.08.28 02:21:40 게시글 주소 : http://www.zeroboard.com/13185554 엮인글 주소 : http://www.zeroboard.com/13185554/trackback 아야어디가 많이 밀렸네요. 잘 될지 모르지만 이제부터 간결하게 가겠습니다. 2-2회 바로 가죠. 오늘 올릴 내용은 아래와 같습니다. 2-2. 레이아웃에서 (1) 이미지 사용법, (2) 자바스크립트와 css파일의 사용법 읽으면서 모르는 말이 나와도 일단 쭉 따라가 봅니다... (1) 이미지 사용법 chochobo 레이아웃에서 이미지를 사용하려면 1) zbxe/layouts/chochobo/ 밑에 images 디렉토리를 생성합니다. 2) 만든 images 디렉토리에 사용할 이미지를 올립니다. 3) layout.html에서 사용하려면 <img src="./images/이미지파일명" /> 위와 같은 이미지 경로를 이용하시면 됩니다. 4) 주의할 점은, 제가 확인한 바로는 layout.html 에 "http://~" 로 시작하는 이미지 경로를 사용하시면 안됩니다. <img src="http://~" /> 이런 식의 이미지 경로는 사용하지 마세요. layout.html파일에서 사용할 이미지는 모두 images 디렉토리에 저장한 후 "./images/이미지파일명" 경로를 이용해 사용하세요. 준비1 : chochobo 디렉토리 밑에 images 디렉토리를 생성한 다음, 아래 첨부파일 2개의 이미지를 images 디렉토리에 chobo.gif chobobg.gif 파일명으로 각각 저장하세요. 무슨 그림인지 한 번 보기도 하세요. (2) js 파일 사용법 1) zbxe/layouts/chochobo/ 밑에 js 디렉토리를 생성합니다. 2) 만든 js 디렉토리에 사용할 js 파일를 올립니다. 3) layout.html 에서 사용하려면 layout.html 위쪽에 아래와 같이 작성해줍니다. <!--%import("js파일의경로")--> <!--%import( )-->는 js파일이나 css파일을 불러와야 할 때 사용하는 양식~ 양식입니다. 준비2 : chochobo 디렉토리 밑에 js 디렉토리를 생성한 다음, 빈문서를 하나 불러와 아래 내용을 입력하고 js 디렉토리 밑에 chobo.js 파일명으로 저장하세요. function addfavorites(favoriteurl, favoritetitle){ if (document.all) window.external.AddFavorite(favoriteurl,favoritetitle) } ( 지금 페이지를 즐겨찾기로 지정해주는 자바스크립트 내용입니다. ) 참고 : js 파일에서 images 디렉토리에 있는 이미지의 경로를 사용할 경우에는 chochobo/images/chobo.gif 처럼 해당 레이아웃에서부터 시작하는 경로를 사용하셔야 합니다. (3) css 파일 사용법 1) zbxe/layouts/chochobo/ 밑에 css 디렉토리를 생성합니다. 2) 만든 css 디렉토리에 사용할 css 파일를 올립니다. 3) layout.html에서 사용하려면 layout.html 위쪽에 아래와 같이 작성해줍니다. <!--%import("css파일의경로")--> js 파일 불러오기는 방법과 같죠? css파일의 경로만 바꿔 주면 됩니다. 준비3 : chochobo 디렉토리 밑에 css 디렉토리를 생성한 다음, 빈문서를 하나 불러와 아래 내용을 입력하고 css 디렉토리 밑에 chobo.css 파일명으로 저장하세요. body{ background:#FFFFFF url(../images/chobobg.gif) repeat-x; } (body 의 배경색을 흰색으로 하고, 배경그림은 ../images/chochobg.gif 로 하며, 배경그림을 가로로 반복하라는 스타일지정입니다.) 그럼, 1회부터 지금까지 작성한 layout.html 내용을 간결하게 정리해 나가면서 아래처럼 작성 합니다. 그전에 태그 하나 소개합니다. div 태그입니다. 영역 분할 하는데 쓰이는 태그 입니다. 요즘은 레이아웃 잡는데 table 태그를 쓰지 않고 이 div 태그를 이용합니다. <div> 내용 </div> 의 형식으로 쓰시면 됩니다. 각 div에 id나 class 명를 지정할 수 있고 css파일에서 각각의 id와 class의 스타일을 지정할 수 있습니다. div 태그는 p 태그의 단락 구분 속성을 갖고 있어서 화면에 보여주기도 좋습니다. 이게뭐야 싶어도 그냥 div 태그를 써보죠. 트랜드에 뒤쳐지면 안되잖아요. 이 모든 것들을 이번 초초보레이아웃작성 팁으로 작성할 능력이 안되서; 팁 게시가 끝날 때 도움이 될 사이트를 소개하도록 하겠습니다. 그래서 일단은 따라하기...; <!-- js 파일을 가져옵니다. --> <!--%import("js/chobo.js")--> <!-- css 파일을 가져옵니다. --> <!--%import("css/chobo.css")--> <div> <!-- 홈타이틀 --> {$layout_info->home_title} </div> <div> <!-- 로고이미지, 클릭하면 홈으로 이동 --> <a href="{$layout_info->home_url}"><img src="{$layout_info->logo_image}"></a> </div> <div> <!-- 이미지를 사용해보자. img 태그를 쓸 때, alt 값 지정하는 것을 잊지 맙시다. --> <img src="/images/chobo.gif" alt="chobo이미지" /> </div> <div> <!-- chobo.js 에 저장했던 즐겨찾기 스크립트를 이용해 봅시다. --> <a href="javascript:addfavorites('{$layout_info->home_url}','{$layout_info->title}')">즐겨찾기에 추가</a> </div> 이렇게 작성하고 자신의 계정 zbxe/layouts/chochobo/ 디렉토리 밑에 layout.html 파일을 올려서 덮어쓰기 합니다. 위 (1), (2), (3)의 각 준비 과정을 거치고 layout.html 파일도 새로 작성했다면, 이제 화면에 어떻게 출력되는지 볼까요? 아래와 같이 나오면 정상입니다. 미리보기 지금까지 무미건조 했던 모습과는 조금 달라졌죠? 하늘색의 배경그림(chobobg.gif)이 출력되는 이유는 chobo.css 파일을 불러왔고(import) 그 파일의 body{~~~ 스타일 내용이 적용됐기 때문입니다. 파이어 폭스에서 즐겨찾기 기능은 작동을 안하네요;; 아무튼.. 그럼 바뀐 페이지의 소스 보기를 해보세요. 마우스 오른쪽 버튼->소스보기 혹은 단축키(ie 에서는 alt v + c , 파폭에서는 alt v + o)를 이용해서 볼 수 있습니다. 우리가 layout.html 상단에 <!--%import("js/chobo.js")--> <!--%import("css/chobo.css")--> 이 두 줄을 추가했는데 소스 내용의 <head>와 </head> 사이에 잘 찾아보면 <script type="text/javascript" src="/zbxe/layouts/chochobo/js/chobo.js"></script> 와 <link rel="stylesheet" href="/zbxe/layouts/chochobo/css/chobo.css" type="text/css" /> 이 들어가 있는 것을 알 수 있습니다. zbxe의 템플릿이 알아서 추가 해준 것이죠. 역시 zbxe 좋죠? 오늘은 여기까지 입니다. 말씀 드린대로 도움이 될 사이트 소개합니다. 천천히 읽으면서 받아 들이도록 애써 보세요. 저도 다 읽으려면 많이 남았습니다. |-) 1. http://ilmol.com/wp/2005/06/09/25/ 저도 읽어 봤는데 테이블은 이제 과연 어디에 써야하나.. 고민됩니다;; 2. http://ilmol.com/wp/2005/08/15/110/ 쭉 읽어보시고 하단 부분에 보시면 ul 태그에 대해 나옵니 다. 익혀 두세요. 메뉴 사용과 관련해서 많이 나오는 태그 입니다. 3. http://ilmol.com/wp/css 이 페이지와 그곳에 링크된 페이지 그리고 우측 메뉴를 이용해 css에 대해 배워 봅니다. 이제 3회에서 메뉴 출력부분과 본문 출력 부분을 배우면 끝날 것 같습니다. 일단 메뉴 1개부터 다수까지 연결하는 부분을 배우고 출력할 수 있는 여러가지 유형의 메뉴 타입를 제시함으로써 마치려고 합니다. 질문은 댓글이나 쪽지로 주세요. 수고하셨습니다. 좋은 하루 되세요.
서브 메뉴 배경색 바꾸기
서브 메뉴 배경색 바꾸기 조회수: 196, 추천수: 1, 2007.08.17 11:56:06 게시글 주소 : http://www.zeroboard.com/4796401 엮인글 주소 : http://www.zeroboard.com/4796401/trackback 우선 레이아웃 폴더에서 Xe_official에 들어가서 Css에 들어가세요 . 자신이 쓰는 스킨명.css 클릭 하시고 편집에 들어가서 #lnb li a:focus { color:#ffffff; background:#008aff; border:1px solid #008aff;} #lnb li.on a { color:#ffffff; background:#008aff; border:1px solid #008aff;} 파란색 글자를 원하는 RGB색으로 변경하면 됩니다.
사이트 주소로 접속했을때 XE 폴더로 이동하기 팁
사이트 주소로 접속했을때 XE 폴더로 이동하기 팁 조회수: 287, 추천수: 2, 2007.08.16 14:14:49 게시글 주소 : http://www.zeroboard.com/4632063 엮인글 주소 : http://www.zeroboard.com/4632063/trackback 베니 제목이 주절주절 길군요. 질문 & 답변란을 보니 이와 관련된 물음이 많던데 index.php같은 파일을 이용해서 리다이렉션을 하라는 답글이 대부분이라서 팁을 남깁니다. 블로그에 올린 내용이라 반말인건 이해해주세요. 초보자용. HOW-TO 1) htaccess 파일을 만듭니다. (윈도우에선 .htaccess라는 파일을 그냥 생성하실 수 없으니까 그냥 htaccess를 만들겠습니다.) 2) 파일에 다음과 같은 내용을 기입합니다. RewriteEngine On RewriteRule ^/$ ./zbxe/index.php?mid=blog [L] RewriteRule ^$ ./zbxe/index.php?mid=blog [L] 단, 노란색 표시가 있는 것은 자신에 맞게 적당히 바꿔주셔야 합니다. zbxe -> 자신의 제로보드 XE 디렉토리 경로, blog -> 처음 보여질 모듈(페이지/게시판/블로그의 mid값.) 그리고 저장합니다. 3) 계정을 FTP로 접속합니다. 웹페이지가 놓이는 최상단 디렉토리로 들어가서 htaccess 파일을 업로드합니다. 4) 업로드한 htaccess 파일이름을 .htaccess로 고칩니다. 5) 테스트를 해봅니다. 주의: 이 팁을 사용했을때 파일이름까지 정확하게 기입되지 않은 하위디렉토리들은 더이상 index.html이나 index.php를 참조하지 못하게 됩니다. 예를 들어 루트아래에 /temp 라는 폴더가 있고 그 안에 index.html이라는 파일이 있다고 하더라도 정확하게 /temp/index.html이라고 기입해주지 않으면 제로보드 XE 모듈로 판독해버리게 됩니다. 주의하세요.
상단 로고부분 공간 늘릴려면...
상단 로고부분 공간 늘릴려면... 조회수: 231, 2007.08.14 14:07:56 게시글 주소 : http://www.zeroboard.com/4282323 엮인글 주소 : http://www.zeroboard.com/4282323/trackback zb5와 마찮가지로 zbxe에서도 두개의 파일을 확인 하면서 작업을 해야 한다. 1. /zbxe/layouts/xe_offical/layout.html 파일에서 소스를 확인하고 2. /zbxe/layouts/xe_offical/white.css 파일에서 값을 수정한다. css 파일 수정은 자신이 선택한 컬러셋 유형에 따라 파일명이 달라질 것이다. 그럼 어느부분을 수정해야 할 지 한번 보자. 아래 소스는 /zbxe/layouts/xe_offical/white.css 파일이다. #header { position:relative; width:978px; height:150px; border-top:6px solid #323232; border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; background:url(../images/white/bgHeader.png) no-repeat right bottom; margin-bottom:10px; z-index:99;} //14번째 라인 #header h1 { position:absolute; top:0px; left:25px;} // 15번째 라인 #gnb { position:absolute; top:112px; left:0; height:38px; overflow:hidden; white-space:nowrap; margin-bottom:10px;} // 28번째 라인 위 붉은색 부분을 바꿔서 확인하면 이해가 갈것이다. 잡다한 몽상백서 똑띠입니다. http://jobdahan.net // zbxe 버젼 http://jobdahan.net/zb5 // zb5 버전 (당분간 병행 운영합니다.)

Xe Total

게시판 Category 제목 글쓴이 날짜 조회수
RM 팁 Xe 1.0.0 업그레이드 이후 레이아웃이 모두 어긋나요. 팔공산 2008.03.23 4,404
RM 자료 2 아이프레임 추가(Iframe_maker) v0.1댣군
　┖ 다운로드가 안되는군요. 꼭 필요한데요 백수
　┖ 제가 가지고 있던 파일인데 지금 버전에서도 잘 작동하는지 모르겠습니다. 팔공산
팔공산 2008.03.23 4,867
RM 자료 팝업삽입 위젯 + 팝업관리 스킨mmx900 팔공산 2008.03.23 4,636
RM 자료 6 한줄게시판 위젯 + 게시판 스킨 0.2mmx900
　┖ 잘 사용하겠습니다. 포지션
　┖ 선생님 혹시 이거 아직도 작동이 될까요?? 문탁이
　┖ 12년전의 자료내요^.^! 저도 가지고 있지 않습니다.~ 혹시 한줄게시판 비슷한 느낌이듭... 팔공산
　┖ 제가 원하던 자료가 이런건데. XE 공식홈페이지에 있는 SoSiFam 한줄 메모랑은 완전다... 문탁이
　┖ 글쎄요... 저도 오래전에 설치한 자료라 어떻게 했는지 기억이 안 나네요. 라이믹스로 ... 팔공산
　┖ ㅜ_ㅜ 라이믹스로 넘어가셨군요. 아마 제가 받은 소시펨 한줄메모랑 다른걸 받았나봅니... 문탁이
팔공산 2008.03.23 5,719
나의 RM 위젯 최신이미지 MH스킨 V1.1 (4월16일수정) file 팔공산 2008.03.22 6,813
RM 팁 기타 탭 형식의 뉴스 넣기 설치 file 혀나겅주 2008.03.12 5,477
나의 RM 위젯 홈페이지 소스공개 5탄 - MH최신글멀티 단독위젯 file 팔공산 2008.03.13 6,908
RM 팁 문하우스 1 네이버위젯 달기
　┖ 어머~~~ 네이버위젯 이렇게 달면 되네요. 팔공산님은 마법의 요술상자 같네요. 무엇이... 혀나겅주
팔공산 2008.03.12 6,333
RM 자료 [0.2] 플래너(planner) 모듈 (일정관리) 팔공산 2008.03.10 3,932
RM 자료 선택문서출력 (Patched)inxhune 팔공산 2008.03.10 4,032