ZF's dream station

ZF.Magazine 2.0, 버그 최종 해결!

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

드디어 (알려진) 모든 버그를 해결했습니다. 2.1 -> 2.1.1 버전으로 올라오며 수정된 부분은 다음과 같습니다.

2.1 -> 2.1.1
[index.xml] 버전 수정
[skin.html] 맨 위에 <a id="top" name="top"></a> 추가 - 파이어폭스에서 TOP 버튼이 먹지 않았던 버그 해결
[skin.html] <div id="search"> <를 <div class="search" >로 고치고 <fieldset> 제거 - 파이어폭스 외에서 검색이 먹지 않던 버그 해결
[style.css] 포스트 본문 내부의 .left, .right에 한해 width 속성 제거

아래는 2.0 / 2.1 버전 릴리즈 안내문에서 따온 부분입니다.

ZF.Magazine 2.0은 전작인 ZF.Magazine 1.5와 비교해, 밝아졌으며, 줄간격 등을 넓게 줘 읽기 편하게 만들어졌습니다. 또한 ZF.Magazine 2.0은 Article in spotlight 플러그인과 함께 사용하면 블로그 어느 페이지에서든 ‘가장 위에 놓고 싶은 글’을 설정해줄 수 있으며, 주석을 표시해주는 Footnote 플러그인에 스타일을 지정해 최적화시킴으로써, 보다 더 ‘매거진’에 가까워졌다고 할 수 있습니다.

흐리멍텅해 잘 구분이 가지 않고 명확하지도 않던 글 오른쪽의 글 정보가 조금 더 명확하게 처리해, 본문 부분을 보다 더 명확하게 하였고, 상단 이미지를 간단한 그라데이션과 픽토그램으로 대체, 전체적인 용량이 무척 줄어들었습니다!

다운로드
zfmagazine2.zip (359KB, 태터툴즈용, 일반 버전)
zfmagazine2_wide.zip (359KB, 태터툴즈용, 와이드 버전)

사용시 주의사항은 아래와 같습니다.

Internet Explorer 6.0에서는 Wide 버전의 글 정보 보기 하단부가 살짝 늘어나, 보기 좋지 않을 수 있습니다.
ZF.Magazine 2.0 (일반)은 가로 너비가 610px이며, ZF.Magazine 2.0 Wide는 가로 너비가 무려 820px입니다.
가급적이면 span style=font-weight: bold;동봉된 Article in spotlight 플러그인과 함께/span 이용해주십시오!
웹 표준을 지키기 위해 노력하였으나, 태터툴즈 자체의 버그인지, 에러가 몇개 나긴 납니다. 하지만 전체적으로 XHTML 1.1 규격에 맞지 않는 태그는 거의 이용하지 않았습니다! 물론, 웹 표준 준수 여부는 여러분의 글에도 달려있습니다.

* Article in spotlight 플러그인은

따로 다운로드 article_in_spotlight.zip (1.12KB)

