ZF's dream station

ZF.station 1.01을 배포합니다!

This post is licensed under the Creative Commons Attribution/Share Alike 3.0 license

태터툴즈용 / 티스토리용 / 스킨 매뉴얼

2007/8/13 13:15 - 알려진 모든 (제 블로그에 특화된 소스로 생기는) 문제를 해결한 1.01 stable 버전을 배포했습니다. 1.0 버전 사용자분들께서는 모두 패치해주시면 더이상 문제는 거의 없을 겁니다. 커스터마이징 하신 경우, 위에 링크되어있는 스킨 매뉴얼에 적힌 수정사항을 잘 읽고 해당 부분만 고쳐주시면 됩니다.

스크린샷

ZF.station은 개인의 취향에 초점을 맞춘 스킨입니다.

전반적으로 심플한 디자인에, 최근 iTunes에서 시작된 ‘사용성 대단히 높은 애플 특유의 사이드바’를 벤치마킹한 스킨입니다.

취향 기능은 자바스크립트의 변수만 바꿔 간단하게 사용할 수 있도록 디자인되었으며, 취향 기능을 사용하지 않으시는 분들을 위한 배경용 이미지도 준비되어있으니, 따로 큰 걱정 말고 사용하시면 될 듯싶습니다.

스킨 사용 주의사항

1. 글 너비는 635px입니다.
2. 웹 표준을 지키기 위해 노력하였으나, 몇몇 상황에서, 에러가 몇개 나긴 납니다. 하지만 전체적으로 XHTML 1.1 규격에 맞지 않는 태그는 거의 이용하지 않았습니다. 물론, 웹 표준 준수 여부는 여러분의 글에도 많이 연관되어있습니다.
3. 블로그 로고 이미지는 가로 200px, 세로 120px 이하로 올려주십시오.

스킨 매뉴얼에 대해

이번 스킨에도 어김없이 스킨 매뉴얼이 제공됩니다. 그러나 스킨 매뉴얼에 궁금한 점이 없거나, 버그가 있을 경우 제 블로그 또는 메일(skin (@) zfbe.com)로 문의해주십시오.

(0)

(0)

이 글에는 아직 트랙백이 없고, 댓글 45개가 달려있고, ZF.station , 블로그 , 스킨 , 태터툴즈 , 티스토리 태그가 달려있으며,
2007/08/12 22:45에 작성되었습니다.

트랙백 주소 안내 at 2007/08/12 22:45 by ZF's dream station

현재 DB 손상으로 트랙백 기능이 마비된 상태입니다. 죄송합니다.
이 글의 트랙백 주소는 http://www.psnnet.net/blog/trackback/491 입니다.

w2000wkd at 2007/08/12 22:19 링크주소 답변달기 수정/삭제

스킨이 맘에 들어서 바꾸고 싶었는데 아직 커스터마이징 하기 페이지가 완성되지 않았나봐.

ZF. at 2007/08/12 22:24 링크주소 수정/삭제

시간상 ... orz

계속해서 추가해나가긴 할건데, 일반 사용자 입장이 되어본 적이 거의 없어서, 거기에 뭘 더 넣어야할지 모르겠어 ㅠㅠ

스이세로 at 2007/08/12 22:45 링크주소 답변달기 수정/삭제

우훗훗(...)

...아니 이거 어려워. 나중에 시간 많을 때 천천히 써야겠어(....) 뭐랄까 플러그인 형식으로 구현해주면 좋겠지만 무리일려나.

ZF. at 2007/08/12 22:48 링크주소 수정/삭제

오홍홍(.......)

...아니 주석이 많이 친절하지 않나?;
플러그인은 티스토리 때문에 힘들어 ;;;

luztain at 2007/08/12 23:48 링크주소 답변달기 수정/삭제

멋지네요 :)
어떤 스킨을 써야할 지 고민중입니다 OTL

ZF. at 2007/08/13 02:23 링크주소 수정/삭제

뭐 저야 감사할 따름이죠 :)

Ikaris Cyrus Faust at 2007/08/13 02:54 링크주소 답변달기 수정/삭제

저도 ZF.님처럼 스킨 잘 만들고 싶어요...
최근에 제 블로그용으로 Mac OS틱한 스킨을 제작하려 했는데...
포기했습니다...
시간이 없어요...
이 스킨은 제 개인용 블로그에 좀 쓸게요.

