플라이투

플라이투

드디어! 드디어! 배포합니다.
너무 기다리게 한 것 같아 죄송합니다. ㅜ ㅜ;;
틈틈히 스킨 파일들 들여다봤는데... 볼때마다 걸리는것들이 있어서 매일 조금씩 소스를 수정했습니다. 나름대로 신중에 신중을 기하느라 그런것이니 너그럽게 이해해 주세요. ^^

"플라이투" 스킨은 IE7, IE6, FF2, FF3, Opera, Sapari 에서 테스트를 마쳤으며, 플러그인이나, 포스트 본문으로 인한 문제는 제외하고, 스킨 자체의 w3c validator를 통과하였습니다. (버뜨... 문제는 항상 생길 수 있다는거죠! 문제 생기면 신고 바랍니다. 바로 수정해서 업데이트 하겠습니다. _ _ ;; )

앞으로 이 스킨을 가지고 "텍스트큐브 스킨 만들기 강좌"를 진행해 해보려고 합니다.  skin.html 파일을 되도록이면 걷들지 않고, style.css 파일 위주로 진행하겠습니다.  skin.html 파일은 개선점이 나올때마다 그때그때 소폭 수정이 있을 수도 있겠습니다.

디자이너분들중 이제 막 웹표준을 접하는 분들이나, 관련 지식이 전혀 없는 분들도 따라올 수 있도록 진행해 보겠습니다. 제 능력이 어디까지인지는 모르겠으나 열심히 해 볼께요.. ^^;;

이 스킨은 "텍스트큐브 스킨 블로그"에도 배포되었습니다.



현재 이 스킨을 사용중인 곳을 아래 댓글이나 트랙백으로 알려주세요. 저에겐 힘이 됩니다. ^^;; 그리고 무엇보다 강좌를 진행하면서 스킨의 변화된 모습을 여러사람들과 공유해 보아요.

