갱신 - V β1.5 → V 1.7


(매우 매우 오랜만에 그리고 어색하게) 티스토리 스킨을 배포합니다. (짝짝짝 스스로박수)

Contents

1. 소개 & 개요

2. 사용하기 전에
3. 적용 방법
4. 업데이트 방법
5. 다운로드 & 주의사항


클릭하여 1:1 크기로 볼 수 있습니다



FLATBERRY Strawberry


1. 소개 & 개요

플랫베리입니다. ...이름을 이렇게 지은 이유는 말그대로 핑크색에 플랫해서입니다. 핑크색의 취향은 누구인지 말해도 말안해도 됩니다
이 스킨을 만들게 된 계기가 있습니다. 요즘따라 블로그를 자주(...옛날보다는) 업데이트하고 방문은 더 자주 하게 되다보니 그런것도 있고, 자꾸 쳐다보니까 워낙 거지같은 디자인이라(그것도 제가 만든것이었음)"언제한번 뜯어고쳐야되는데..." 마음만 먹다가 귀찮아서 놓아놓고 손을 안 대고 있었는데, 드디어 도저히 더이상은 봐줄 수가 없을 지경이 되어버리자 (...) 오늘, 어느정도는 완성하고 올릴 수 있게 되었습니다~

디자인의 출처는 제가 만든 또다른 스킨인 Windows XP의 시각 스타일입니다. (*.msstyle 확장자를 가지는...그것)
Windows XP를 아직도 쓰는 분이시라면 제가 만든 그 스타일을 적용해보실수 있습니다. 그런데 아직 배포한 기억은 없으므로... 어느정도 덧글 달아주시면 올리겠습니다. (결론은 덧글 구걸인건가)

버전이 처음부터 1.5인 이유는 이게 처음이 아니기 때문입니다. 사실상 블루큐브 1.4버전에 디자인만 덮어씌운 거나 다름없습니다. 하지만 매우 큰 변화가~ 만에하나 블루큐브를 사용해 보신 분이라면 2단 우측 사이드바나 덧글리스트 등 여러가지 블루큐브의 잔재를 확인하실 수 있습니다. 그리고 이것만이 이유가 아닌것이, 제트오디오 스킨 만들때처럼 또 버전 엄청크게 높이는걸 해보고싶은 속셈이...(0.5씩 올리거라 응?) 버전은 숫자에 불과합니다





2. 사용하기 전에

사용하기 전에 반드시 확인하여야 할 것들 1: 아래의 목록에 있는 웹 브라우저들 중 하나를 메인으로 사용합니까?

Internet Explorer 6, Internet Explorer 7, Maxthon (최신버전 제외), TheWorld (최신버전 제외), WebMa (최신버전 제외), Avant (최신버전 제외), 기타 구() IE 기반 브라우저




아니오



STOP!
스킨을 제대로 사용하고 보려면 Mozilla Firefox, Internet Explorer 8 등의 브라우저로 바꿔야 합니다.
 좋습니다. 다음 단계로 진행하셔도 됩니다.




사용하기 전에 반드시 확인하여야 할 것들 2: 압축 해제 프로그램으로 알집을 사용하고 있습니까?




아니오



STOP!
7zip 형식으로 배포되는 스킨 파일을 알집을 사용하여 압축을 풀 경우 파일에 손상이 갈 우려가 있어 7-Zip(프리웨어)이나 WinRAR(쉐어웨어) 같은 정상적인 압축 프로그램을 사용하여 배포 파일의 압축을 해제해야 합니다.
 좋습니다. 다음 단계로 진행하셔도 됩니다.





사용하기 전에 반드시 확인하여야 할 것들 3: 운영하고 있고 이 스킨을 적용하려고 하는 블로그가 티스토리 블로그입니까? (...이런 질문을 할 필요가 있을까)

이 질문에서 "예"라고 대답하신 분은 이제 스킨을 사용하실 수 있습니다. (...)





3. 적용 방법
  1. 다운로드한 압축 파일의 압축을 해제합니다.
  2. 티스토리에 로그인하여 티스토리 블로그 관리 페이지로 이동합니다.
  3. 상단 메뉴에서 스킨 > 스킨 선택으로 들어갑니다.
  4. 스킨 목록 오른쪽 상단의 새 스킨 등록을 누릅니다.
  5. 스킨 저장명에 적당한 이름을 입력하시고, 파일업로드를 눌러 방금 전 압축을 해제한 파일들 모두를 다중 선택하여 확인을 누릅니다. (Shift+클릭, Ctrl+클릭)
  6. 저장을 눌러 스킨을 저장합니다. 이렇게 저장한 스킨은 다시 스킨 > 스킨 선택 > 저장한 스킨에서 골라 사용하실 수 있습니다.





4. 업데이트 방법

