[Skin I] 티스토리 스킨 배포 Orchid I

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

Orchid I 특징

• 자동목차를 사용
• 사용자정의 스타일의 사용
• 인쇄용 스타일을 사용하여 인쇄시 본문만 인쇄
• 제목에 text-shadow CSS속성을 사용하여 IE에서는 효과가 안보일수 있음

관련된 내 블로그:
[블로그 관련] - HTML 문서에 자동으로 목차를 만드는 방법
[블로그 관련] - [메모] 블로그에서 쓰는 사용자 정의 스타일 사용법(style.css)
[블로그 관련] - 블로그 HTML을 PDF로 저장하는 방법
[블로그 관련] - 블로그 인쇄용 스타일시트(CSS)에 관하여

Orchid I 화면

난초를 소재로 한 사진 블로그를 추구하다

 저작권의 제한 없이 제작자 이름 표시하에 사용할 수 있도록 공개합니다. 사용하실 때는 댓글을 남겨 주세요.

다운로드

	날짜	Memo
ver1.0	11월19일	초판
ver1.1	11월22일	작은 수정과 글씨체를 한글에 맞게 재적용하였다. 그리고 문제가 되었던 user.css의 갱신 문제를 해결하는 우회책으로 style.css에 모두 통합하였다.
ver1.2	11월24일	zizim님의 지적으로 IE에서 image속성의 경계선이 나타나는 것을 해결하였다.
ver1.3	11월30일	FireFox에서 주석처리 버그를 고려하여 주석문을 변경하였다. "<!-- -->"의 주석이 "-"를 많이 써서 주석을 사용하면 파이어폭스는 주석이 끝나도 계속 주석문인것으로 판단해버리는 버그가 있었다. "-"를 쓰지 않고 "^"로 주석문의 경계를 변경하였다. 이를 위해 파이어폭스를 설치해 보고 테스트하였다.

설치방법

1. 스킨을 다운로드하여 압축파일을 풉니다.
2. 새스킨 등록화면에서 파일을 모두 업로드합니다.
3. 스킨이름을 부여합니다.

파일 설명

파일명	설명
skin.html	블로그의 골격이 되는 템플릿
style.css	블로그의 모양새를 결정하는 스타일시트
preview.gif	미리보기 이미지
index.xml	블로그의 선택사항을 저장한 파일
images/TOC.js	자동목차용 자바스크립트
images/*.png,*.jpg, *.gif	스타일시트에서 사용하는 배경 이미지
images/user.css	ver1.0에서 사용한 스타일시트

Orchid스킨에 사용된 HTML/CSS의 구조도

스킨 제작에 사용한 툴

컴퓨터: 아이맥 호랑이
텍스트 편집기: Komodo Edit (무료버전)
브라우저: 오페라 10.1, 사파리 4.1.2
이미지 편집기: GIMP (무료)

Komodo Edit은 처음 사용한 편집기인데 스킨의 태그를 색상별로 표시한다는 점에서 좋은 툴이다. 다만 가끔 장애를일으켜서죽어버리기 때문에 자주 파일을 저장해야 한다. <s_ccccc>형태의 태그 블럭을 잘라내기하면 곧잘 컴퓨터가 중단된다.