Article in spotlight 플러그인은 spotlight 태그가 달린 글 중 최신 글 하나를 뽑아오는 플러그인입니다. 달린 글이 없을 경우 아무 글도 가져오지 않습니다. 치환자 태그는 [## _in_spotlight_ ##]입니다. (원래 공백은 없습니다;;)

이 기능을 사용하면, 올블로그에서 나의-추천-글 기능을 이용해 글을 옆에 빼놓을 수 있듯, 특정한 위치에 꼭 보여주고픈 글을 배치할 수 있으며, 태그 기능을 이용했기 때문에 ‘추천한 글들의 리스트’ 역시 뽑아볼 수 있습니다. 올블로그 또는 이올린과 연관한다면, spotlight 기능을 이용하는 많은 사람들이 스스로 추천한 글을 리스트로 보거나, 구독(RSS)할 수도 있겠죠!

P.S. 플러그인 제작에 큰 도움을 주신 티즈 님께 감사드립니다.

(0)

(0)

이 글에는 아직 트랙백이 없고, 댓글 26개가 달려있고, ZF.Magazine 2.0 , 블로그 , 스킨 , 태터툴즈 태그가 달려있으며,
2007/01/05 21:14에 작성되었습니다.

트랙백 주소 안내 at 2007/01/05 21:14 by ZF's dream station

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

kiyong2 at 2007/01/06 15:53 링크주소 답변달기 수정/삭제

제 블로그에 적용을 하였는데, 정말 이쁘네요~ 티스토리에서 제공해주는 것도 괜찮은데, 작년부터 공고를 하신것이라 기다렸죠..^^
잘쓸께요~~

ZF. at 2007/01/07 00:59 링크주소 수정/삭제

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

얼리어답터 at 2007/01/07 07:39 링크주소 답변달기 수정/삭제

잘쓰겠습니다^^ 정말 마음에 드네요^^

얼리어답터 at 2007/01/07 07:43 링크주소 답변달기 수정/삭제

근데 이스킨은 티스토리에 맞지않나요? 적용하려고하니까 안되는군요;

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

티스토리에 살짝 안 맞는 부분이 있긴 하지만, 아예 적용이 안되진 않을겁니다;;

樂天主意 at 2007/01/07 19:46 링크주소 답변달기 수정/삭제

ㅎㅎ 몇가지 버그 수정했어요^^ 어제 오프에서 안 알려주면 몰랐을지도!! RSS등록하고 읽을게요^^

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

감사합니다. :D

얼리어답터 at 2007/01/08 15:25 링크주소 답변달기 수정/삭제

티스토리에 적용하면 진짜 안되네요..ㅡㅡ;;
티스토리용 하나 만들어주심이..T^T

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

티스토리에 맞춘 버전을 생각해보겠습니다 ;;

민용 at 2007/01/09 11:01 링크주소 답변달기 수정/삭제

티스토리용 부탁 드릴께요 ㅜㅜ

와이드버전 너무 이쁘네요

꼭 써보고 싶습니다..

부탁드릴께요.

킬러 at 2007/01/12 21:10 링크주소 답변달기 수정/삭제

ZF님. 매거진스킨 1.0 사용중입니다. 잘쓰고 있구요.
질문이 있어서
1. 가운데 메인 포스트 자리와 우측의 태그 및 기타정보 영역 사이에만 테두리를 넣을 수 있는지요? 두 영역을 구분하고 싶은데...(박스형이 아닌 세로줄 형태로)
2. FEEDWAVE 피드투메일 을 붙이면 파이어폭스에서는 깨지던데, 스킨문제일까요, 피드웨이브 소스 문제일까요.
3. 포스팅 하단에 저자표시 치환자를 넣었더니 제 사이트처럼 Posted by 부분에 박스가 생깁니다. 다른 태터툴즈처럼 텍스트로만 나오게 고칠 수 있나요?

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

먼저 사용해주셔서 감사하다는 말씀부터 ..

1. 줄 수 있을겁니다. border-left만 지정해주면 왼쪽에만 테두리가 나오겠죠.
2. CSS를 건드려야 알 수 있을 것 같습니다만, 여백이 잘못 주어져서 생긴 문제가 아닐까 싶습니다.
3. 역시 CSS를 건드려야 할 것 같습니다;; 치환자로 치환된 부분에 class가 주어져서 생긴 문제가 아닌가 싶습니다.

zizim at 2007/01/13 23:00 링크주소 답변달기 수정/삭제

저도 위 킬러님처럼 매거진스킨 1.0 사용중입니다. snap preview 코드를 스킨 /head 앞에 삽입했는데, 댓글 영역엔 링크 미리보기가 안되네요^^;;

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

스냅의 작동 원리를 몰라서, 저도 잘 모르겠습니다.;

canada cheapest flight at 2008/05/23 03:46 링크주소 답변달기 수정/삭제

많은 감사 위치! 우수한 나는 너의.

sibel kekilli porn video at 2008/05/23 04:15 링크주소 답변달기 수정/삭제

걸출한 디자인! 좋은 디자인.

arizona golf scottsdale vacation at 2008/05/23 04:46 링크주소 답변달기 수정/삭제

여기 이것은 뉴스 있다!

rancho shock absorbent at 2008/05/23 04:54 링크주소 답변달기 수정/삭제

우수한과 아주 도움이 되는!

southhampton montessori school houston texas at 2008/05/23 06:24 링크주소 답변달기 수정/삭제

걸출한 디자인! 좋은 디자인.

nastya girl at 2008/05/23 06:42 링크주소 답변달기 수정/삭제

뉴스를 위한 감사합니다…

hentai tranny movie at 2008/05/23 07:08 링크주소 답변달기 수정/삭제

너는 위치를차가운 만들었다!

impossible mission music theme at 2008/05/24 00:38 링크주소 답변달기 수정/삭제

아주 유용한 정보!

grannies pussy at 2008/05/24 00:45 링크주소 답변달기 수정/삭제

좋은 위치는 찾아본 그것 즐겼다!

cow xxx at 2008/05/24 00:49 링크주소 답변달기 수정/삭제

친구는 위치의 너의 현재 팬이 되었다!

rubber roof repair travel trailer at 2008/05/24 00:57 링크주소 답변달기 수정/삭제

저에서 유사한 역사는 이었다.

asian ladyboy jen at 2008/05/24 02:19 링크주소 답변달기 수정/삭제

블로그를 위한 감사합니다.

댓글 쓰기
Name /Pass Homepage

(체크하면 관리자만 댓글을 볼 수 있습니다)

새해를 맞아 ZF.Magazine 2.0을 배포합니다!

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

날이면 날마다 오는 게 아닙니다! 새해를 맞아, ZF.Magazine 2.0 -> 2.1 -> 2.1.1 스킨을 배포합니다!

ZF.Magazine 2.0

ZF.Magazine 2.0 wide

ZF.Magazine 2.0은 전작인 ZF.Magazine 1.5와 비교해, 밝아졌으며, 줄간격 등을 넓게 줘 읽기 편하게 만들어졌습니다. 또한 ZF.Magazine 2.0은 Article in spotlight 플러그인과 함께 사용하면 블로그 어느 페이지에서든 ‘가장 위에 놓고 싶은 글’을 설정해줄 수 있으며, 주석을 표시해주는 Footnote 플러그인에 스타일을 지정해 최적화시킴으로써, 보다 더 ‘매거진’에 가까워졌다고 할 수 있습니다.

흐리멍텅해 잘 구분이 가지 않고 명확하지도 않던 글 오른쪽의 글 정보가 조금 더 명확하게 처리해, 본문 부분을 보다 더 명확하게 하였고, 상단 이미지를 간단한 그라데이션과 픽토그램으로 대체, 전체적인 용량이 무척 줄어들었습니다!

다운로드
zfmagazine2.zip (359KB, 태터툴즈용, 일반 버전)
zfmagazine2_wide.zip (359KB, 태터툴즈용, 와이드 버전)

사용시 주의사항은 아래와 같습니다.

Internet Explorer 6.0에서는 Wide 버전의 글 정보 보기 하단부가 살짝 늘어나, 보기 좋지 않을 수 있습니다.
ZF.Magazine 2.0 (일반)은 가로 너비가 610px이며, ZF.Magazine 2.0 Wide는 가로 너비가 무려 820px입니다.
가급적이면 span style=font-weight: bold;동봉된 Article in spotlight 플러그인과 함께/span 이용해주십시오!
웹 표준을 지키기 위해 노력하였으나, 태터툴즈 자체의 버그인지, 에러가 몇개 나긴 납니다. 하지만 전체적으로 XHTML 1.1 규격에 맞지 않는 태그는 거의 이용하지 않았습니다! 물론, 웹 표준 준수 여부는 여러분의 글에도 달려있습니다.

(0)

이 글에는 아직 트랙백이 없고, 댓글 42개가 달려있고, ZF.Magazine 2.0 , 블로그 , 스킨 , 태터툴즈 태그가 달려있으며,
2007/01/01 00:00에 작성되었습니다.

트랙백 주소 안내 at 2007/01/01 00:00 by ZF's dream station

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

skyn03 at 2007/01/01 00:02 링크주소 답변달기 수정/삭제

감사합니다 ^^:

ZF. at 2007/01/01 01:56 링크주소 수정/삭제

에이 뭘요

사쿠 at 2007/01/01 00:44 링크주소 답변달기 수정/삭제

상당히 멋진 스킨 입니다..:)