(아직 호환된다고 할만한 하위버전은 없으므로 생략)





5. 다운로드 & 주의사항


베타 버전이므로 여러 군데 완성되지 못한 부분이 있을 수 있습니다. (...왜 추측하니) 그런 부분들을 덧글로 달아주시면 다음 버전이 좀 더 완성도 높고 보기도 좋게 만들어집니다. 여러분의 많은 도움이 필요합니다. 꼭 많이 많이 다운로드해주셔서 문제점들로 푹푹 찔러 주세요~ 다운로드해 주셔서 감사합니다. ^.^

모든 스킨의 문제점 신고, 의견 제안은 모두 해당 스킨 버전 게시글의 덧글로 받습니다!





Posted by 도바토

 티스토리 스킨 - 버전 1.2 (FIX)


이번 버전에는 색상만 추가했고 큰 변화는 없습니다.
간단한 코드 수정으로(하지만 색상이 4가지라 개노가다로) 2단 버전을 추가했습니다.


색상별 가로크기 (단위: 픽셀)
  라임 플레인 기본 바이올렛
2단 944 944 944 914
3단 1158 1158 1158 1098


잠깐!! 받아가시기 전에 일단 아래의 문장들을 한번만 확인해주셨으면 하는 바람입니다.

이 스킨을 사용하기 위한 준비물 - 별로 많지 않습니다.
  • IE6, IE7이 아닌 브라우저를 사용하십니까?
    구글 크롬, 모질라 파이어폭스, 애플 사파리 같은 웹표준을 준수한 브라우저들을 말합니다. 이런 브라우저들을 사용해서 제작한 스킨이므로, 사용할 때에도 꼭 필요한 준비물입니다.
    혹시 지금 아직도 IE6이나 IE7을 사용중이신가요?? 굳이 IE6을 고집하신다면, 지옥의 경관을 감상하실 수 있습니다.

    이 스킨을 사용하려면 뒤떨어지지 않는 브라우저가 필요합니다.     구글 크롬 다운로드구글 크롬 다운로드   파이어폭스 다운로드파이어폭스 다운로드   사파리 다운로드사파리 다운로드

  • 나눔글꼴
    별것 아닌 스킨이지만 많은 종류의 폰트를 사용하는 스킨입니다. 없어도 상관 없지만, 나눔고딕은 반드시 가지고 있어야 합니다.

  • 절제된 탐구심
    부디 skin.html이나 style.css를 무리하게 수정하지 말아주세요.
    손가락으로 툭 치면 쓰러질 것 같은 아슬아슬한 모래탑이라, 조금의 코드 수정으로 블로그 전체가 박살날 수도 있습니다.(뻥) 스킨 전문가이시다면 모르겠지만, 거슬리는 점이 있으면 제게 문의해 주세요. 빠른 시간 내에 수정해 드리겠습니다.

  • 기본적인 개념
    여러가지 의미의 개념을 말합니다. 스킨을 블로그 관리에서 올려서 사용할 수 있는 지식, 또다른 뜻으로는 index.xml을 마음대로 수정해서 제작자를 조작하거나 하지 않는 것 등입니다.

모든 준비가 되셨다면 사용해 주셔도 좋습니다. 감사합니다. 꾸벅

이 스킨의 기본형은 3단입니다. 고로 2단 적용하는 방법은:
skin_2column.htmlstyle_2column.css 파일을 각각 skin.html, style.css로 이름을 바꿔서 업로드하면 됩니다.


ChangeLog -  이전 버전에 대해 바뀐 점

이번 버전은 색상이 추가된것 외에는 큰 변화가 없습니다.
  1. 2단 버전 추가
    기본형은 3단이지만 몇번의 코드수정으로 간단히 2단으로 트랜스폼되는 구조를 갖고 있었으므로(...) 이번 버전부터 2단 도 만들어서 배포합니다.

  2. 색상 바리에이션 제작
    라임(Lime)색과 플레인(Plain)이 추가되었습니다. 모든 색상은 한 압축파일로 묶어서 배포합니다.
    + 바이올렛(Violet)버전도 추가되었습니다. 이 버전은 특별히 저해상도에 더 최적화된 버전입니다.

  3. 자잘한 디자인 수정
    1. 페이징 모양 수정.
      + 글자크기를 좀 줄여봤습니다.
    2. 글내용부분과 딱붙어있던 사이드바를 약간 분리했습니다.
    3. 포스트 제목의 날짜 표시를 달력 형식으로 바꾸었습니다.
    4. 스킨 꼭대기부분의 배경이미지를 없앴습니다. 훨씬 깔끔해보입니다.



스크린샷은 여기서 확인해주세요. 바뀐 점은 거의 없으니까 대충 이렇다고 보시면 됩니...()
http://australis.tistory.com/entry/BLUECUBE11
Posted by 도바토
 티스토리 스킨 - 버전 1.1


