XE Tip
xpressengine.com에서 제가 필요해 가져온 XE TIp들입니다.
BGM설치팁
글 수 186
2009.09
18
| 원작자 | zero |
|---|---|
| 적용여부 | 적용 |
Xpressengine에 기본으로 들어있는 xe_official_v2 레이아웃에는 본문 하단에 사이트맵이 나옵니다.
이 기능을 다른 레이아웃에 적용하는 방법입니다.(예제 : xe_official)
1. xe/layouts/xe_official/layout.html에 아래와 같이 빨간색소스를 삽입합니다.
2. xe/layouts/xe_official/css/default.css에 아래와 같이 소스를 삽입합니다.


첨부파일에 lineKneeVr.gif 파일을 받아서 xe/layouts/xe_official/images방안에 업로드합니다.
3. xe/layouts/xe_official/conf/info.xml에 아래와 같이 소스를 삽입합니다.
위와 같이 소스 삽입하면 레이아웃설정에서 사이트맵의 사용유무를 선택할 수 있으며, 사이트맵의 좌측에 나오는 로고삽입도 가능해집니다. 참고로 로고 미삽입시 sitemap이라는 문구가 나옵니다.

이 기능을 다른 레이아웃에 적용하는 방법입니다.(예제 : xe_official)
1. xe/layouts/xe_official/layout.html에 아래와 같이 빨간색소스를 삽입합니다.
-상단내용생략-
<div id="columnRight">
<!-- 컨텐츠 시작 -->
{$content}
</div>
</div>
<!--사이트맵-->
<!--@if($layout_info->sitemap == 'Y')-->
<div id="sitemap">
<div class="extension">
<div class="section logo">
<!--@if(!$layout_info->sitemap_image)-->SiteMap<!--@else-->
<img src="{$layout_info->sitemap_image}" alt="" />
<!--@end-->
</div>
<!--@foreach($main_menu->list as $key => $val)-->
<!--@if($val['link'])-->
<div class="section">
<h2><a href="{$val['href']}"<!--@if($val['open_window']=='Y')--> onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a></h2>
<!--@if($val['list'])-->
<ul>
<!--@foreach($val['list'] as $k => $v)-->
<!--@if($val['link'])-->
<li><a href="{$v['href']}"<!--@if($v['open_window']=='Y')--> onclick="window.open(this.href);return false;"<!--@end-->>{$v['text']}</a></li>
<!--@end-->
<!--@end-->
</ul>
<!--@end-->
</div>
<!--@end-->
<!--@end-->
</div>
</div>
<!--@end-->
<ul id="footer">
-하단내용생략-
<div id="columnRight">
<!-- 컨텐츠 시작 -->
{$content}
</div>
</div>
<!--사이트맵-->
<!--@if($layout_info->sitemap == 'Y')-->
<div id="sitemap">
<div class="extension">
<div class="section logo">
<!--@if(!$layout_info->sitemap_image)-->SiteMap<!--@else-->
<img src="{$layout_info->sitemap_image}" alt="" />
<!--@end-->
</div>
<!--@foreach($main_menu->list as $key => $val)-->
<!--@if($val['link'])-->
<div class="section">
<h2><a href="{$val['href']}"<!--@if($val['open_window']=='Y')--> onclick="window.open(this.href);return false;"<!--@end-->>{$val['text']}</a></h2>
<!--@if($val['list'])-->
<ul>
<!--@foreach($val['list'] as $k => $v)-->
<!--@if($val['link'])-->
<li><a href="{$v['href']}"<!--@if($v['open_window']=='Y')--> onclick="window.open(this.href);return false;"<!--@end-->>{$v['text']}</a></li>
<!--@end-->
<!--@end-->
</ul>
<!--@end-->
</div>
<!--@end-->
<!--@end-->
</div>
</div>
<!--@end-->
<ul id="footer">
-하단내용생략-
2. xe/layouts/xe_official/css/default.css에 아래와 같이 소스를 삽입합니다.
/* Sitemap */
#sitemap a{ text-decoration:none;}
#sitemap a:hover,
#sitemap a:active,
#sitemap a:focus{ text-decoration:underline;}
#sitemap .extension{ *zoom:1; padding:15px 0; margin-bottom:15px; border-top:1px dotted #A5A5A5;}
#sitemap .extension:after{ content:""; display:block; clear:both; }
#sitemap .extension .section{ float:left; width:110px; margin:0; padding:0 0 0 10px; background:url(../images/lineKneeVr.gif) repeat-y 0 0;}
#sitemap .extension .section.logo{ background:none; padding:0 10px 0 10px; font-size:1.5em; color:#ff6600;}
#sitemap .extension .section h2{ font-size:12px; margin:0 0 10px 0;}
#sitemap .extension .section a{ color:#808080;}
#sitemap .extension .section ul{ margin:0; padding:0; list-style:none;}
#sitemap .extension .section li{ margin-bottom:6px;}
#sitemap a{ text-decoration:none;}
#sitemap a:hover,
#sitemap a:active,
#sitemap a:focus{ text-decoration:underline;}
#sitemap .extension{ *zoom:1; padding:15px 0; margin-bottom:15px; border-top:1px dotted #A5A5A5;}
#sitemap .extension:after{ content:""; display:block; clear:both; }
#sitemap .extension .section{ float:left; width:110px; margin:0; padding:0 0 0 10px; background:url(../images/lineKneeVr.gif) repeat-y 0 0;}
#sitemap .extension .section.logo{ background:none; padding:0 10px 0 10px; font-size:1.5em; color:#ff6600;}
#sitemap .extension .section h2{ font-size:12px; margin:0 0 10px 0;}
#sitemap .extension .section a{ color:#808080;}
#sitemap .extension .section ul{ margin:0; padding:0; list-style:none;}
#sitemap .extension .section li{ margin-bottom:6px;}


