1.  자료실
  2.  팁
  3.  나의 XE
  4.  Html
  5.  배경이미지

XE 인기게시물

MH 슬라이딩 배너 0....
MH 위젯스타일
prettyphoto - 본문내...
SCM 플레이어 사용법
XE 1.4.4.2버전 이후에...
네비게이션 위젯
IE 버젼별로 css 따로...
문서보기 유저 지정
문하우스 게시판스킨 V...
내용글 출력시 주소창에...
Data Of MoonHouse
카멜레온 Skin / MH Skin
글 수 105
2007.12
16
moon house에 사용중인 소스들 설명(3/23)
[레벨:30]id: 팔공산
Category : Tip http://moonhouse.co.kr/xe/113250
2007.12.16.일 23:41 4220 Views
다음 이전
목록

moonhouse.co.kr_01_21.jpg

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-->
            <!--@end--><!--@end-->
            <!-- main_menu 1차 끝 -->
  </ul>
  <!--//GNB-->
 
    <form action="{getUrl()}" method="post" id="isSearch">
            <input type="hidden" name="mid" value="{$mid}" />
            <input type="hidden" name="act" value="IS" />

   <input name="search_target" type="radio" value="title" id="search_target" class="searchOrder" checked="checked" title="search option" />
   <label for="search_target" class="checked" id="search_target_label" onclick="showHide('selectOrder'); return false">{$lang->title}</label>
   <ul id="selectOrder">
    <li>
     <input type="radio" name="search_target" value="title" id="search_target1" />
     <label for="search_target1" onclick="chkIsKind(1, '{$lang->title}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->title}</label>
    </li>
    <li>
     <input type="radio" name="search_target" value="content" id="search_target2" />
     <label for="search_target2" onclick="chkIsKind(2, '{$lang->content}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->content}</label>
    </li>
    <li>
     <input type="radio" name="search_target" value="title_content" id="search_target3" />
     <label for="search_target3" onclick="chkIsKind(3, '{$lang->title}+{$lang->content}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->title}+{$lang->content}</label>
    </li>
    <li>
     <input type="radio" name="search_target" value="comment" id="search_target4" />
     <label for="search_target4" onclick="chkIsKind(4, '{$lang->comment}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->comment}</label>
    </li>
    <li>
     <input type="radio" name="search_target" value="tag" id="search_target5" />
     <label for="search_target5" onclick="chkIsKind(5, '{$lang->tag}'); return false;" onmouseover="this.className='on'" onmouseout="this.style.background='none'">{$lang->tag}</label>
    </li>
   </ul>
   <input name="is_keyword" type="text" class="inputText" title="keyword" />

   <input type="image" src="./images/{$layout_info->colorset}/buttonSearch.gif" alt="{$lang->cmd_search}" class="submit" />
  </form>  
  </div>

 <div id="contentBody">
  <div id="columnLeft">

            <!-- 로그인 위젯 -->
            <img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="login_info" body="" skin="paper_login_mh" colorset="" widget_cache="0" widget_sequence="103" />

            <!-- 왼쪽 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>

<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="popular_document" body="" skin="sound4u_popular" colorset="white" widget_cache="0" title="인기 게시물" order_target="readed_count" order_type="desc" list_count="10" view_date="60" mid_list="blog,comtip,data,drv,etc,fa,gongi,guest,home,mp3,pic,qa,sale,ucc,utils,xedata,xeimg,xemy,xetip,zbxe" subject_cut_size="12" thumbnail_width="" cols_list_count="" rows_list_count="" display_author="N" display_regdate="N" display_readed_count="N" display_voted_count="N" widget_sequence="111650" />

<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="newest_comment" body="" skin="mh_comment" colorset="green" widget_cache="0" title="최근 댓글" list_count="10" mid_list="blog,comtip,data,drv,etc,fa,gongi,guest,home,mp3,pic,qa,sale,ucc,utils,xedata,xeimg,xemy,xetip,zbxe" subject_cut_size="10" widget_sequence="111652" />

<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="counter_status" body="" skin="moon_house" colorset="normal" widget_cache="0" widget_sequence="139075" />

<!--@end-->
</div>
  <div id="columnRight">
                      
   <!-- 컨텐츠 시작 -->

<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="menu_location" body="" skin="default" colorset="normal" widget_cache="0" widget_sequence="110330" />

            {$content}

  </div>
 </div>

   <div id="footer">
  <li class="first-child">
   
        <!--@foreach($bottom_menu->list as $key => $val)-->
  <li><a href="{$val['href']}" <!--@if($val['open_window']=='Y')-->onclick="window.open(this.href);return false;"<!--@end-->>{$val['link']}</a></li>
        <!--@end-->

            <address>
   <a href="http://moonhouse.co.kr" onclick="window.open(this.href);return false;"><img src="./images/{$layout_info->colorset}/bottom.gif" alt="Designed By 주컴A/S  Copylight 주컴A/S" width="980px" height="30" /></a>
   </address>
     </li>
  <!--바닥 부분-->
        <li class="bottom">
        본 사이트에서의 무단 E-mail 추출을 거부합니다.
        </li>
   </div>