블루큐브의 버전 1.1을 공개합니다. 두번째 스킨을 만들다가 때려치고 이 스킨을 다시 잡았습니다.
쓸만한 스킨이 될때까지 발전시키고 업데이트할 예정입니다. 많은 애용과 사랑 부탁드립니다. 굽신 굽신

(재배포는 삼가해 주세요.)

잠깐!! 받아가시기 전에 일단 아래의 문장들을 한번만 확인해주셨으면 하는 바람입니다.

이 스킨을 사용하기 위한 준비물 - 별로 많지 않습니다.
  • IE6, IE7이 아닌 브라우저를 사용하십니까?
    구글 크롬, 모질라 파이어폭스, 애플 사파리 같은 웹표준을 준수한 브라우저들을 말합니다. 이런 브라우저들을 사용해서 제작한 스킨이므로, 사용할 때에도 꼭 필요한 준비물입니다. 혹시 지금 아직도 IE6이나 IE7을 사용중이신가요??

    이 스킨을 사용하려면 뒤떨어지지 않는 브라우저가 필요합니다.    구글 크롬 다운로드   파이어폭스 다운로드   사파리 다운로드

  • 나눔글꼴
    별것 아닌 스킨이지만 많은 종류의 폰트를 사용하는 스킨입니다. 없어도 상관 없지만, 나눔고딕은 반드시 가지고 있어야 합니다.

  • 절제된 탐구심
    부디 skin.html이나 style.css를 무리하게 수정하지 말아주세요.
    손가락으로 툭 치면 쓰러질 것 같은 아슬아슬한 모래탑이라, 조금의 코드 수정으로 블로그 전체가 박살날 수도 있습니다.(뻥) 스킨 전문가이시다면 모르겠지만, 거슬리는 점이 있으면 제게 문의해 주세요. 빠른 시간 내에 수정해 드리겠습니다.

  • 기본적인 개념
    여러가지 의미의 개념을 말합니다. 스킨을 블로그 관리에서 올려서 사용할 수 있는 지식, 또다른 뜻으로는 index.xml을 마음대로 수정해서 제작자를 조작하거나 하지 않는 것 등입니다.

모든 준비가 되셨다면 사용해 주셔도 좋습니다. 감사합니다. 꾸벅



ChangeLog -  이전 버전에 대해 바뀐 점
  1. 2단 → 3단, 가로 사이즈 934px → 1148px
    가장 크게 변화된 점입니다. 사이드바가 2개로 분리되어 각각 따로 취급됩니다.

  2. 자잘한 디자인 수정
    1. content 영역 안에 들어있던 블로그 메뉴를 밖으로 꺼냈습니다.
    2. 블로그 이미지를 사용하는 블로거가 덧글이나 방명록을 달면 블로그 이미지의 테두리가 둥글게 표시됩니다.
      (굉장히 조잡한 코드 덩어리입니다. 왠만하면 skin.html을 뜯어보지 말아주세요.)
    3. 알록달록(?)한 아이콘들이 추가되어 한층 눈이 즐겁습니다. (-_-)
    4. 보기 힘든 블로그 관리 메뉴와 태그트레일의 글씨색을 좀더 보기 쉽게 조절했습니다.
    5. 지금이 몇번째 페이지인지 도무지 알 수 없는 페이징 부분을 수정했습니다.
      그리고 기타 등등 더욱 마이너한 자잘한 수정사항...

  3. 티에디션 위화감 제거
    티에디션을 설정하면 배경이 흰색으로 나와 매우 어색한 점을 수정했습니다.

  4. IE6이나 IE7을 사용하는 사람이 블로그에 방문하면 아래의 아름다운 문구를 볼 수 있습니다.

  5. IE6에 대한 호환성 약간 증가
    바로 위의 항목에 대해 모순된다고 생각하실지도 모르겠지만, 일단은 가능한 한 많은 사람들에게 좋은 첫인상을 남겨야 할 것 같다고도 생각했기에, PNG 알파채널을 IE6에서도 볼 수 있는 코드를 추가했습니다.

  6. 이 글의 맨 위에 있는 로고 같은 게 다음 배포때에도 사용될 것입니다.
    직접 그린건데 어떤지 평가좀 해주세요. ()




으아... 스킨 하나 더 만드는 것만큼 힘들었습니다. 드디어 배포하네요.
부디 많이 애용해주시고 바로잡아주셨으면 좋겠습니다. 감사합니다.

Posted by 도바토
아아... 스킨위자드에서 뻗어버렸습니다.

아무리 해도 배경이미지를 넣을 수가 없습니다. 도데체 어디가 잘못된거야.

