mindFULL.station

안녕하세요, mindFULL입니다. ZF라는 꼬리표 붙인 스킨으로서는 마지막으로 내는 스킨일 것 같은, ZF.station SE 2.0을 공개합니다.

ZF.station SE 2.0은 ZF.station을 수정한 버전으로, 여러 분께서 리포트해주신 내용을 반영해 패치한 스킨입니다. 수정된 사항 및 특징은 아래와 같습니다.

텍스트큐브 1.6에 맞게 많이 고쳤습니다. RSS도 추가하고, 이거저거 수정한 게 많습니다.
taste 기능을 사용하지 않으시는 분들께는 타이틀이 너무 넓은 점을 고려, taste 기능을 과감하게 제거하고 타이틀을 대폭 축소했습니다. 보다 글에 집중하기 쉬운 형태가 되었으리라 생각합니다.
ul이나 blockquote 등의 CSS를 (ZF.magazine4 형태로) 고쳤습니다.
사이드바 디자인을 약간 개선했습니다.
본문 너비는 635px로, 변화가 없습니다.
아직 스킨 매뉴얼이 완성되지 않았습니다. 추후 스킨 매뉴얼 을 통해 (정말 많은 분께서 요청하셨던) 본문 너비 조정 방법을 알려드리겠습니다.
브라우저를 특별히 가리지 않습니다.
XHTML 1.0 strict 규격에 맞게 코딩하려 했으나, 몇몇 부분은 텍스트큐브 자체 구조 문제나, 플러그인 문제로 여의치 않았습니다.
티스토리 버전은 티스토리 포럼 에서 받으실 수 있습니다.
완성한지 얼마 되지 않은 관계로 발견하지 못한 버그가 있을 수 있습니다. 버그를 발견하셨을 경우 으로 문의해주시거나 댓글을 달아주시면 시간 나는대로 해결하겠습니다.

테스팅 블로그 : http://zfbe.com/nuclear/tc/station

다운로드

텍스트큐브용 | 티스토리용

스크린샷

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

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)로 문의해주십시오.

태그 : ZF.station, 블로그 , 스킨, 태터툴즈 , 티스토리

피드백 : 트랙백 없음 | 댓글 47 개

이 글에 대한 피드백 구독 : 트랙백+댓글 | 트랙백 | 댓글

이 글의 트랙백 주소: http://blog.zfbe.com/station/trackback/491

w2000wkd @ 2007/08/12 22:19
스킨이 맘에 들어서 바꾸고 싶었는데 아직 커스터마이징 하기 페이지가 완성되지 않았나봐.
1. ZF. @ 2007/08/12 22:24
  
  시간상 ... orz
  
  계속해서 추가해나가긴 할건데, 일반 사용자 입장이 되어본 적이 거의 없어서, 거기에 뭘 더 넣어야할지 모르겠어 ㅠㅠ

스이세로 @ 2007/08/12 22:45
우훗훗(...)

...아니 이거 어려워. 나중에 시간 많을 때 천천히 써야겠어(....) 뭐랄까 플러그인 형식으로 구현해주면 좋겠지만 무리일려나.
1. ZF. @ 2007/08/12 22:48
  
  오홍홍(.......)
  
  ...아니 주석이 많이 친절하지 않나?;
  플러그인은 티스토리 때문에 힘들어 ;;;

luztain @ 2007/08/12 23:48
멋지네요 :)
어떤 스킨을 써야할 지 고민중입니다 OTL
1. ZF. @ 2007/08/13 02:23
  
  뭐 저야 감사할 따름이죠 :)

Ikaris Cyrus Faust @ 2007/08/13 02:54
저도 ZF.님처럼 스킨 잘 만들고 싶어요...
최근에 제 블로그용으로 Mac OS틱한 스킨을 제작하려 했는데...
포기했습니다...
시간이 없어요...
이 스킨은 제 개인용 블로그에 좀 쓸게요.
1. ZF. @ 2007/08/13 12:01
  
  감사합니다. :)

La Croce Bianca del Sud. @ 2007/08/13 03:07
너무 멋진 스킨입니다. 저도 다운받았어요.. 그런데 방문자수를 달고싶다면 어떻게 해야하나요? 이제 막 블로그를 시작해서 잘모른답니다..ㅠㅠ
1. ZF. @ 2007/08/13 12:02
  
  방문자수는 배포판의 경우, 스킨 가장 아래에 표시되어 있을 겁니다. Total ~~~ Visited (Today:~, Yesterday:~)...

스테판 @ 2007/08/13 06:21
ZF.님 예쁜 스킨 잘 받아갑니다^^

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

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

저한테만 발생하는 문제인지 ㅜ_ㅠ...
적용을 못하고 있다는... IE7 사용하구요.
1. ZF. @ 2007/08/13 12:03
  
  불편을 드려 죄송합니다. 태터툴즈가 자체적으로 쓰는 클래스와, 스킨에서 쓰는 클래스가 충돌해 일어나는 문제였습니다. 문제점을 해결했으니, 패치하시면 됩니다.