</div>
</div>

<img width="100%" height="100" src="/common/tpl/images/widget_bg.jpg" class="zbxe_widget_output" style="clear:both;" widget="alway_stalker" body="" skin="default" colorset="" widget_cache="0" addon_position="2" addon_basic="0" addon_width="980" addon_left="979" addon_top="135" addon_top_gap="135" addon_scroll_speed="0" addon_scroll_move="1" addon_activate_apeed="0" addon_textarea="&lt;img src='/img/sider.gif' border='0' usemap='#ImageMap3'&gt;     
&lt;map name='ImageMap3'&gt;  
  &lt;area shape='rect' coords='1,1,40,35' href='#' onfocus='this.blur()'&gt;
  &lt;area shape='rect' coords='40,1,73,35' href='http://moonhouse.co.kr/zbxe' onfocus='this.blur()'&gt;
  &lt;area shape='rect' coords='6,50,70,84' href='http://moonhouse.co.kr/zbxe/folio' onfocus='this.blur()'&gt;
  &lt;area shape='rect' coords='5,84,69,117' href='http://moonhouse.co.kr/zbxe/xeimg' onfocus='this.blur()'&gt;
  &lt;area shape='rect' coords='1,119,74,160' href='#bottom' onfocus='this.blur()'&gt;
&lt;/map&gt;" widget_sequence="141119" />

default.css 이해

@charset "utf-8";
/*
NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/)
Jeong, Chan Myeong 070601~070630
*/
a { selector-dummy : expression(this.hideFocus=true);}
/* Default Skin - Start */
#selectLang { margin:0; padding:0; }
#gnb { margin:0; padding:0; }
#lnb { margin:0; padding:0; }
#lnb ul { margin:0; padding:0; }

