로그인 및 회원가입 로그인 및 회원가입 Seperater
일반 로그인

오픈아이디 로그인

캡스락 키 메세지
Hammer
  기술지원 업데이트와 패치 수동 패치 직접 업데이트하실 수 있습니다
현재메뉴 메뉴보기
직접 업데이트하실 수 있습니다 총 35 건
PXE 공식 레이아웃 v1.0.4 수동 패치 안내
목록
정보 보기 정보 닫기
  • PremiumXE
  • 조회 수 2814
  • 댓글 수 0
  • 추천 수 0
2010년 8월 20일 09시 18분 등록

HUNI님의 건의에 따라 PXE 공식 레이아웃 v1.0.4 수동 패치 방법을 안내해드리겠습니다. 패치 내용이 조금 많을 경우는 수동 패치가 다소 복잡할수 있으니 유의해서 패치해주시기 바랍니다.


1. layout.html을 수정합니다. 아래 코드에서 파란색으로 표시된 부분이 새로 추가된 부분, 녹색으로 표시된 부분이 변경된 부분입니다.

layout.html
<!--@if($layout_info->menu_type == "double")-->
    <!--@if($menu_1st && isset($menu_1st['list']) && count($menu_1st['list']))-->
    <div id="hd_sub"
        style="
        <!--@if($layout_info->layout_type == "f_ec" || $layout_info->layout_type == "f_ce" || $layout_info->layout_type == "f_eec" || $layout_info->layout_type == "f_cee" || $layout_info->layout_type == "f_ece")-->
        margin:25px auto 0 auto;
    <!--@else-->
        margin:25px 20px 25px 20px;
    <!--@end-->
        "
    >      
        <!-- main_menu 2차 시작 -->
           <!--@if($menu_1st)-->
           <ul id="hnb">
               {@ $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']}<!--@if($val['list'])--><!--@end--></a></li>
               {@$idx++}
               <!--@end--><!--@end-->
           </ul>
           <!--@end-->
       
        <div class="tm"></div>
    </div><!--header_sub 끝-->
    <!--@end--><!--@end-->
   
    <!--@if($layout_info->display_breadclumb == "Y")-->
    <div class="menuPath" style="margin:25px 20px 25px 20px;">
        <div class="left">
            <!-- depth 1 -->
            <!--@foreach($main_menu->list as $key => $val)-->
                <!--@if($val['selected'])-->{@$depth1 = $val}<!--@end-->
            <!--@end-->
           
            <!-- depth 2 -->
            <!--@if($depth1)-->
                <!--@foreach($depth1['list'] as $key => $val)-->
                    <!--@if($val['selected'])-->{@$depth2 = $val}<!--@end-->
                <!--@end-->
            <!--@end-->
           
            <!-- depth 3 -->
            <!--@if($depth2)-->
                <!--@foreach($depth2['list'] as $key => $val)-->
                    <!--@if($val['selected'])-->{@$depth3 = $val}<!--@end-->
                <!--@end-->
            <!--@end-->
            <a href="{getSiteUrl()}" class="home">&nbsp;</a>
            <!--@if($depth1)-->
                <a href="{$depth1['href']}">{$depth1['text']}</a>
            <!--@end-->
            <!--@if($depth2)-->
                <a href="{$depth2['href']}">{$depth2['text']}</a>
            <!--@end-->
            <!--@if($depth3)-->
                <a href="{$depth3['href']}">{$depth3['text']}</a>
            <!--@end-->
        </div>
       
        <div class="terminator"></div>
    </div>
    <!--@end-->



2. 컬러셋 파일에 CSS를 추가합니다. 모든 컬러셋 파일에 아래 코드를 넣어줘야 합니다.

sky.css
/*Breadclumb*/
.menuPath { margin:0 0 25px 0; overflow:hidden; clear:both; *zoom:1; background:url(../img/sky/bg_bread.gif) no-repeat; }
.menuPath .left { position:relative; float:left; height:31px; font:8pt 돋움; letter-spacing:-1px; }
.menuPath .left a,
.menuPath .left a:visited { float:left; display:inline-block; height:21px; padding-top:10px; *padding-top:11px; padding-right:20px; margin-right:10px; background:url(../img/sky/icon_bread_arrow.gif) no-repeat right top; color:#666; }
.menuPath .left a:hover { color:#0088cc; }
.menuPath .left a.home { width:25px; }
.menuPath .terminator { float: right; width:12px; height:31px; overflow:hidden; background:url(../img/sky/tm_bread.gif) no-repeat; }


black.css
/*Breadclumb*/
.menuPath { margin:0 0 25px 0; overflow:hidden; clear:both; *zoom:1; background:url(../img/black/bg_bread.gif) no-repeat; }
.menuPath .left { position:relative; float:left; height:31px; font:8pt 돋움; letter-spacing:-1px; }
.menuPath .left a,
.menuPath .left a:visited { float:left; display:inline-block; height:21px; padding-top:10px; *padding-top:11px; padding-right:20px; margin-right:10px; background:url(../img/black/icon_bread_arrow.gif) no-repeat right top; color:#666; }
.menuPath .left a:hover { color:#ff0000; }
.menuPath .left a.home { width:25px; }
.menuPath .terminator { float: right; width:12px; height:31px; overflow:hidden; background:url(../img/black/tm_bread.gif) no-repeat; }


cyan.css
/*Breadclumb*/
.menuPath { margin:0 0 25px 0; overflow:hidden; clear:both; *zoom:1; background:url(../img/cyan/bg_bread.gif) no-repeat; }
.menuPath .left { position:relative; float:left; height:31px; font:8pt 돋움; letter-spacing:-1px; }
.menuPath .left a,
.menuPath .left a:visited { float:left; display:inline-block; height:21px; padding-top:10px; *padding-top:11px; padding-right:20px; margin-right:10px; background:url(../img/cyan/icon_bread_arrow.gif) no-repeat right top; color:#666; }
.menuPath .left a:hover { color:#0088cc; }
.menuPath .left a.home { width:25px; }
.menuPath .terminator { float: right; width:12px; height:31px; overflow:hidden; background:url(../img/cyan/tm_bread.gif) no-repeat; }


custom.css
/*Breadclumb*/
.menuPath { margin:0 0 25px 0; overflow:hidden; clear:both; *zoom:1; background:url(../img/custom/bg_bread.gif) no-repeat; }
.menuPath .left { position:relative; float:left; height:31px; font:8pt 돋움; letter-spacing:-1px; }
.menuPath .left a,
.menuPath .left a:visited { float:left; display:inline-block; height:21px; padding-top:10px; *padding-top:11px; padding-right:20px; margin-right:10px; background:url(../img/custom/icon_bread_arrow.gif) no-repeat right top; color:#666; }
.menuPath .left a:hover { color:#0088cc; }
.menuPath .left a.home { width:25px; }
.menuPath .terminator { float: right; width:12px; height:31px; overflow:hidden; background:url(../img/custom/tm_bread.gif) no-repeat; }



3. 각 컬러셋의 이미지 폴더에 이미지들을 넣어주어야 합니다. PXE_official_layout_v1.0.4_images.zip 파일을 다운로드 받아서 압축을 풀면 2개의 폴더가 있습니다. sky_cyan_custom 폴더안에 있는 이미지는 Sky, Cyan, Custom 컬러셋에 사용될 공통 이미지 파일이며 black 폴더에 있는 이미지는 Black 컬러셋 전용 이미지입니다. 아래 경로에 맞게 이미지들을 넣어주세요.


  • sky_cyan_custom 폴더안에 있는 이미지 3개를 img 폴더 속의 sky, cyan, custom 폴더 안에 각각 넣어주세요
  • black 폴더안에 있는 이미지 3개를 img 폴도속의 black 폴더 안에 넣어주세요


4. info.xml을 수정합니다. 파란색으로 표시된 코드를 추가해줍니다.

conf/info.xml
<var name="menu_type" type="select">
    <title xml:lang="ko">메인 메뉴 선택</title>
    <title xml:lang="en">Main Menu Preference</title>
    <description xml:lang="ko">원하시는 메인 메뉴 구성을 선택해주세요.</description>
    <description xml:lang="en">Please select Main menu preference you want.</description>
    <options value="normal">
        <title xml:lang="ko">일반 1단 형식</title>
        <title xml:lang="en">Normal (1 Depth)</title>
    </options>
    <options value="double">
        <title xml:lang="ko">일반 2단 형식</title>
        <title xml:lang="en">Normal (2 Depth)</title>
    </options>
    <options value="pulldown">
        <title xml:lang="ko">4단 풀다운 형식</title>
        <title xml:lang="en">Pull Down (4 Depth)</title>
    </options>
</var>
<var name="display_breadclumb" type="select">
    <title xml:lang="ko">상단 경로 표시기 출력</title>
    <title xml:lang="en">Topside Breadclumb Preference</title>
    <description xml:lang="ko">페이지 상단에 현재 메뉴의 위치를 출력하거나 감춥니다</description>
    <description xml:lang="en">Please select topside breadclumb display you want.</description>
    <options value="N">
        <title xml:lang="ko">출력 안함</title>
        <title xml:lang="en">Not Display</title>
    </options>
    <options value="Y">
        <title xml:lang="ko">출력</title>
        <title xml:lang="en">Display</title>
    </options>
</var>

감사합니다.
이 게시물을...
IP *.125.198.221
첨부 1 개
첨부파일 보기 첨부파일 닫기
덧글 입력박스
유동형 덧글모듈

댓글 운영정책
목록 쓰기