첨부파일에 lineKneeVr.gif 파일을 받아서 xe/layouts/xe_official/images방안에 업로드합니다.
3. xe/layouts/xe_official/conf/info.xml에 아래와 같이 소스를 삽입합니다.
<var name="sitemap" type="select">
<title xml:lang="ko">사이트맵 사용 여부</title>
<description xml:lang="ko">메인아래에 사이트맵을 표시할것인지 감출것인지 결정하세요.</description>
<options value="Y">
<title xml:lang="ko">사용함</title>
</options>
<options value="N">
<title xml:lang="ko">사용안함</title>
</options>
</var>
<var name="sitemap_image" type="image">
<title xml:lang="ko">좌하단 사이트맵 이미지</title>
<description xml:lang="ko">좌하단 사이트맵 좌측에 나오는 이미지를 입력하세요.</description>
</var>
<title xml:lang="ko">사이트맵 사용 여부</title>
<description xml:lang="ko">메인아래에 사이트맵을 표시할것인지 감출것인지 결정하세요.</description>
<options value="Y">
<title xml:lang="ko">사용함</title>
</options>
<options value="N">
<title xml:lang="ko">사용안함</title>
</options>
</var>
<var name="sitemap_image" type="image">
<title xml:lang="ko">좌하단 사이트맵 이미지</title>
<description xml:lang="ko">좌하단 사이트맵 좌측에 나오는 이미지를 입력하세요.</description>
</var>
위와 같이 소스 삽입하면 레이아웃설정에서 사이트맵의 사용유무를 선택할 수 있으며, 사이트맵의 좌측에 나오는 로고삽입도 가능해집니다. 참고로 로고 미삽입시 sitemap이라는 문구가 나옵니다.




자료실
MH 슬라이딩 배너 0....
MH 위젯스타일
prettyphoto - 본문내...
SCM 플레이어 사용법
XE 1.4.4.2버전 이후에...
네비게이션 위젯
IE 버젼별로 css 따로...
문서보기 유저 지정
문하우스 게시판스킨 V...
내용글 출력시 주소창에...