저번 스킨은 대충 클래스만 넣어주고 스킨위자드를 거의 버리다시피(...)했는데
이건 스킨위자드를 위해 만든 스킨이라서 잠시 보수는 보류하고 혼자쓰는 것으로만 썩혀두기로 합니다.

(도와주실 분도 찾아요~♥) (ㄱ-

Ps. 배경이미지를 강제로 넣어봤더니 브라우저마다 죄다 다른 결과를 보여줍니다... ㅡ (크롬에서 가장 제대로 보임.)
Posted by 도바토

도바토 , dobato.tistory.com , dobato.wo.tc


Polaris Australis , australis.tistory.com , aus.wo.tc



별명과 주소를 바꿨습니다. "Polaris"는 제가 텍스트큐브, 티스토리 활동을 하지 않을 때부터 써오던 별명입니다.

그리고 엄청나게 짧은 서브도메인을 업어왔습니다. 되게 쓸만하겠는데요? 'ㅅ'

스킨은 임시로 배포 중단합니다. 받아갈사람이 있기나 할련지는 모르겠지만 일단 좀 더 완전한 형태를 갖춘 후에 배포를 다시 시작하도록 하겠습니다.

혹시 제가 도바토였다는 증거가 필요하시다면 제 트위터를 봐주세요 ;ㅅ;

http://twitter.com/@aust_star
Posted by 도바토

크롬플러스 제외하고는 왼쪽부터 선호하는 브라우저 순입니다.


일단 기본적인 다섯 브라우저로 테스트해봤습니다.

저는 그냥 만들었는데 브라우저마다 지멋대로 조금씩 변형되서 나오는게 얼마나 신기하던지...(이런거 처음본것도 아니면서 ㄱ-)

사파리는 의외로 쓸만하더군요? 전에 비해서 눈에 띄는 변화가 있어서 많이 마음에 들어요.

그에비해 오페라는 대실망이었습니다. -ㅅ-;


사파리 4.0.5


오페라 10.53



스킨의 폰트는 이런 식으로 설정되어 있습니다.
font:0.8em Segoe UI, Meiryo UI, NanumGothic, 나눔고딕, MS UI Gothic, Helvetica, AppleGothic, Sans-serif;

영문 부분은 영문폰트인 Segoe UI가 로드되고, 다음으로 Meiryo UI에서 일본어와 한자 부분이 로드되고, 그다음으로 한글이 보이게 됩니다. 앞의 4종류의 폰트가 없을 경우에 뒤의 폰트가 로드되도록 설정된 값입니다.

두 사진을 잘 비교해서 보시면, 사파리는 Segoe UI와 나눔고딕이 모두 제대로 표시되는 것을 볼 수 있습니다.
그런데 오페라는 시망... 그냥 첫번째의 Segoe UI만 표시되고 한글이 굴림으로 표시되는걸 보니 Windows의 폰트링크도 먹히지 않는군요......(IE도 되는건데)

Ps. 일요일까지 골든위크 (황금연휴)라서 지금 15시간째 스킨만들면서 노는게 가능합니다. 오해하지 말아주세요(읭)
Posted by 도바토
(디자인 병맛)


제작 5시간째.

점점 틀이 잡혀져 가는군요...

CSS로 꾸미는 손맛이 억수로 부드럽네요.

처음 만들어보는 거라 일부분은 다른 스킨을 참고하면서 만들고 있습니다.

Posted by 도바토



만드는게 생각보다...빠르네요?

현재 40% 정도 완성했습니다. 위 스크린샷은 그냥 초기 과정이에요.
스타일이 전혀 적용되지 않은 뼉다구가 보이시죠?

가능하면 오늘 안에 완성해서 적용해 보이겠습니다.
Posted by 도바토
구글 크롬으로 제작



Paint.NET으로 대충 그렸습니다.

혼자만 쓰지 않고 배포도 해볼 생각입니다.

목표는 연휴가 끝나는 일요일이 끝나기 전에 제작 완료하기!!!!

과연 아무것도 안하는 잉여블로그에서 탈출할수 있을까요?
Posted by 도바토
(TC에서 넘어오신 관블기능이 그리우신 분들을 위하여)

티스토리 오면서 가장 아쉬웠던 게 굉장히 체계적인 관심블로그였습니다... -_-

네이버 이웃커넥트를 쓰면 관심블로그를 흉내내는 정도는 할 수 있습니다.


태터툴즈 계열 블로그는 전부 등록 가능한것 같습니다.

이름이라든지 디자인이라든지 맘에 안들지만 텍큐끼리만 교류가능한 관심블로그 시스템보다는 개방적이네요.

스킨 HTML 편집에서 <s_sidebar_element> 태그를 써서 넣어주시면 됩니다. 저를 이웃에 등록하는 것도 잊지 말아주세요~(
Posted by 도바토