영웅시대 @ 2007/08/13 08:59
ZF님 스킨쓰고있는데, 또 다시 바꾸고 싶은 마음이!! ㅎ 멋진 스킨 만들어 주셔서 감사합니다~
1. ZF. @ 2007/08/13 12:03
  
  감사합니다. :)

^^ @ 2007/08/13 11:44
티스토리용 배포판을 방금 설치해보았습니다.
그런데 트랙백 부분이 "서버 과부하로 인한 DB 폭주로 트랙백 기능을 이용할 수 없는 상황입니다. 죄송합니다" 로 나오네요 ^^;;
ZF님 블로그 설정 그대로 배포되었나 봅니다.
1. ZF. @ 2007/08/13 12:04
  
  불편을 드려 죄송합니다. 인터넷 상황이 꽤 좋지 않은 상황이어서, 허겁지겁 마무리하느라 그렇게 된 것 같습니다.
  
  트랙백 주소 표시는 방금 전 패치된 배포판에 들어가 있습니다. 다시 한번 죄송하다는 말씀 드립니다.

비밀방문자 @ 2007/08/13 12:12
관리자만 볼 수 있는 댓글입니다.
1. ZF. @ 2007/08/13 12:32
  
  네 ㅠㅠ 삭제하겠습니다.
  
  -> 삭제된 버전을 배포 완료했습니다. 불편을 계속 끼쳐드려 죄송할 따름입니다.

비밀방문자 @ 2007/08/13 18:46
관리자만 볼 수 있는 댓글입니다.
1. ZF. @ 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을 빼주시면 됩니다.
  
  이 내용을 곧 스킨 매뉴얼에 추가하도록 하겠습니다. 제보 감사합니다. :)

비밀방문자 @ 2007/08/13 19:48
관리자만 볼 수 있는 댓글입니다.
1. ZF. @ 2007/08/13 21:45
  
  사이드바 기능은 일부러 사용하지 않으려고 관련 태그를 다 뺐는데, /s_sidebar와 /s_sidebar_element 태그가 남아있더군요 ㅠㅠ
  
  들여쓰기가 이상하게 안되던 이유가 그거였습니다. 다음 배포판에서는 삭제하고 배포하는 것을 원칙으로 하되, 사이드바 사용 버전을 따로 배포하는 것도 생각해보겠습니다.

비밀방문자 @ 2007/08/13 23:08
관리자만 볼 수 있는 댓글입니다.
1. ZF. @ 2007/08/14 13:08
  
  소스를 조금 대폭 고쳐야 할 거 같습니다; 배경이 body 전체에 깔려있는 거라서 말이죠 ;;;

La Croce Bianca del Sud. @ 2007/08/14 01:56
수정된걸로 다운받았구요. 잘쓰고 있습니다. 트랙백기능안내문구가 그냥 넘어가는게 좀 보기 그래서 중간에 /br/을 넣어줬죠..^^ 괜찮은거죠? 사실 html을 전혀 모르는터라 그거 하나 넣는것도 한시간 걸렸습니다..에공
1. ZF. @ 2007/08/14 13:09
  
  물론 괜찮죠. :)
  
  사용해주셔서 정말 감사합니다. ^^

연애하는남자 @ 2007/08/14 13:29
앗...그럼 저는 일단 두손 들어야겠네요^^;;
1. ZF. @ 2007/08/15 19:54
  
  죄송합니다. ㅠㅠ

박정건 @ 2007/08/14 14:37
스킨 잘쓰고있습니다..
근데 본문쪽에 이미지를 올리면 왜 오른쪽이 살짝 잘리나요?
ㅡ ㅜ
어떻게 고치는지 알고싶습니다.
1. ZF. @ 2007/08/15 19:55
  
  이미지 사이즈를 조정해보시면 될 것 같습니다.
  본문 너비가 제가 계산한 게 틀릴지도 모르겠습니다 ㅠㅠ

부엉이 @ 2007/08/14 18:42
이쁜 스킨 받아서 잘 사용합니다:D
' taste 이 기능 너무 좋아요~~ 맘에 들어요:3
1. ZF. @ 2007/08/15 19:55
  
  감사합니다. :)

QHermes @ 2007/08/17 09:04
안녕하세요-. 태터툴즈를 쓴지 얼마되지 않았는데, 정말 멋진 스킨을 만나 잘 쓰고 있습니다. :-D
사이드바의 폰트 사이즈를 약간 키우려고 하는데 어떻게 하면 될까요 ?
1. ZF. @ 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; 도 없애셔도 됩니다.