ZF. at 2007/08/13 12:01 링크주소 수정/삭제

감사합니다. :)

La Croce Bianca del Sud. at 2007/08/13 03:07 링크주소 답변달기 수정/삭제

너무 멋진 스킨입니다. 저도 다운받았어요.. 그런데 방문자수를 달고싶다면 어떻게 해야하나요? 이제 막 블로그를 시작해서 잘모른답니다..ㅠㅠ

ZF. at 2007/08/13 12:02 링크주소 수정/삭제

방문자수는 배포판의 경우, 스킨 가장 아래에 표시되어 있을 겁니다. Total ~~~ Visited (Today:~, Yesterday:~)...

스테판 at 2007/08/13 06:21 링크주소 답변달기 수정/삭제

ZF.님 예쁜 스킨 잘 받아갑니다^^

적용후에 질문이 하나 있습니다.

포스트 작성시 이미지를 좌나 혹은 우로 정렬시에 문제가 생겨서요.
좌로 정렬시 이미지의 세로가 끝날때까지 글자가 한자씩 세로로 쓰여지구요,
우로 정렬시, 그런문제는 없으나, 이미지가 짤려서 보이네요.

저한테만 발생하는 문제인지 ㅜ_ㅠ...
적용을 못하고 있다는... IE7 사용하구요.

ZF. at 2007/08/13 12:03 링크주소 수정/삭제

불편을 드려 죄송합니다. 태터툴즈가 자체적으로 쓰는 클래스와, 스킨에서 쓰는 클래스가 충돌해 일어나는 문제였습니다. 문제점을 해결했으니, 패치하시면 됩니다.

영웅시대 at 2007/08/13 08:59 링크주소 답변달기 수정/삭제

ZF님 스킨쓰고있는데, 또 다시 바꾸고 싶은 마음이!! ㅎ 멋진 스킨 만들어 주셔서 감사합니다~

ZF. at 2007/08/13 12:03 링크주소 수정/삭제

감사합니다. :)

^^ at 2007/08/13 11:44 링크주소 답변달기 수정/삭제

티스토리용 배포판을 방금 설치해보았습니다.
그런데 트랙백 부분이 "서버 과부하로 인한 DB 폭주로 트랙백 기능을 이용할 수 없는 상황입니다. 죄송합니다" 로 나오네요 ^^;;
ZF님 블로그 설정 그대로 배포되었나 봅니다.

ZF. at 2007/08/13 12:04 링크주소 수정/삭제

불편을 드려 죄송합니다. 인터넷 상황이 꽤 좋지 않은 상황이어서, 허겁지겁 마무리하느라 그렇게 된 것 같습니다.

트랙백 주소 표시는 방금 전 패치된 배포판에 들어가 있습니다. 다시 한번 죄송하다는 말씀 드립니다.

비밀방문자 at 2007/08/13 12:12 링크주소 답변달기 수정/삭제

관리자만 볼 수 있는 댓글입니다.

ZF. at 2007/08/13 12:32 링크주소 수정/삭제

네 ㅠㅠ 삭제하겠습니다.

-> 삭제된 버전을 배포 완료했습니다. 불편을 계속 끼쳐드려 죄송할 따름입니다.

비밀방문자 at 2007/08/13 18:46 링크주소 답변달기 수정/삭제

관리자만 볼 수 있는 댓글입니다.

ZF. at 2007/08/13 21:46 링크주소 수정/삭제

그... 크리에이티브 커먼즈 라이센스 표시 문제는 저도 잘 모르겠습니다. 답변 못 드려 죄송합니다.

펼침 상태 수정은... style.css의 217번째 줄을 보시면, 아래와 같이 되어있습니다.

#clicker1, #clicker2, #clicker6 { background:url(images/i_arrow_opened.gif) 0 50% no-repeat; padding-left:15px; cursor:pointer; }
#clicker3, #clicker4, #clicker5 { background:url(images/i_arrow_closed.gif) 0 50% no-repeat; padding-left:15px; cursor:pointer; }

#block1, #block2, #block6 { display:block; }
#block3, #block4, #block5 { display:none; }