덧붙임... 04.17
검색폼에서 오류나는 문제 해결하였습니다. 제가 바보같은 실수를 했더군요. _ _;;
skin.html 파일의 <s_search></s_search>블럭안의 텍스트필드의 onkeypress 값으로 치환자가 들어가 있는데 언더바를 누락시키는 실수를.. _ _ ;;;;
[##search_onclick_submit##] --> [##_search_onclick_submit_##] 이렇게 수정해 주시면 됩니다. 스킨 다운로드 파일도 패치해 두었습니다. 수정이 어려우신분들은 다시 다운로드 받아 적용시켜 주세요.
사용자 삽입 이미지

현재 쓰고 있는 스킨 배포합니다.
http://retro.tattertools.com/ko/bbs/view.php?id=skin&no=664

요청하신분이 계셔서.. 진작에 배포하려고 하였으나.. 귀차니즘이 발동하여 이제야 배포합니다. 텍스트큐브 최신버전에 맞춰서 업데이트 하고 싶었으나... 스스로 배포하는 부지런함이 어디냐 위안 삼고 있습니다.
사용하는데는 큰 문제 없을 것입니다.

많이 애용해 주세요^^

덧1:  IE6에서 사이드바 깨지는 문제와 FF에서 메뉴가 블로그 타이틀보다 위에 올라가 있는 현상을 수정하였습니다. 10월15일 13시 이전에 다운로드 받으신 분들은 다시 다운 받아 주세요

덧2: 사이드바에서 누락된 요소들 다시 살렸습니다.
이번에 제작한 스킨은 총 4종입니다.

낙서장-옐로우페이퍼

낙서장-옐로우페이퍼

낙서장-크라프트지

낙서장-크라프트지

그냥 일반적인~~ 아주 소소한 이야기들을 예쁘게 담아낼수 있는 스킨입니다. (제입으로 얘기 하려니... ㅋㅋ) 개인적인 일기장으로 사용하면 좋을것 같아 만들어 봤습니다. 아.. 그리구요 사실은 루이스님의 스킨에서 많은 영감을 얻었습니다. 노트형식이 너무나 포근하게 와 닿아설!~~~ ^^ 루이스님의 스킨을 다운받으시려면 이곳으로 가시면 됩니다~~

.   .   .   .   .   .   .   .   .   .   .   .


팀-뉴스페이퍼

팀-뉴스페이퍼

팀-스프링노트

팀-스프링노트

많은 분들이 팀블로그용 스킨을 찾는거 같아서 만들어 봤습니다. 팀블로그용 치환자를 모두 사용했습니다. 팀블로그용 스킨을 만드시려는 분들은 참고하셔도 될것 같습니다.


티스토리 기본 테마스킨 1단형이 업데이트 되었습니다. 컨텐츠 집중형으로 블로그의 기본적인 사항들을 제외하고 사이드바의 내용들이 모두 아래로 내려갔습니다. 1단 기본형인 tisDiary, 이를 응용한 검은색 배경의 tisDiaryBlack와 종이 느낌을 살린 tisDiaryBurn이 업데이트 되었습니다.

"관리자 화면 > 스킨선택"에서 업데이트 된 스킨을 선택 하실 수 있습니다. 지난주에 올렸어야 했는데.. 지난주 릴레이 회의로 인하여 조금 늦어 졌습니다. - -;;;


즐거운 블로깅 라이뿌를 위하여~~

기존 테마스킨 3단을 2단으로 변형 하였습니다. 3단과 비교하여 디자인에는 변화가 없습니다. skin.html 파일도 오른쪽 사이드바를 왼쪽으로 이동시킨것 외에는 3단과 거의 변화가 없습니다.

기본 스킨을 응용해서 tisPaperDarkblue와 tisPaperViolet 두가지가 제작 되었습니다. 2단스킨은 이번에 새로 입사하신 한기훈님이 제작해 주셨습니다.

이것 외에도 트리스킨 두가지도 업데이트 되었습니다. dot_gray, dot_purple 두가지 버전입니다. 트리스킨은 "관리자 > 스킨관리 > 스킨에 맞춘 출력 설정"에서 확인 하실 수 있습니다.

tisPaperDarkblue

tisPaperViolet



dot_gray

dot_purple

스킨을 제작하다보면 치환자를 잘못쓰거나 닫는태그를 빼먹거나, 따옴표를 하나 빼먹거나 등등의 실수 때문에 한참을 고생한 기억이 있다. 아마 스킨을 만들어 본 사람이라면 다들 동감할것 같다. 실제로 블로그를 정상적으로 작동시키는 skin.html 파일은 그대로 놔두고, style.css 파일만 수정해서 디자인 한다면 아마 어이없는 실수로 인해서 아까운 시간을 버리진 않을것 같다는 생각을 했다.

그래서 스킨의 형태를 구분하고, 이렇게 구분된 형태를 테마별로 다른 응용스킨의 기본이 되는 스킨을 만들기로 했다. 형태로 구분짓자면 역시 1단, 2단, 3단의 형태가 있을것이다. 먼저 3단을 기본으로 다양한 디자인 적용이 가능하도록 구조화시키는 작업을 오랜시간 투입했다. 클래스이름이 직관적이어야 하고, 최대한 디자인적용이 가능하도록 고려해야했다. 종이에 그림을 그려가면서 여러가지 상황을 예측해보았으며, 이에 대응할 수 있도록 작업에 들어갔다.

이렇게 해서 3단 기본스킨 tisNote가 탄생되었고, 이를 응용한 응용버전까지 제작되었다. 특히 컬러셋의 변화 외에도, 레이아웃을 변경한 응용버전 tisNoteSpring을 만들때에는 /* 블로그 레이아웃 */이라고 주석처리된곳을 먼저 작성하여 레이아웃을 잡아준뒤에 나머지 세세한 부분을 조정하였다. 의외로 레이아웃이 쉽게 변경됨을 보고, 스스로 뿌듯해 했는데... 아마도 내가 만들어서 그렇겠지하며, 다른 사람들이 이걸보면 복잡해 하지 않을까 염려스런 마음도 앞섰다.


아마 100%자유로운 응용은 불가능할것이다. 수많은 경우의 수가 있는데 하나의 코드파일을가지고, 그 수많은 경우의수를 만족시킨다는것 자체가 불가능한 일일것이다. 다만 내 머릿속에서 나올수 있는건 다 한것 같다.

스킨만들다가 혹 잘못될까 겁을 먹고 있는 사람들에겐 tisNote의 style.css를 하나씩 수정해 나가는것도 하나의 방법일 수도 있을것 같다. 고수들에게는 전혀 매력없는 스킨이겠지만.. ^^

아자아자... 또 2단 기본테마스킨 만들러가잣!~~~

tistory 스킨업데이트 공지
태터툴즈 홈페이지에 다운로드 받으러 가기
기본 테마스킨 tisNote 응용방법 보러가기