ZF. at 2007/01/01 01:56 링크주소 수정/삭제

감사합니다 :)

DARKLiCH at 2007/01/01 01:53 링크주소 답변달기 수정/삭제

in_spotlight가 아니라 on_spotlight 아닙니까;;
수고 많이 하셨습니다. (__)

ZF. at 2007/01/01 01:56 링크주소 수정/삭제

사전에선 in spotlight가 더 맞는 듯해서;;;;;;;

DARKLiCH at 2007/01/01 02:55 링크주소 수정/삭제

그게 아니라 플러그인을 보니 치환자가 [## _on_spotlight_ ##]로 되어 있어서 말입니다;;;

ZF. at 2007/01/01 02:58 링크주소 수정/삭제

그거 고쳤는데;;;;; 아직도 그런가요?

DARKLiCH at 2007/01/01 03:42 링크주소 수정/삭제

제가 답글을 달때까지는 on이었는데 지금 확인해 보니까 in으로 수정되어 있네요 :D

에드 at 2007/01/01 06:49 링크주소 답변달기 수정/삭제

감사합니다. ^^
제 취향에 따라 살짝 수정해서 쓰고있습니다. 당연히 스킨저작권부분은 건드리지 않았구요.
허락도 얻고 감사인사도 드릴겸 방문했습니다.
잘 쓰겠습니다. ^^

ZF. at 2007/01/01 15:09 링크주소 수정/삭제

네 :)