1, 2, 3, 4, 5, 6은 위에서부터 아래로 순서대로 적용되어있는 id 번호인데요, 저 두 줄씩 되어있는 것 중, 앞부분은 펼쳐져 있는 것, 뒷부분은 닫아져 있는 것입니다. 만약 세 번째 박스 (트랙백)을 펼쳐놓고 싶으시면, 앞줄들 중괄호 ({) 앞에, ", #clicker3" ", #block3"을 넣으시고, 아랫줄의 #clicker3과 #block3을 빼주시면 됩니다.

이 내용을 곧 스킨 매뉴얼에 추가하도록 하겠습니다. 제보 감사합니다. :)

비밀방문자 at 2007/08/13 19:48 링크주소 답변달기 수정/삭제

관리자만 볼 수 있는 댓글입니다.

ZF. at 2007/08/13 21:45 링크주소 수정/삭제

사이드바 기능은 일부러 사용하지 않으려고 관련 태그를 다 뺐는데, /s_sidebar와 /s_sidebar_element 태그가 남아있더군요 ㅠㅠ

들여쓰기가 이상하게 안되던 이유가 그거였습니다. 다음 배포판에서는 삭제하고 배포하는 것을 원칙으로 하되, 사이드바 사용 버전을 따로 배포하는 것도 생각해보겠습니다.

비밀방문자 at 2007/08/13 23:08 링크주소 답변달기 수정/삭제

관리자만 볼 수 있는 댓글입니다.

ZF. at 2007/08/14 13:08 링크주소 수정/삭제

소스를 조금 대폭 고쳐야 할 거 같습니다; 배경이 body 전체에 깔려있는 거라서 말이죠 ;;;

La Croce Bianca del Sud. at 2007/08/14 01:56 링크주소 답변달기 수정/삭제

수정된걸로 다운받았구요. 잘쓰고 있습니다. 트랙백기능안내문구가 그냥 넘어가는게 좀 보기 그래서 중간에 /br/을 넣어줬죠..^^ 괜찮은거죠? 사실 html을 전혀 모르는터라 그거 하나 넣는것도 한시간 걸렸습니다..에공

ZF. at 2007/08/14 13:09 링크주소 수정/삭제

물론 괜찮죠. :)

사용해주셔서 정말 감사합니다. ^^

연애하는남자 at 2007/08/14 13:29 링크주소 답변달기 수정/삭제

앗...그럼 저는 일단 두손 들어야겠네요^^;;

ZF. at 2007/08/15 19:54 링크주소 수정/삭제

죄송합니다. ㅠㅠ

박정건 at 2007/08/14 14:37 링크주소 답변달기 수정/삭제

스킨 잘쓰고있습니다..
근데 본문쪽에 이미지를 올리면 왜 오른쪽이 살짝 잘리나요?
ㅡ ㅜ
어떻게 고치는지 알고싶습니다.

ZF. at 2007/08/15 19:55 링크주소 수정/삭제

이미지 사이즈를 조정해보시면 될 것 같습니다.
본문 너비가 제가 계산한 게 틀릴지도 모르겠습니다 ㅠㅠ

부엉이 at 2007/08/14 18:42 링크주소 답변달기 수정/삭제

이쁜 스킨 받아서 잘 사용합니다:D
' taste 이 기능 너무 좋아요~~ 맘에 들어요:3

ZF. at 2007/08/15 19:55 링크주소 수정/삭제

감사합니다. :)

QHermes at 2007/08/17 09:04 링크주소 답변달기 수정/삭제

안녕하세요-. 태터툴즈를 쓴지 얼마되지 않았는데, 정말 멋진 스킨을 만나 잘 쓰고 있습니다. :-D
사이드바의 폰트 사이즈를 약간 키우려고 하는데 어떻게 하면 될까요 ?

ZF. at 2007/08/18 00:58 링크주소 수정/삭제

style.css 216번째줄의 #contents .sidebar { width:170px !important; width /**/: 190px; padding:10px; padding-top:0px; background:#cccccc; font-size:0.9em; line-height:1.6; letter-spacing:-1px; } 에서, font-size:0.9em을 없애주시면 됩니다. letter-spacing:-1px; 도 없애셔도 됩니다.

turk adult at 2008/05/23 04:07 링크주소 답변달기 수정/삭제