티스토리 툴바

사용자 삽입 이미지
안녕하세요. 디자이니아의 장형진입니다. 이번에도 또 스킨을 들고 나왔습니다. 이젠 정말 마지막입니다 :) 한동안 좀 쉬면서 에너지 충전좀 하고 오겠습니다 ㅋㅋ 본론으로 돌아와서! Safari skin 버전 1.0을 배포하게 되었습니다. 이 스킨은 웹 브라우저 사파리의 내장되어있는 RSS리더의 디자인을 본따서 만든 스킨입니다. 매우 깔끔하고 가볍습니다.(나만 그런가?) 이미지 또한 무척이나 적게 들어가 있어서 로딩도 빠릅니다. 또 하나의 큰 특징은 이 스킨은 고정폭이 아닌 가변폭 스킨입니다. 브라우저 창의 넓이에 %로 짜여지는 레이아웃 구조입니다. 너무 작게 하시면 오른쪽의 사이드바가 처지는 현상이 있지만 그렇게 작게 보실분이 없으리라 믿고(이런) 배포했습니다. 버그나 피드백은 이 글의 댓글로 남겨주시면 감사히 받고 다음 버전 배포에서 수정을 하도록 하겠습니다.

Safari Skin Ver1.3 Update:08-01-04
배포후에 생각보다 많은 분들이 좋게 봐주시고 사용해 주셔서 전버전에 미흡했던 부분을 매꿔서 다시 올립니다.
버전 1.3에서 업데이트 된 내용입니다.
  1. 세부적인 스타일 시트가 추가되었습니다.
  2. 사이드바에 지정되어 있지 않던 엘리먼트들을 몇가지 추가하였습니다.
  3. 사이드바의 배경색이 문서 최하단까지 이어지도록 만들었습니다.
  4. Division의 종속관계가 살짝 바뀌었습니다.
  5. 방명록에 수정버튼과 답글버튼이 제대로 표기되지 않던점을 바꿨습니다.
  6. 누락된 이미지들을 추가했습니다.
  7. index.xml의 부족한 설정을 다시 채워넣었습니다.
  8. 본문이 짧을 경우 사이드바도 같은 위치에서 짤리는 현상을 수정했습니다.
  9. 그 외 눈에 뵈는 자잘한 문제점들을 고쳤습니다.
Safari Skin Final Update:08-01-08
  1. 결국 사이드바의 길이가 늘어나는 걸 포기했습니다.
  2. wrapper에 적용되있던 overflow속성을 제거해 더이상 짤리지 않습니다.

본문을 길게쓰시거나 짧더라도 사이드바가 짤리는게 상관없으신 분(비ie계열은 거의 짤리는 현상이 없긴 합니다만 혼자 매니악적인 느낌으로 쓰실분이라던가 ) 은 ver.1.3을 받아주시구요

사이드바가 짤리지 않는 본문이 더 깔끔한 버전을 받으시려면 Final버전을 받아주시면 됩니다.


전 버전을 사용하시던 분은 새로 업데이트 해주시길 바라겠습니다. 티스토리를 사용하시는 분께서는 전 스킨과의 충돌을 막기 위해 업로드 된 스킨 파일을 모두 삭제 해주신 다음에 업로드 해주세요. 적용후에는 컨트롤+F5를 눌러서 새로고침 해주시면 됩니다.

큰 이미지 미리보기


