매뉴얼 - Manual 매뉴얼 위키가 제작되기 이전에 만들어진 스킨에 대한 기존 매뉴얼 게시판입니다.
- Classic Style
- Zine Style
- Gallery Style
- Community Style
- Studio Style
- Blog Style
PremiumXE
PXE Xesta 2는 XE의 블로그 모듈인 TexTyle용 스킨입니다(레이아웃 스킨과는 다른 TexTyle 전용 스킨임). 사용자의 XE에 TexTyle 모듈이 설치되어 있다면 여러분은 조금 더 깔끔하게 정리 된 이 스킨을 이용하여 멋진 블로거 생활을 시작할 수 있습니다. 이 스킨을 온라인상에서 미리보려면 여기를 클릭하십시오. 스킨의 다운로드는 여기를 클릭하여 XE 공식사이트의 자료실을 이용해 주세요.
- XE에서 권장하는 CSS Framework를 그대로 계승하면서 디자인이 입혀진 안정적인 스킨이므로 TexTyle의 다른 기본 스킨으로 공부하셨던 분들도 쉽게 이용할 수 있습니다.
- 깔끔한 Glossy 스타일의 디자인이 여러분의 블로깅을 더욱 매력적으로 유혹할 것입니다.
- PXE iPhone Widget을 사용하면 딱딱한 카테고리를 재밌고 흥미롭게 승화시킬 수 있습니다.
- 아직 XE의 기본스킨에서 선보이지 않은 추가메뉴등의 기능을 위해 핸드코딩으로라도 사용할 수 있는 몇개의 요소들이 있습니다.
PXE Xesta 2는 1개의 기본 컬러셋만 존재하며, 아무리 XE의 CSS Framework를 따랐다고는 하나 사이트 디자인의 특성상 정해진 구도 이외의 기능(고정/가변폭 혹은 너비 설정등)은 선택의 여지가 없습니다. XE의 CSS Framework를 따른 이유는, 이 사이트를 이용하여 다른 스킨이 재창작될때 도움이 되기 위한것일 뿐입니다.
압축을 풀어 나온 PXE_xesta2_textyle 폴더를 아래의 경로에 위치시킨 후 서버에 업로드 합니다
XE가 설치된 폴더/modules/textyle/skins/PXE_xesta2_textyle
1. 관리자 화면에 접속하여 상단의 TexTyle을 선택합니다 (기존에 TexTyle을 이미 만드신 분은 1번부터 4번까지 패스하십시오)
2. TexTyle 생성 버튼을 눌러 새 텍스타일을 만듭니다
3. 접속방법과 관리자를 설정 한 후 TexTyle 생성 버튼을 누릅니다
4. 생성 된 텍스타일 이름을 클릭합니다
5. 생성 된 기본 TexTyle 스킨에서 우측 상단의 Admin을 클릭하여 관리자로 접속합니다
6. Textyle 관리자 화면에서 스킨선택을 클릭합니다
7. PXE Xesta 2의 썸네일에서 스킨적용을 클릭합니다
생선 된 PXE Xesta 2는 왼쪽에 큰 공간이 남겨져 있습니다. 이곳은 PXE iPhone Widget이 위치 할 공간입니다. PXE iPhone Widget(현재 등록 준비중)을 다운로드 받아 아래 코드생성을 통해 textyle.html에 삽입하면 그때서야 비로서 빈 공간에 iPhone이 자리잡게 됩니다.
1. PXE iPhone Widget 코드 삽입
여기서는 위젯 코드를 생성하는 방법에 대해서는 기술하지 않습니다. XE 기본 이용방법은 XpressEngine 사이트를 이용하시기 바랍니다.
생성 된 위젯 코드를 textyle.html을 열어 아래의 위치에 삽입합니다
<div id="iPhone">
<img class="zbxe_widget_output" widget="category" skin="PXE_iPhone_category" colorset="default" srl="15607" total_title="Categories" />
</div><!--iPhone 끝-->
<img class="zbxe_widget_output" widget="category" skin="PXE_iPhone_category" colorset="default" srl="15607" total_title="Categories" />
</div><!--iPhone 끝-->
total_title="Categories"에서 따옴표 안에 넣은 문자는 iPhone의 메뉴를 열고 닫는 버튼에 적힐 문구가 됩니다. 참고하셔서 원하는 문구를 넣어주세요.
2. 상단 추가메뉴 설정
아직 TexTyle의 메뉴기능에 대한 샘플이 XE 기본 스킨에 적용되어있지 않아 임시코드를 삽입해 놓았으니 이 부분의 항목과 링크는 필요에 따라 수정하시기 바랍니다. textyle.html에서 아래 코드에 해당합니다.
textyle.html
<ul class="globalMenu"> <li><a href="http://www.premiumxe.com">premiumxe.com</a></li> <li><a href="http://www.xpressengine.com" target="_blank">XpressEngine 2</a></li> <li><a href="http://www.jquery.com" target="_blank">Jquery</a></li> <li><a href="http://www.webappers.com" target="_blank">WebAppers</a></li> <li><a href="./{$admin_url}" accesskey="A" target="_blank"><strong>Administator</strong></a></li></ul><!--globalMenu 끝-->3. 상단 배너 설정
역시 아직 TexTyle에서 소개하고 있지 않은 부분이므로 임시로 넣어놓은 코드입니다. 필요에 따라 수정하여 사용하거나 아니면 삭제하십시오.
textyle.html
<!--Banner 이미지--><a href="./premium/15350" target="_blank" class="banner"><img src="./img/banner.jpg" alt="" /></a>
4. 하단메뉴 설정
역시 아직 TexTyle에서 소개하고 있지 않은 메뉴에 관한 부분이므로 임시로 넣어놓은 코드입니다. 필요에 따라 수정하여 사용하거나 아니면 삭제하십시오.
textyle.html
<div id="bottomMenu"> <p class="addinfo">You can also find us on the following sites : <a href="http://www.premiumxe.com" target="_blank">Premiumxe.com</a> | <a href="http://www.webtrendawards.com" target="_blank">Web Trend Awards</a> | <a href="http://www.xpressengine.com" target="_blank">XpressEngine ver2</a> </p> <p class="copyright">Copyright 2009 Premium XE. All rights reserved. All logos used on this page are the property of their respective trademark owners.</p></div>
5. 헤드라인 폰트 설정
저는 개인적으로 한글 기사를 많이 다룰일이 없으므로 게시물의 헤드라인 폰트를 영문에 맞춰놓고 디자인 했습니다. 따라서 다른 분들은 헤드라인의 폰트 부분을 다른 원하시는 서체로 바꾸어 사용하시기 바랍니다. textyle.css를 열어 아래의 코드에서 폰트를 수정하십시오.
#content .postTitle {
position:relative;
padding:5px 0;
margin:0 0 7px 0;
font-family: Helvetica,Arial,sans-serif;
font-weight: bold;
font-size: 2.6em;
letter-spacing: -0.04em;
line-height: 1.05em; text-align:left;
}
position:relative;
padding:5px 0;
margin:0 0 7px 0;
font-family: Helvetica,Arial,sans-serif;
font-weight: bold;
font-size: 2.6em;
letter-spacing: -0.04em;
line-height: 1.05em; text-align:left;
}
- 이 모듈 스킨은 XE 1.2.4 이상에서만 작동합니다.
- 이 스킨은 IE6/7/8, FireFox2/3, Opera, Safari Windows에서 테스트 되었습니다.
- 이 스킨은 무료 스킨으로서 기술지원이 없으며, 버그나 오류사항에 대한 신고 이외에는 문의사항을 접수받지 않습니다.
- IE8에서 페이지 번호중 맨 앞으로, 맨 뒤로가기 버튼의 Padding값이 모자람(수정 완료)
- 본문 읽기에서 엉뚱한 위치에 코멘트 말풍선이 달림(수정 완료)
- IE6에서 PXE iPhone Widget이 설치되지 않은 상태에서 PNG Unclickable 오류가 뜨던 현상(수정 완료)
- License Free
-
- pxe_xesta2_thumb.jpg [File Size:10.3KB/Download:40]
- pxe_xesta2_full.jpg [File Size:130.6KB/Download:40]
- 01.jpg [File Size:41.7KB/Download:28]
- 02.jpg [File Size:25.5KB/Download:29]
- 03.gif [File Size:7.3KB/Download:30]
- 04.gif [File Size:5.7KB/Download:25]
- 06.gif [File Size:7.4KB/Download:26]
- 07.gif [File Size:27.0KB/Download:28]
- 05.gif [File Size:3.2KB/Download:30]
- PXE_xesta2_textyle.zip [File Size:392.7KB/Download:623]
이 게시물이 댓글쪽에 에러가 난듯 싶습니다. 댓글을 막아놓을테니 유저포럼에 좀 적어주세요.
©2008-2010 Premiumxe, LLC. All Rights Reserved. For a better tomorrow.
- Country Distribution :
- English
- 日本語
