[Skin] Notepad 스킨의 재배포와 수정법

[목차(도우미)]
이전에는 스킨을 공개해서 배포했지만 2012년2월1일부로 더이상 배포하지 않습니다. 사용하기를 원하시는 분은 댓글을 남겨 주시기 바랍니다.

스킨의 출처(URL):

http://www.textcube.org /theme/entry/아이폰-스타일-Notepad-노트패드-스킨
Notepad-650px

티스토리 관련 포럼(URL):
http://www.tistory.com/forum/viewtopic.php?id=5348
http://www.tistory.com/forum/viewtopic.php?id=5340

티스토리 스킨 가이드(URL):
http://www.tistory.com/manual/skin/?_top_tistory=navi_manual_skin&page=4#1-2

설명:

이 스킨은 티스토리의 메뉴설정을 기존 스킨에 적용하기 위하여 메뉴 부분에 수정을 추가한 것이다.
(원본에 포함된 Preview 이미지)

티스토리의 메뉴설정 기능은 HOME메뉴의 서브메뉴로 표시하고, 그외의 메뉴는 주메뉴로 표현하는 방식이다.

메뉴설정 기능을 사용하면서 주메뉴를 수작업으로 변경하는 것은 번거로울 수도 있겠지만 적당히 여러개의 주메뉴를 분류하여 사용하는 경우를 위하여 서브메뉴를 사용하는 것도 편리한 방법이다.

저작자:

1차 저작자: http://www.ndesign-studio.com
2차 저작자: http://juostory.tistory.com/
3차 저작자: http://manofpro.tistory.com/

라이센스: (style.css에서 발췌)

/* 
Theme Name: Notepad
Theme URI: http://www.ndesign-studio.com/wp-themes/notepad
Description: A notepad theme inspired by the iPhone's Notes.app
Version: 1.1
Tags: two-columns, right-sidebar, fixed-width, threaded-comments, light, yellow
Author: Nick La
Author URI: http://www.ndesign-studio.com

This theme is released under GPL: http://www.gnu.org/licenses/gpl.html

If you remix, convert, translate, modify, or distribute a copy of this theme, please keep the links/credit in the footer.
*/

수정 소스 skin.html

(Before)
  1.     <ul id="nav">
  2.         <li class="current_home"><a href="[##_blog_link_##]">Home</a></li>
(After)
  1.     <ul id="nav">
  2.         <li class="home"><a href="/"><span>HOME</span></a>[ ##_blog_menu_## ]</li>

스크립트와 CSS를 수정하지 않아도 문제없이 메뉴설정 기능을 삽입할 수 있었다. (다만 여기서는 치환자대로 써두면 치환되기 때문에 ##뒤에 공백을 넣었다.)

다운로드

매킨토시에서 압축하였으므로 "."으로 시작하는 파일은 무시하세요.
by 금메달.아빠 on 2011. 3. 13. 14:11 주요 단어: , , , , , , ,