비밀방문자 @ 2007/08/28 17:15
관리자만 볼 수 있는 댓글입니다.
1. ZF. @ 2007/08/28 17:51
  
  이전 스킨에서는 < s_page_title > 태그를 사용했었으나(태터툴즈 1.1 대비로 ZF.Magazine 스킨을 만들 때, 당시 1.1 베타만 공개된 상태에서의 기본 스킨에서 따온 표현이었습니다), 나중에 그 태그의 지원이 1.1에서 지원되지 않길래, 1.1.3용 버전이라는 의미애서 제거한 태그였습니다. 추후 텍스트큐브 1.5에 대응해 몇 가지를 수정해 배포할 예정인데, 그때 패치하도록 하겠습니다.

jukun @ 2007/12/06 23:27
zf님 반갑습니다. 늦게나마 스킨을 적용해 사용할려 합니다. 개인블로그(http://jukun.tistory.com)가 아니라서 스킨에 신경이 좀 쓰이네요. 스킨 적용 후 궁금한 점이 있어서 이렇게 여쭙습니다.

현재 zf님 스킨처럼 배경패턴이미지를 삽입하고 싶습니다. 그리고 패턴이미지 적용하면 container부분(본문,사이드바 포함)테두리와 배경이 직접 맞닿아 질꺼 같아서..여백을 좀 더 줘야 할 것 같습니다.(현재 zf님 블로그처럼 테두리의 뿌연 효과:돋보여보이는 효과) 어떻게 하면 될까요? 좋은 스킨 감사합니다.
1. ZF. @ 2007/12/12 08:33
  
  그게... 엄청난 노가다의 산물입니다. 이미지를 가운데부터 표시하고, 픽셀단위로 계산해 배경을 깔아야 이렇게 나온답니다.

야짐히라 @ 2008/04/13 12:30
티스토리에서 쓰고있는데요;; ㅜㅜ 타이틀밑에 네모난칸있잖아요 거기에 남들은 앨범자켓이랑 넣던데 그거 어떻게 하는거에요?
1. ZF. @ 2008/04/13 16:31
  
  스킨 매뉴얼(http://www.psnnet.net/skinmanual/station/custom.php )을 참고해주세요.

뽀로리 @ 2008/05/21 15:43

이번에 티스토리를 시작하려구 맘에드는 스킨을 찾아다니다 오게되었습니다.
근데 이 스킨이 적용된 어떤분의 블로그를 보다 IE7에서만 사이드바의 Articles, Comments를 누르면 접힐때 삼각형이 사라지는걸 발견했습니다.
다른 브라우져(IE6, 파폭,오페라, 사파리등등)들은 말짱한데 유독 IE7만 그러네요;;
혹시 해결방벙을 아신다면 답변좀 부탁드립니다.
이 스킨 꼭 써보구 싶습니다:-)

뽀로리 @ 2008/05/29 23:23
귀찮게 해드려 죄송합니다.
답변이 일주일 넘게 없어서요.
혹시나 불가능한거라면 그냥 포기하게 안된다라는 답변이라도 부탁드립니다.
1. ZF. @ 2008/05/29 23:37
  
  최근 고3크리 + 새 스킨 준비로 정신없이 바빠서 답변 못 드린 점 사과드립니다.
  
  제가 IE7에서 테스트를 할 때에는 큰 문제가 없었습니다. (스킨 테스트용 블로그인 http://zfbe.com/nuclear/tc 에서 확인하실 수 있습니다) 어쩌면 코드나 브라우저의 문제가 아니라, 파일 또는 서버의 문제일 수도 있습니다. 모든 (이미지) 파일을 빠짐없이 업로드 해보시기 바랍니다.
2. 뽀로리 @ 2008/06/02 18:06
  
  고3이신줄을 몰랐네요;;
  다시한번 귀찮게 해드려 죄송합니다.
  알려주신 사이트도 제 컴에서는 삼각형이 사라지네요.
  다른분들은 괜찮으신거보면 아무래도 제 컴의 IE7이 뭔가 문제가 있는거 같습니다;;
  암튼 답변 고맙습니다:-)
  겅부 열심히 하시구요^^

야짐히라 @ 2008/05/31 21:06
안녕하세요.. 그런데 제가 본문사이즈를 넓게 쓰고 싶거든요??
1154*968?? 이 해상도 정도로요.. 그러면 본문사이즈가 800정도 될거같은데
어떻게 해야 수정이 되나요?ㅜㅜ
1. mindFULL @ 2008/06/07 00:19
  
  그게 수정을 할 게 여러가지가 있어서 ... 조금 곤란하지 않을까 싶습니다. 다른 건 다 둘째치고라서도, 이미지를 직접 고치지 않고서는 이미지를 늘이면 깨지는 관계로 타이틀의 taste 부분을 늘여내는 게 힘들어요.
  
  어차피 저도 1280*800 쓰고 있고, 1024*768을 아직도 사용하는 사람들이 많으니, 감수하셔야 하지 않을까 생각합니다.