/* Site Layout - Body Wrap */
body { background:#FFFFFF }
#bodyWrap { width:980px; margin:0em auto 0 auto; }

/* top 배경이미지 크기 */
#header { position:relative; width:980px; height:165px; }
#header h1 { position:absolute; top:30px; left:20px;}
#header h2 { position:absolute; top:0px; left:0px; height:55px; }

/* top 메뉴 위치*/
#topmenu { position:absolute; top:0px;  right:0px; height:30px}
#topmenu li { list-style:none; float:left; }

#top_index { position:absolute; top:0px;  right:0px; text-align:left;}

/* top 베너위치*/
#top_banner { position:absolute; top:50px; left:765px; text-align:left;} 

/* msn 위치*/
#msn { position:absolute; top:5px; right:180px;} 

#it_search_form { position:absolute; top:67px; right:5px;}
#it_search_form .input { border:1px solid #d9d9d9; height:17px; width:120px; color:#888888; font-size:.9em;}
#it_search_form .submit_button { width:1px; height:1px; visibility:hidden; }
#isSearch { position:absolute; top:65px; right:5px; width:214px; text-align:right;}
#isSearch .searchOrder { display:none;}
#isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/default/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c; line-height:normal;}
#isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #b2b2b2; background:#ffffff; overflow:hidden;}
#isSearch ul li { width:67px; height:18px; list-style:none;}
#isSearch ul li input { display:none;}
#isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#5c5c5c;}
#isSearch ul li label.on { background:#ededed; }
#isSearch ul li label:hover,
#isSearch ul li label:focus { background:#ededed;}
#isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:94px; height:13px; color:#000000; border:1px solid #B0B0AF; background-color:#FFFFFF; }
#isSearch .inputText:hover,
#isSearch .inputText:focus { border:1px solid #8E8E8D; background-color:#FFFFFF; }
*:first-child+html  #isSearch .inputText { position:relative; top:-1px;}
#isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;}
*:first-child+html #isSearch .submit { position:relative; top:-1px;}

/* Site Layout - Content Body */
#contentBody { position:relative; width:980px; padding-bottom:30px; overflow:hidden; border-bottom:0px solid #dddddd;}

/* Site Layout - Column Left */
#columnLeft { position:relative; width:201px; float:left;}
/* 로그인과 메뉴사이 간격 */
#columnLeft .mask { width:201px; height:5px; background:#ffffff; display:block; clear:both;}

/* 하위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 0 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:97; 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/bgLnbOff.gif) no-repeat center; color:#090; position:relative; z-index:96; 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/bgLnbVr.gif) no-repeat center; position:relative; z-index:95; 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;}

/* Site Layout - Column Right */
#columnRight { width:770px; float:right; overflow:hidden; margin-top:0px;}
#visualArea { width:770px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;}
#content { width:100%; overflow:hidden;}

/* Site Layout - Footer */
/* 바탕경계선 */
#footer { border-top:0px solid #ff6600; text-align:center; padding:1px 0px 5px 0px; clear:both;}
#footer li { display:inline; padding:2px 5px 2px 0px; no-repeat left center;}
#footer li.first-child { background:none;}
#footer li a { font-weight:bold; color:#ff6600; font:1em Tahoma, "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;}
#footer li address { display:inline; }
#footer li.bottom{ font-size:12px; color:#FFCC00; width:980px; border-top:0px solid #f4f4f4; text-align:center; height:25px; clear:both;}

/* Default Skin - End */
이 게시물을...
목록
전체 - Tip(36) 위젯(41) 애드온(1) 스킨(21) 레이아웃스킨(9) 게시판스킨(9) 기타(6)
번호 제목 날짜 조회 수

35. 위젯 홈페이지 소스공개 3탄 - 로그인 스킨 (정식버전수정) 2

이 사이트에 있는 로그인스킨은 sound4u님이 만드신 종이스타일 로그인을 기본으로, 변형해서 사용중입니다. http://www.zeroboard.com/16053781 로그인 전 0.2.9에 추가된 로그인유지를 넣었습니다. 로그인 후 레이아웃설정과 편집을 넣...

  • 2008-02-21
  • 조회 수 3954

34. 위젯 홈페이지 소스공개 2탄 - 카운트위젯 스킨

타골라스님이 올려주신 카운트스킨에 힘 얻어 저도 함 올려봅니다. moon_house.rar 을 다운받아 압축을 푼 후 /zbxe/widgets/counter_status/skins 폴더에 올립니다. 레이아웃 편집에서 기본카운터 위젯을 선택 접속자 현황 출력 달집...

  • 2008-02-12
  • 조회 수 3891

33. 위젯 홈페이지 소스공개 1탄 - 좌측 메뉴 만들기(정식버전수정) 40

사이트 좌측에 있는 2차메뉴를 이미지로 예쁘게 꾸미는 방법입니다. 1. 먼저 사용하는 스킨의 zbxe/layouts/사용스킨/layout.html 을 편집기로 열어서 아래의 부분을 찾아서 바꿉니다. 변경전 파일은 xe_official의 default.css를 예...

  • 2008-02-06
  • 조회 수 9028

32. Tip 웹폰트로 홈피를 꾸미는 방법 2

위의 이미지에서 인기게시물은 '엔터+영원체' 이고, 최근댓글은 '티티체' 입니다. 적용방법은 아래목록에 있는 것과 같이 1번은 같습니다. 먼저 /zbxe/common/css/폴더안에 있는 default.css를 열어서 @charset "utf-8"; @font-face {...

  • 2008-01-21
  • 조회 수 3125

31. Tip 웹폰트로 홈피를 꾸미는 방법 1 2

이팁은 에디터의 글꼴에 웹정체글꼴을 등록하는 방법입니다.(엔터+영원체) 1. /zbxe/common/css/폴더안에 있는 default.css를 열어서 @charset "utf-8"; @font-face {font-family:nontoxic; src:url('../css/nontoxic_barun_2.eot')} @font...

  • 2008-01-20
  • 조회 수 4295

» Tip moon house에 사용중인 소스들 설명(3/23)

layout.html 이해 <!-- js 파일 import --> <!--%import("js/flisland.js")--> <!-- 레이아웃과 연동될 css 파일 import --> <!--%import("css/default.css")--> <background_image">!--@if($layout_info->background_image)--> <style type="text/css"> body ...

  • 2007-12-16
  • 조회 수 4220

29. Tip 음악플레이기 3종세트 설치 방법 30

아쿠아앰프 설치방법 (이번 것이 앞전에 설치방법보다 스킨바꾸는 방법이 간단하여 다시 올립니다.) aquamp.rar 파일을 풀어서 player.config.js, playlist.asx 를 수정해야 합니다. 먼저 player.config.js를 에디터기로 열어서 첫째줄을...

  • 2007-12-09
  • 조회 수 4379
목록
  • 문하우스는 IE7, 1280*1024 이상의 모니터 해상도에서 최적화 되어 있습니다.무단 E-mail 추출이나, 성인광고를 허용치 않습니다
  • 단축키 : l-목록, w-글쓰기, z-이전글, x-다음글, s-최근글, a-이전목록, d-다음목록, 1-home, 2-data, 3-zbxe, 4-blog, 5-total, 6-QnA