gmong at 2007/01/01 15:07 링크주소 답변달기 수정/삭제

맨 위에 있는 '검색'이 동작하지 않는 것 같습니다.
음... 저만 그런걸지도-_-;

ZF. at 2007/01/01 15:09 링크주소 수정/삭제

태터툴즈 1.1 자체의 문제인 듯싶습니다.

검색 기능이 파이어폭스에서만 작동하더군요(...)

luv4 at 2007/01/01 18:07 링크주소 답변달기 수정/삭제

티스토리에 등록되어 있는 ZF님의 스킨을 적용한지 하루도 채 안되서 2.0 버전을 공개하시다니...
바꾸느냐 마느냐 고민하다가 이전 스킨도 맘에 들어서 그냥 쓰기로 했습니다.
근데 마음이 자꾸 들썩거리는군요 ^^

ZF. at 2007/01/02 19:09 링크주소 수정/삭제

전 그저 감사할 따름입니다 :)

ENTClic at 2007/01/01 18:12 링크주소 답변달기 수정/삭제

스킨 마음에 드네요 ^^
미리 알았으면 좋았을텐데 얼마전에 바꿔서 지금 당분간은 그대로 사용해야 겟습니다.
새해 복 많이 받으세요 ^^

ZF. at 2007/01/02 19:10 링크주소 수정/삭제

ENTClic님도 새해 복 많이 받으세요 ^^

가루군 at 2007/01/02 09:02 링크주소 답변달기 수정/삭제

이미 날마다 왓습니다 (?..

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

;;;;;;

보리 at 2007/01/02 16:29 링크주소 답변달기 수정/삭제

깔끔한 느낌이 좋아서 덜컥 바꿨네요 ^^; 궁금한게 있어서요~
위 아래 배경이 모니터에 꽉차도록 만들어져서 그런지 와이드 모니터에서 보니까 본문과의 정렬이 흐트러지게 되는데 상하 이미지 크기를 고정하는 방법은 없을까요?(참, 저는 티스토리 유저입니다.)

ZF. at 2007/01/02 19:22 링크주소 수정/삭제

전체 사이즈를 줄이셨나요?;

저렇게 본문이 줄어들 일이 없는데... 확인해보겠습니다.

보리 at 2007/01/02 22:01 링크주소 수정/삭제

아, 전체 사이즈를 50정도씩 줄였는데, 그것 때문에 그런가봐요.
그럼 본문 가로 사이즈 조절은 어떤 부분을 수정해야할지요?

PolarisS3941H at 2007/01/02 18:13 링크주소 답변달기 수정/삭제

정말 넓고 깔끔한 스킨 감사합니다 ^^
당장에 적용하고 싶지만,, 지금 스킨에 이것저것 붙인게 많아서 한동안은 힘들 것 같네요 ^^;;
그런데,, 죄송합니다만 in spotlight 플러그인을 사용하고자 하는데,, spotlight 태그가 붙은 글을 랜덤으로 출력할 수는 없을까요?
도움 주시면 감사하겠습니다 ^^

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

그부분은 여러 개를 받아온 다음에 랜덤정렬 시켜 빼오면 될겁니다. 한 번 만들어 보겠습니다. :)

야쿠르트 at 2007/01/03 00:08 링크주소 답변달기 수정/삭제

난 드디어 블로그 시즌 3 오픈 준비중...ㅋㅋ
네이버 요즘 많이 발전하구 잇어ㅡㅡㅋ

이하늘 at 2007/01/03 15:22 링크주소 답변달기 수정/삭제

_in_spotlight_ 이거 어떻게 쓰는 거에요? 스포트라이트 태그잇는 글을 블로그에서 특정위치에 고정시킬수 잇다는데.. 왕초보라..쩝..

이하늘 at 2007/01/03 15:23 링크주소 답변달기 수정/삭제

_in_spotlight_플러그인을 복사해 넣었더니 사용중이라고는 나오는데.. 어떻게 적용해야 블로그에 적용되나요? 메뉴얼도 없공..

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

