DesignMyself

제 개인 블로그에 쓰던 스킨을 배포용으로 만들었습니다.
세가지 색상이 있으니 취향대로 골라쓰시면 되겠습니다.

태터툴즈 1.x 나 티스토리 사용자분은 스킨 폴더 하위의 "for Tistory, Tattertools"폴더에 들어가 있는 skin.html을 밖으로 덮어 씌워주세요.
그냥 쓰시면 textcubve에 추가된 커버 페이지와 리스트 페이지가 출력되서 스킨이 깨지니 Tistory나 Tattertools 사용자 분들은 꼭 skin.html 파일을 교체해주세요.

아직 생활이 여유롭고 즐겁던때 Tattertools 1.0 버전으로 올라가면서 만든, 개인적으로 많은 의미가 있는 스킨입니다. 신경을 쓴답시고 어찌어찌하다보니 배포가 많이 늦어졌습니다. 아직도 이걸 찾으시는 분들이 있을지 모르겟네요. 여하튼, 예뻐해 주세요. 스킨에 제 애정이 담겨있습니다. :)

1월 14일 오후 7시 이전에 받으신분들은 다시 받아서 적용해주세요.
아래와 같은 버그들이 수정되었습니다.

- IE6에서 댓글 입력창이 펼쳐지지 않던 문제.
- 태그 클라우드와 키워드의 링크가 서로 바뀌어있던 문제.
   ** 티스토리의 경우 키워드기능이 없어서 링크가 작동되지 않으니 참고하세요.


Lazylog Skin Download

Crystal Blue 스킨을 수정한 Crystal Blue 2nd 스킨을 배포합니다.
designmyself.net의 튜토리얼을 통해서 수정 과정을 확인해 보실수 있습니다.
스킨 제작에 관심 있으신 분들에겐 도움이 될거라 생각합니다.

배포하는 스킨에 문제점이 있으면 이곳에 피드백 주시면 되겠습니다~

Crystal Blue 2nd Skin Download

첫번째 게시물을 올린지 너무 오랜시간이 흘렀네요.
이번에 스킨을 완료 시키고 배포까지 해보도록 하겠습니다.



헤더 부분을 수정하겠습니다.
제목 밑에 블로그의 copyright를 표기하도록 skin.html에 삽입하였고 css파일을 수정합니다.  
검정색이던 글자색과 크기를 변경하고 text-align 속성으로 가운데 정렬로 바꾸었고, 제목을 감싸고 있는 h1에 padding값을 넣어서 높이를 설정합니다. 그리고 추가시켜넣은 copyright 부분을 위해 스타일을 추가하였습니다.
최종 코드는 아래와 같습니다.

skin.html <h1><a href="[## _blog_link_ ##]">[## _title_ ##]</a></h1> <p><a href="[## _blog_link_ ##]"> [## _blogger_ ##]</a>'s Blog is powered by <a href="http://www.tattertools.com" onclick="window.open(this.href); return false">Tattertools</a></p>
style.css #containerTop h1 {font:3em Verdana; letter-spacing:-1px; text-align:center; padding:50px 0 6px 0;} #containerTop h1 a { color:white; } #containerTop h1 a:hover { color:red; text-decoration:none;} #containerTop p { text-align:center; color:white; font:10px tahoma, dotum; padding-bottom:15px;} #containerTop p a { color:white; font-weight:bold;}

사이드바의 제목들 색상이 예전 배경색과 동일한데 새로 바꾼 배경이미지와 어울리게 무채색 계열로 바꾸겠습니다. 저는 사이드바 제목 이미지들을 포토샵으로 불러온뒤 image / mode 에서 grascale로 바꿔 간단하게 흑백화 한뒤 저장하였습니다. 간단하게 흑백으로 이미지를 바꿀수 있지만 디테일한 조절이 필요하다면 따로 작업을 하시는게 좋습니다.


이렇게 스킨의 전체적인 수정 작업은 끝이났습니다. 이제 index.xml을 수정해보도록 하지요.
index.xml의 자세한 스펙은 이곳을 확인해보시면 됩니다. 각각의 항목의 용도와 어떻게 쓰이는지에 대해서 확인하실수 있습니다.
이번에는 베이스가 되는 스킨과 거의 대동소이한 모양이기 때문에 스킨의 이름만 수정하였습니다.
index.xml에 표기된 스킨의 이름이 다른 스킨과 겹칠 경우 겹치는 스킨중 하나만 태터툴즈 관리자 모드에 나타나게 되어 사용자에게 혼란을 줄수 있으므로 되도록 유니크하게 만들도록 합니다.
관리자 모드에서 보여지게될 preview.gif 이미지도 변환해서 넣었습니다.


자, 스킨이 완성이 되어 배포만 남았습니다.
원본 스킨에서 배경 이미지와 약간의 구조 변경만으로도 이렇게 원본과는 다른 느낌의 스킨을 만들어 낼수가 있습니다. 참 쉽죠?
완성된 파일은 www.tattertools.com의 스킨 게시판에 올리겠습니다. 베이스가 된 크리스탈 블루 스킨과 소스를 비교해보시면서 어떤 것들이 바뀌어서 새로운 스킨이 만들어진건지 확인해보시는것도 좋습니다.

Crystal Blue 커스터마이징 튜토리얼이 늦어지고 있어서 일단 bookskin을 배포합니다.
티스토리에 업데이트 된  스킨이며 태터툴즈와 텍스트 큐브에서 쓸수 있게 컨버팅 하였습니다.
스킨에 문제점이 있으면 이곳에 피드백 주시면 되겠습니다 :)

스킨 이름을 지어주신 윤호님께 여러의미의 감사를..

Book Skin Download

티스토리에 업데이트 된 Crystal Blue 스킨입니다.
태터툴즈와 텍스트 큐브에서 쓸수 있게 컨버팅 하였습니다.

Crystal Blue 스킨을 베이스로 커스터 마이징 튜토리얼을 진행할 예정이니 많은 관심을 부탁드립니다 :)

Crystal Blue Skin Download