직접 업데이트하실 수 있습니다
총 35 건
PremiumXE- 조회 수 2518
- 댓글 수 2
- 추천 수 0
PXE Official Layout v1.0.1 수동 패치 안내 입니다.
1. 일반 리플릿 영역에서 배너와 위치 표시기 사이의 여백을 넓혀주기 위한 패치입니다. 아래 코드에서 파란색 부분으로 변경해주세요.
layout.html
<div id="lf_n">
<div class="wrp">
<a href="{$layout_info->banner_url}" class="lf_ban" target="_blank">
<!--@if($layout_info->leaflet_banner)-->
<img src="{$layout_info->leaflet_banner}" class="iePngfix" alt="" />
<!--@else-->
<img src="img/{$layout_info->colorset}/logo_leaflet_small.gif" class="iePngFix" />
<!--@end-->
</a>
<div id="lf_n">
<div class="wrp">
<a href="{$layout_info->banner_url}" class="lf_ban" target="_blank">
<!--@if($layout_info->leaflet_banner)-->
<img src="{$layout_info->leaflet_banner}" class="iePngfix" alt="" />
<!--@else-->
<img src="img/{$layout_info->colorset}/logo_leaflet_small.gif" class="iePngFix" />
<!--@end-->
</a>
2. 레이아웃 형식에 따라 2단 메인메뉴와 본문부의 여백을 결정해줍니다. 기존에는 메뉴바와 컨텐츠 부분이 너무 붙어있던 문제가 해결됩니다. 우선 아래의 코드에서 빨간색 부분을 찾아주세요. 이 패치를 실행하면 레이아웃 구조가 플랫 형식일 경우에는 컨텐츠부와 완전히 밀착되고, 일반 형식일 경우에는 적당한 여백이 생성됩니다.
layout.html
<!--@if($layout_info->menu_type == "double")-->
<!--@if($menu_1st && isset($menu_1st['list']) && count($menu_1st['list']))-->
<div id="hd_sub">
<!-- 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->menu_type == "double")-->
<!--@if($menu_1st && isset($menu_1st['list']) && count($menu_1st['list']))-->
<div id="hd_sub">
<!-- 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-->
위의 빨간색 코드 부분을 아래의 코드로 대체해주세요.
layout.html
<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 auto;
<!--@end-->
"
>
<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 auto;
<!--@end-->
"
>
3. 컬러셋이 Cyan으로 설정된 상태에서의 2단 메인메뉴의 글자색상을 Cyan에 어울리도록 변경해주는 패치입니다. 아래의 코드에서 파란색 부분을 추가 및 변경해주세요.
cyan.css
/*HMenu*/
#hnb { position:relative; margin:0; padding:0; top:11px; left:100px; *zoom:1; font:12px Tahoma; list-style:none; background:url(../img/cyan/vr_hnb.gif) no-repeat right 4px; color:#999; }
#hnb li { float:left; margin-right:10px; *zoom:1; }
#hnb li a { float:left; padding-right:10px; display:block; text-decoration:none; color:#999; *zoom:1; }
#hnb li a:hover,
#hnb li a:focus { }
#hnb li.on a { color:#46c3d3; font-weight:bold; }
#hnb li.on a:hover,
#hnb li.on a:focus { }
#hnb li:last-child a { background:none }
/*HMenu*/
#hnb { position:relative; margin:0; padding:0; top:11px; left:100px; *zoom:1; font:12px Tahoma; list-style:none; background:url(../img/cyan/vr_hnb.gif) no-repeat right 4px; color:#999; }
#hnb li { float:left; margin-right:10px; *zoom:1; }
#hnb li a { float:left; padding-right:10px; display:block; text-decoration:none; color:#999; *zoom:1; }
#hnb li a:hover,
#hnb li a:focus { }
#hnb li.on a { color:#46c3d3; font-weight:bold; }
#hnb li.on a:hover,
#hnb li.on a:focus { }
#hnb li:last-child a { background:none }
4. 컬러셋이 Cyan으로 설정된 상태에서의 리플릿 위치표시기가 제대로 표현되지 않던 문제를 해결하는 패치입니다. 아래 초록색으로 적힌 경로에서 vertical_menu.css를 파일을 열고 아래 코드를 문서의 맨 마지막에 추가해줍니다.
/layouts/PXE_official_layout/packages/pxe_vertical_menu_pxeLeaflet/vertical_menu.css
/* Colorset - pxeCyan
---------------------------------------------------------------------------------*/
#sub_nav_pxeCyan { margin:0; padding:0; font:8pt 돋움; letter-spacing:-1px; *zoom:1; list-style:none; overflow:hidden; }
/* 1차 */
#sub_nav_pxeCyan li a { padding:8px 12px 8px 12px; display:block; border:1px solid #eee; color:#555; background:#fdfdfd url(img/icon_allow_right.gif) no-repeat right center; *zoom:1; }
#sub_nav_pxeCyan li a:hover { color:#46c3d3 !important; }
#sub_nav_pxeCyan li.on a { font-weight:bold; color:#46c3d3; }
/*2차 */
#sub_nav_pxeCyan li ul { list-style:none; margin:0; padding:0; }
#sub_nav_pxeCyan li ul li a { padding-left:0; font-weight:normal; border:none; border-bottom:1px solid #eee; background:none; color:#999; }
#sub_nav_pxeCyan li.on ul li a { font-weight:normal !important; color:#999; }
#sub_nav_pxeCyan li.on ul li.on a { font-weight:bold !important; color:#555; }
/*3차 */
#sub_nav_pxeCyan li ul li ul { margin:0 0 0 13px; }
#sub_nav_pxeCyan li ul li ul li a { background:none; }
#sub_nav_pxeCyan li.on ul li.on ul li a { font-weight:normal !important; color:#999; background:none; }
#sub_nav_pxeCyan li.on ul li.on ul li.on a { font-weight:bold !important; color:#555; background:url(img/icon_allow_left.gif) no-repeat right center; }
/*4차 */
#sub_nav_pxeCyan li.on ul li.on ul li.on ul li a { font-weight:normal !important; color:#999; background:none; }
#sub_nav_pxeCyan li.on ul li.on ul li.on ul li.on a{ font-weight:bold !important; color:#555; background:url(img/icon_allow_left.gif) no-repeat right center; }
/* Colorset - pxeCyan
---------------------------------------------------------------------------------*/
#sub_nav_pxeCyan { margin:0; padding:0; font:8pt 돋움; letter-spacing:-1px; *zoom:1; list-style:none; overflow:hidden; }
/* 1차 */
#sub_nav_pxeCyan li a { padding:8px 12px 8px 12px; display:block; border:1px solid #eee; color:#555; background:#fdfdfd url(img/icon_allow_right.gif) no-repeat right center; *zoom:1; }
#sub_nav_pxeCyan li a:hover { color:#46c3d3 !important; }
#sub_nav_pxeCyan li.on a { font-weight:bold; color:#46c3d3; }
/*2차 */
#sub_nav_pxeCyan li ul { list-style:none; margin:0; padding:0; }
#sub_nav_pxeCyan li ul li a { padding-left:0; font-weight:normal; border:none; border-bottom:1px solid #eee; background:none; color:#999; }
#sub_nav_pxeCyan li.on ul li a { font-weight:normal !important; color:#999; }
#sub_nav_pxeCyan li.on ul li.on a { font-weight:bold !important; color:#555; }
/*3차 */
#sub_nav_pxeCyan li ul li ul { margin:0 0 0 13px; }
#sub_nav_pxeCyan li ul li ul li a { background:none; }
#sub_nav_pxeCyan li.on ul li.on ul li a { font-weight:normal !important; color:#999; background:none; }
#sub_nav_pxeCyan li.on ul li.on ul li.on a { font-weight:bold !important; color:#555; background:url(img/icon_allow_left.gif) no-repeat right center; }
/*4차 */
#sub_nav_pxeCyan li.on ul li.on ul li.on ul li a { font-weight:normal !important; color:#999; background:none; }
#sub_nav_pxeCyan li.on ul li.on ul li.on ul li.on a{ font-weight:bold !important; color:#555; background:url(img/icon_allow_left.gif) no-repeat right center; }
제보 주신 꼬부기님께 감사의 말씀 올립니다.
댓글
2 건
댓글 닫기
댓글 보기