최근 글을 뿌리고 싶은 부분에 [##_ in_spotlight _##]에서 공백을 모두 제거해 넣으면 됩니다. (##_in_spotlight_##) 비슷하게 나오겠죠?

물론 spotlight 태그를 쓴 글이 하나 이상은 있어야 출력됩니다.

이하늘 at 2007/01/04 01:45 링크주소 답변달기 수정/삭제

zf 님 답변 감사합니다.. 제가 하도 왕초보라서.. 최근 글을 뿌리고 싶은 부분-이건 관리자 메뉴 스킨편집에서 하는 거 같은데. html 태그는
좀 알지만 어디에 끼워넣어야 할지 감도 않잡혀요..잉.. 그리고 공백을 모두 제거해 넣으라는 말씀은 또 무슨 뜻일까.. ㅎㅎ 지송합니다..
제가 전에 제로보드는 써봤지만..이건 첨이라 헤메는 중이에요..

樂天主意 at 2007/01/05 19:32 링크주소 답변달기 수정/삭제

감사합니다^^ 스킨을 가져다가 손을 봐서 포토블로그용으로 만들었습니다^^
와이드로도 좁아서 본문폭을 1020px로 무식하게 늘려버렸습니다-0-;;
그리고 상단에 썸네일리스트를 넣으니 무척 이쁘고 좋네요^^ 다시한번 좋은 스킨 만들어주셔서 넘 감사합니다.

bbc radio devon at 2008/05/23 03:55 링크주소 답변달기 수정/삭제

좋은 너를 위치! 감사하십시요.

ingo swann physic sexuality at 2008/05/23 04:26 링크주소 답변달기 수정/삭제

우수한 디자인!!

basic instinct scene sex at 2008/05/23 05:00 링크주소 답변달기 수정/삭제

우수한 위치! 많은 감사.

maker money pharrell shake at 2008/05/23 05:04 링크주소 답변달기 수정/삭제

중대한 축하!경이롭 위치 위치!

brazilian gallery girl at 2008/05/23 06:33 링크주소 답변달기 수정/삭제

나의 너의 친구는 위치의 현재 팬이 되었다!

gay male twinks at 2008/05/23 06:50 링크주소 답변달기 수정/삭제

중대한 축하!경이롭 위치 위치!

exotic sheer lingerie pictures at 2008/05/23 07:14 링크주소 답변달기 수정/삭제

걸출한 위치! 많은 감사.

angeles zoo at 2008/05/24 00:43 링크주소 답변달기 수정/삭제

우수한 디자인!!

image galleries adult free at 2008/05/24 00:57 링크주소 답변달기 수정/삭제

좋은 영역! 걸출한 영역!

cape cod massachusetts map at 2008/05/24 00:58 링크주소 답변달기 수정/삭제

여보세요, 좋은 아주 위치!

girls night out decorations at 2008/05/24 01:06 링크주소 답변달기 수정/삭제

정말 같지 않는 블로그!

hairy gay guys at 2008/05/24 02:25 링크주소 답변달기 수정/삭제

걸출한 뉴스!! 종류 블로그!

댓글 쓰기
Name /Pass Homepage

(체크하면 관리자만 댓글을 볼 수 있습니다)

ZF.Magazine 2.0을 공개합니다!

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

드디어, 새 스킨입니다. ZF.Magazine의 후속작, ZF.Magazine 2.0을 공개합니다!br /br /이 스킨의 특징을 잠깐 설명해드리자면,br /br /olli본문이 아주 살짝 넓어졌습니다. 딱 10px 늘어나서, 610px입니다./lili엄청나게 밝은 분위기입니다./lili용량이 조금 줄었습니다. 타이틀 이미지를 그라데이션 처리 했기 때문입니다. 사진보단 그라데이션이 훨씬 용량을 적게 먹죠./lili여전히 '위치'를 나타내는 몇가지 장치들이 맨 위쪽에 존재합니다. 매거진 스킨만의 특징이라 생각하시면 될 듯합니다./lilispan style=font-weight: bold;패스워드 8자 제한을 풀었습니다./spanbr //li/olbr /P. S. 그닥 좋은 인터넷 환경에서 제작한 게 아니라, 지금은 일단 베타 상태입니다. 여러 테스트 할 상황이 매우 많이 남아있습니다. 2007년 1월 1일이 되면 2.0 정식 버전, 그리고 와이드 버전을 배포하겠습니다.br /

(0)

이 글에는 아직 트랙백이 없고, 댓글 24개가 달려있고, ZF.Magazine , ZF.Magazine 2.0 , 블로그 , 스킨 태그가 달려있으며,
2006/12/15 02:45에 작성되었습니다.