Comments

  • PPoZZak 2008/01/01 17:05 댓글 수정

    오호호호!
    이걸로 스킨 바꿔야겠네요..
    적용해 볼께요 ㅋ!

  • 우주 2008/01/01 23:04 댓글 수정

    스킨이 맘에 들기는 한데 옆에 카테고리 부분에 글자 부분만 하얗게 나와서 좀 그렇네요 어떻게 고칠수 없나요? ㅠㅠ

  • MinWoo 2008/01/02 10:39 댓글 수정

    이거 혹시 티스토리에도 적용 되나요?

  • 겸이 2008/01/04 00:56 댓글 수정

    스킨을 적용해 봤습니다.
    그런데 몇가지 버그가 있는거 같아서요.

    우선.. 관리자 로그인이 되어야만 블로그 메뉴바가 출력됩니다.
    그리고 로그인 여부에 상관없이 블로그 이미지와 관리자 모듈은 출력되지 않는군요.
    또, 공지사항 모듈은 Notice 버튼과 공지사항글이 겹쳐 보이는군요.
    확인좀 해 주셨으면 좋겠습니다.
    사이드바를 통해서 수정을 할수 있는 것은 좋군요. ^^

    참.. 적용한 홈페이지는 http://kyumee.tistory.com 입니다..

    • 장형진 2008/01/04 01:17 수정

      사이드바부분에 제가 설정해놓지 않은 엘리먼트들이 예상치 못한 오류를 발생시키고 있네요 :( 메뉴바는 확인해본 결과 이미지가 제대로 로드 되고 있지 않습니다 ㅠㅠ 업로드가 잘 되었는지 확인해주세요. 추가 사이드바 엘리먼트에 대한 내용은 다음 패치때 적용하도록 하겠습니다. 금방 업데이트 할테니 기다려주세요 :)

  • 겸이 2008/01/04 03:01 댓글 수정

    업로드를 다시 해봐도 마찬가지이군요.
    다시 한번 확인 부탁 드립니다. ^^
    업데이트 빨리 되기를 기다려야 하겠군요..

  • nullvana 2008/01/04 03:48 댓글 수정

    정말 스킨감사합니다. ^^ 그동안 가변폭 스킨이 없어 큰 이미지 링크할때 짤려서... 오체불만족이였습니다만 이제 좀 숨통이 트이는군요.

  • Zet 2008/01/04 08:46 댓글 수정

    간지 나는군용

  • 마티오 2008/01/04 15:29 댓글 수정

    사파리 +ㅁ+..
    정말 가로폭 넓고 심플한 블로그를 위해서는 안성맞춤인것 같습니다~

  • 겸이 2008/01/04 15:53 댓글 수정

    우와 빠른 업뎃 감사합니다 ^^
    바로 적용해 보았어요..
    근데 블로그 프로필 이미지는 원본 사이즈 그대로 출력되는 건가요??
    크기가 늘었다 줄었다 하는거 같아서요.. ^^;;
    그리고.. 방명록을 볼수가 없어요..
    어디에도 방명록을 쓸수도, 볼수도 없군요..
    또하나.. 관리자 모듈이 사이드바에서 빠졌군요..
    일부러 빼신건가요?
    대답 해 주시면 감사하겠습니당.. ^^

    • 장형진 2008/01/04 16:53 수정

      지금 확인해 봤는데 문제점은 여전하네요. 일단 관리자 모드는 제가 편의상의 이유로 제거했습니다. 지금 겸이님의 스킨파일을 보니까 images폴더안의 내용물이 모두 누락되더 있더군요. 혹시 다운로드 받으신 압축파일의 내용물에 images폴더가 누락되있으신가요? 제가 확인해본 결과 스킨자체에 결함은 없어보이는데요 ㅠ 제가 말씀드린대로 업로드 되있는 파일을 모두 삭제한 다음에 업로드 하셨나요?

    • 장형진 2008/01/04 17:08 수정

      그리고 사이드바의 이미지는 넓이에 따라 사이즈가 작아졌다 커졌다 합니다 ^^

  • 겸이 2008/01/04 17:11 댓글 수정

    아하.. 그런 거군요.. ^^
    이미지 폴더는 다시 업로드를 했습니다.
    그냥 폴더를 선택하면 되는줄 알고.. ^^;;
    다시 업로드를 하니 제대로 출력 되는군요..
    다음 업뎃을 기다리겠습니다.. ^^

  • 겸이 2008/01/04 17:12 댓글 수정

    근데.. 공지 모듈 겹치는건 어케 해결 안될까요???
    'Notice' 랑 공지 첫글 제목이 겹치는군요..

  • 겸이 2008/01/04 17:24 댓글 수정

    ㅎㅎ 지금 다시 확인해 보니 공지 모듈도 잘 적용 되는군요. ^^
    이것도 버그라면 버그인지 모르겠는데요..
    본문 내용이 짧을 경우 우측 사이드바가 짤려 버리네요..
    다음 업뎃에 참고해 주세요.. ^^;;

    • 장형진 2008/01/04 17:46 수정

      빨리 알려주셔서 감사합니다 ㅠ. 지금 가상머신이 맛이 가는 바람에 ie에서는 확인을 못했네용 ㅠㅠ 수정했습니다. 새로 다운로드 받으셔서 style.css만 새로 업로드 해주시면 됩니다 :)

  • 겸이 2008/01/04 18:06 댓글 수정

    style.css 새로 업로드 했는데요..
    여전히 사이드바는 짤리는군요..
    다시 한번 확인 부탁드려요.. ^^;;

    • 장형진 2008/01/04 22:29 수정

      이쯤되니 힘드네요 ㅋㅋ 수정했습니다. 부디 오류가 없길 바랍니다. 다운로드 받으셔서 덮어쓰시면 됩니다.

  • 2008/01/05 02:03 댓글 수정

    비밀댓글입니다

    • 장형진 2008/01/05 09:02 수정

      지금보니까 잘하셨는데요? h3의 스타일에 border-bottom:픽셀값 스타일 색상; 이렇게 하시면 되요:) 밑에 간격을 좀 벌리고 싶으시다면 padding-bottom:Xpx;해주시면 되요 ㅎ

  • Arashiel 2008/01/04 23:40 댓글 수정

    제가 텍스트큐브를 써서 그런 걸지는 모르겠지만 여전히 IE7에서 사이드바 부분이 잘려서 나옵니다.

  • moon2012 2008/01/05 14:34 댓글 수정

    장형진님 블랙다이어리에서 저도 이스킨으로 바꿨습니다 ^^
    장형진님 덕에 요즘 스킨 공부하기 재미들렸다는...ㅠ

    이스킨에다 이곳에서 스킨변환하기?? 공부하다 들어간 테마뷰에서 본
    스킨디자인 색상 살짝 섞어서 쓰고 있는데요...

    guestbook, comment부분에 이름,비밀번호,홈페이지 외곽선이 왜
    안보일까요? textarea부분과 똑같이 boder:1px solid #ccc 있는데
    textarea부분만 외곽선이 보여요
    제가 background를 transparent로 한거랑 관련이 있을까요?

    또하나..
    이름,비밀번호 입력칸이 똑같이 150px인데
    왜 길이가 다르게 표시될까요?

    골치아프게 해드려서 죄송합니다 ^^;

    • 장형진 2008/01/05 18:03 수정

      제가 몹쓸짓을 했네요 ㅋㅋ 문제되는 사이트를 보여주시면 빠른 해결이 가능합니다. 이름등을 입력하는 폼은 input이니까 따로 input에 스타일을 주면 될겁니다 ~ 자세한 답변을 들으시려면 문제 되는 페이지를 알려주세요

  • 버그니? 2008/01/05 15:33 댓글 수정

    깔끔 하네요~ 가변폭이 장점으로 보이네요~

  • MinWoo 2008/01/05 15:34 댓글 수정

    저도 IE7에서 사이드바 잘려서 나오네요..

    • 장형진 2008/01/05 18:04 수정

      조만간 이 내용에 대해서 업데이트를 하겠습니다. 지금 가상머신이 맛이 가는바람에 ie계열의 브라우저 테스팅을 하지 못한 상태입니다. 업뎃전까지는 본문의 길이를 적당히 길게 해주시면 짤리지 않습니다.

  • Arashiel 2008/01/08 20:56 댓글 수정

    업데이트만 기다리고 있습니다. 어서 수정되길. ^^

  • 겸이 2008/01/10 01:06 댓글 수정

    사이드바가 아닌 본문에 애드센스나 올블릿을 추가하고 싶습니다.
    어떻게 하면 될까요?
    코드를 수정하려고 보니.. 복잡해서.. ^^;;
    어느 사이에 넣어주면 될지 좀 알려 주세용..

    • 장형진 2008/01/10 01:19 수정

      <div class="article">
      [/##_article_rep_desc_##/]
      </div>
      이부분이 본문을 출력하는 부분입니다. 저 div안에 삽입해주시면 됩니다 :)

  • 날파름 2008/01/14 16:03 댓글 수정

    티스토리의 다음 블로그 뉴스 플러그인을 사용했을때,
    다음 블로그 뉴스 추천버튼이 나타나지 않는 것은 어떻게 해야하는지 알렺세요. ^^;

    • 장형진 2008/01/14 20:49 수정

      글쎄요... 그 플러그인이 어떻게 출력되는지 메커니즘을 모르는지라요.. 티스토리에 문의해보심이 빠를듯 합니다.

  • 주난군 2008/01/17 20:02 댓글 수정

    최근글에서 방명록이나 최근댓글을 클릭하게되면
    본문내용이 안보이고 댓글만 보이는 현상이 있어요aa
    (정확하게는 댓글위쪽으로 내용이 다 짤려서 나오네요.)
    어찌 수정해야할까요?

  • 주난군 2008/01/18 09:21 댓글 수정

    ie 7에서도 같은 증상이 나오고요
    ff 2.0.0.11 버전에서도 짤리는현상이 있네요aa

    이 현상이 나왔다 안나왔다해서..; 어찌 설명을aa
    화면을 캡쳐해놓은게 있기는 합니다만..

  • 백스 2008/01/28 14:20 댓글 수정

    안녕하세요~ 스킨 이쁩니다.
    다 좋은데 폰트 사이즈 고정은 불가능 한건가요~
    익스 설정에 따라서 폰트 사이즈가 변해서 폰트 사이즈가 클경우에 상단 프레임(?)에서 글자가 잘려버립니다.
    DisignNia 1.5에서도 마찬가지구요. css 수정해야하는건가요?

    • 장형진 2008/01/28 16:30 수정

      스킨들이 편의성을 위해 em단위(가변폭)을 채택하고 있습니다. IE의 폰트 설정을 '보통'으로 놓아주시거나 Opera같은 줌 브라우징을 지원하는 브라우저를 사용하시면 해결될 문제입니다. 하지만 고정폭 글꼴을 사용하시고 싶으시다면 해당 CSS의 em을 절대값 px로 수정해주시면 됩니다.

  • 겸이 2008/01/28 17:13 댓글 수정

    지금 이 블로그처럼..
    제 블로그에도 댓글 달기 창이 기본으로 떠있게 하고 싶어요..
    어느 부분 수정해 주면 될까요?
    알려 주시면 감사하겠습니다..
    댓글 달기가 안떠 있으니 댓글을 어디다 달아야 하는지 모르는 분들이 있는거 같아서.. ^^;;

    • 장형진 2008/01/28 20:35 수정

      티스토리 기준 오너->환경설정 ->화면설정에 보시면 기본으로 댓글을 펼침에 체크해주시면 됩니다 ^^

  • 겸이 2008/01/28 22:04 댓글 수정

    아핫.. 역시 초보 티가.. ^^;;
    감사합니다~~

  • 구여운영 2008/02/13 14:02 댓글 수정

    스킨 모셔갑니다. 늦었지만, 새해 복많이 받으세요~

  • demun 2009/10/19 11:42 댓글 수정

    안녕하세요. 가변폭스킨을 찾아 찾아 여기까지 왔네요.
    제가 스킨에 대해서 아는것이 없습니다. 초보적인 질문좀 드릴게요.
    1.사이드바를 고정폭(예;200px)로하고 본문만 가변폭으로 하고 싶습니다.어떻게 해야하나요?

    2.사이드바를 200px로 고정하고 해상도를 올리니 본문과 사이드바의 간격이 점점 멀어지는데 이건 어떻게 수정해야하나요?
    예를들어 해상도변경을 해도 간격이 10px 일정하게 나오게하려면?

  • Click bob hairstyles 2011/12/27 18:44 댓글 수정

    성된 것 You can become blind by seeing each day as a similar one. Each day is a different one, each day brings a miracle of its own. It's just a matter of paying attention to this miracle. I want to know where to find bob hairstyles 2012, do you?

  • oferte preturi 2012 2012/02/01 20:19 댓글 수정

    성된 것 The opportunity for doing mischief is found a hundred times a day, and of doing good once in a year. I want to know where to find oferte preturi 2012, do you?

  • magyar naptar 2012 2012/02/10 23:29 댓글 수정

    성된 것 Now we're in the midst of not just advocating for change, not just calling for change - we're doing the grinding, sometimes frustrating work of delivering change - inch by inch, day by day. I want to know where to find magyar naptar 2012, do you?