OneRoom 3단 스킨 배포합니다.

스크린 샷



스킨 정보

워드프레스용 스킨인 One Room Wordpress theme를 티스토리용으로 변환하였습니다.
3단 레이아웃에 본문 이미지 최대 너비는 480px입니다.

기존 티스토리용 스킨과는 조금 색다른 느낌을 주는 디자인에 댓글 부분 등이 독특합니다 :)


스킨 미리보기

http://www.ibizstory.com/


Typography 확인 

http://www.ibizstory.com/845


스킨 설치방법

티스토리 관리 센터 기준으로 설명드립니다.

1. 첨부한 압축파일 해제
- skin.html 등 5개 파일과 2개 폴더(images, LOGO)가 생성되면 정상입니다.
2. 티스토리 센터 내 상단 "스킨" 메뉴 클릭
3. "새 스킨 등록" 클릭
4. skin.html 등 5개 파일 업로드
5. images 폴더 안의 모든 이미지 파일 업로드
6. 새 스킨 등록 후 바로 연결되는 화면(또는 저장한 스킨 목록)에서 새로 등록한 스킨 "적용" 클릭


스킨에 대한 피드백

http://www.ibizstory.com/849

스킨 사용상의 문의나 요청사항은 본 포스트에 댓글로 남겨주세요.


파일다운로드


2009년 6월 9일

- 최초 공개버전

2009년 6월 14일
- 상단 티스토리메뉴바 겹침 현상 해결
- IE 이미지 리사이즈 계단현상 해결(미리누리는천국님 포스트 참고)

※ 본문 width 550px 수정버전
- 본문을 넓게 사용하실 분은 이 버전을 이용하세요.

2009년 6월 22일
- 이미지를 스킨폭에 맞게 자동 조정해주는 스크립트 포함(OLokLiR님 포스트 참고)

※ 본문 width 550px 수정버전

※ 본문 width 1024px 수정버전
- 공존하는님 요청버전

※ 본문 width 900px 수정버전
- mactopia님 요청버전

※ 본문 width 700px 수정버전
- Uddong님 요청버전

※ 본문 width 600px 수정버전
- 하늘봐님 요청버전
저작자 표시 비영리 동일 조건 변경 허락
신고

    이전 댓글 더보기
  • 답변 감사합니다 ^^;

    좋은 하루 되세요 ~

  • 멋진 스킨이네요.
    ^_^;; 좋은스킨 감사합니다.

  • 이런 저런 스킨을 써보고 또 만들어보다가 아이헌터님의 컨버팅 스킨이 너무나 맘에들어 제 편의에 맞게 약간수정해서 쓰고있습니다 좋은 스킨 컨버팅 감사드립니다^^

    • 와~ 수정을 많이 하셔서 그런지 완전히 다른 느낌이네요^^
      저도 스킨 꾸미는 걸 좋아합니다. 결국 직접 컨버팅까지 하게 됐습니다만, 점점 블로그가 진화(?)하는 느낌에 만족감이 크더라구요.^^
      계속 좋은 블로그 꾸며 나가시길 빌께요~

  • 안녕하세요~ 헌터님
    덕분에 너무 멋진 스킨을 받았네요~ 현재 사이즈는 600으로 사용하고있습니다~

    너무 맘에 들어요 근데 2개만 좀 가르쳐주실수 잇나요 ㅠ ㅠ??
    제가 완전 초보라. 상단에 notice 카테고리를 클릭하면 화면이 뒤틀리네요ㅜ ㅜ
    그리고 역시 카테고리에 타이포그래피<-- 이거 없앨 수 있을까요??

    좀 부탁드릴게요~

  • 감사합니다 잘쓰고 있습니다 정말 좋은스킨을 소개 시켜주셨네요^^

    • 직장인이라 바로바로 인사들 못드리네요.
      댓글까지 남겨주셔서 감사드리구요, 아이폰를 사용하는 1人으로써 블로그 글 읽으러 종종 방문 드리겠습니다.^^

  • 감사합니다~~^^ 잘쓰겠습니다~ 복받으세요~ㅎㅎ

    • 이용해주셔서 감사합니다.^^
      2010년도 얼마 안남았네요. 마무리 잘하시고, 따듯한 연말 보내세요~

  • 이게 정녕 티스토리 스킨이란 말씀인가요? ㄷㄷㄷ
    당장 700px용을 제 블로그에 적용하기 위해 달려갑니다!!!!!

    고맙습니다! Thank you! Danke Schoen! 아리가또!

    • 앗.. BLUEnLIVE님..
      티스토리에서 블로그 처음 시작할 때, BLUEnLIVE님의 플래시 태그 클라우드를 사용했던 기억이 남는데, 방문해주셔서 반갑습니다.
      스킨 이용해주셔서 제가 영광이구요.^^
      즐거운 크리스마스 보내세요~

  • 폰트를 나눔글꼴로 바꾸고 싶습니다. -0- 그게 쉽지가 않아서 질문드립니다.

    위에 댓글을 찾아보니 169번줄과 그 아래에 것 수정하면 된다는데, 너무어려워서 이렇게 질문을 합니다.

    어떤부분을 어떻게 고쳐야 하나요..

    • 안녕하세요? 답변이 늦어서 죄송합니다.
      일단 티스토리는 CSS 적용을 style.css 파일로 별도 처리하고 있습니다.(관리자에서 직접 수정할 수도 있고, 파일을 따로 업도르 할 수도 있습니다.)
      style.css 파일을 보시면 페이지 각 부분에 대해서 어떻게 보여줄 지 정의되어 있는데, 본문 부분이 169번째줄에 있는 .post 부분입니다.
      여기서 글씨크기는 font-size를 조정하시면 되고, 폰트체는 그 밑에 있는 .entry의 font-family를 고치시면 됩니다.

      참고로 해당부분의 제 css 설정을 보여드릴께요.

      .post{clear:right;display:block;float:right;padding:5px 20px 20px;width:550px;font-size:12px;}
      /*.post h2{margin:25px 0 15px}*/
      .post h2,.post h3,.post h4,.post h5,.post h6{margin:15px 0}
      .post ul li{background:url(images/ul-post-arrow.jpg) no-repeat 0 9px;margin:0;padding:5px 0 5px 10px}
      .entry{width:550px;color:#333;font-family:'Malgun Gothic','맑은 고딕','NanumGothic','나눔고딕',Arial,Verdana,Tahoma,"Trebuchet MS","Times New Roman","Helvetica Neue",Helvetica,sans-serif;line-height:160%;}

    • 답변 감사합니다. 말씀하신대로 수정했습니다.

      하지만, 수정되는 글들이 몇개로 정해져 버리네요 -0-

      그래서 말인데, 본문에 입력된 글들 소스를 일괄적으로 수정하는 방법은 없을까요??

      예를들어 html로 작성된 글 중간의 글시체를 굴림 -> 나눔글꼴로 바꾸는 형태 말입니다.
      뭐, ctrl+f 해서 항목을 바꾸는 것도 있지만, span이나 font로 지정된 글들이 있는데, 그런 항목들을 빼버리고 싶은데, 그런 프로그램이나 바꾸는 방법이 있는지 알고싶네요^^

      자꾸 귀찮게 해드려서 죄송합니다.
      그리고, 얼마남지 않은 올해 마무리 잘하시고..

      Happy New Year~!! ^^

    • 벼룩이님 안녕하세요?
      답변이 너무 늦어서 죄송합니다.

      글씨체 관련된 부분은 원칙적으로 css 파일 내에서 설정하게 되어 있습니다.
      일괄적으로 바꿀 수 있으면 좋겠지만, 각 영역마다 설정이 되어 있고, 다른 속성보다 우선적으로 적용되게끔 우선순위를 높여놓은 것들고 있고 해서 일괄적용은 다소 어렵습니다.
      귀찮겠지만, css 파일 내에 폰트 설정 부분 모두에 원하시는 글씨체를 추가하셔야 될 것 같습니다.
      (저는 편집툴로 EDITPLUS를 사용하고 있는데 전부 변경하는데 생각보다 오래 걸리지는 않습니다.^^)

      늦었지만, 새해 복많이 받으세요~!

  • 이 스킨의 매혹에 빠진 한사람입니다. ^^

    포스트부분 폰트나 폰트 크기는 위에 설명한걸 보면서 해결은 한것 같습니다.

    그런데 포스트 제목 폰트와 폰트 크기는 또 어디서 수정을 해야 하는지 알수 있을까요?

    • 답변이 늦어서 죄송합니다.

      css 파일에서 146번째 정도 줄부터 보시면 아래와 같은 부분이 있습니다.

      /***** Content *****/
      #pageWrapper{background:#FFF url(images/content_bg.jpg) repeat-y 0 0}
      #content{display:block;float:left;overflow:hidden;padding-left:4px;width:750px}
      #content h1,#content h2,#content h3,#content h4,#content h5,#content h6{color:#33352C;font-family:Georgia,"Times New Roman",Times,serif}
      #content h1{color:#33352C;font-family:'Malgun Gothic','맑은 고딕','NanumGothic','나눔고딕','바탕','Serif';}

      위 내용에서 제일 마지막 h1 속성 부분에서 수정하시면 됩니다.

      새해 복 많이 받으세요~

  • 잘 사용하겠습니다.
    여러 버전으로 변환해 주시고 참 친절하십니다.^^

    그런데 사이드바의 각 항목을 클릭하면 닫히고 또 클릭하면 열리는데 몇 가지는 닫아 놓고 싶은데 어디를 수정해야 하나요?

    • 답변이 너무 늦어 죄송합니다.
      블로그 관리할 시간이 너무 안나네요.ㅠㅠ

      문의하신 부분은 skin.html 중에서..
      850번째줄 넘어서부터 우측 사이드바 내용인데.
      각 사이드바 항목마다 보시면 class="show_widget"이라는 부분이 있습니다.
      이 부분을 class="hide_widget"으로 수정하시면 해당부분은 닫힌 상태로 시작하게 됩니다.

      늦었지만 새해 복많이 받으세요~

  • 아이헌터님 안녕하세요. 제 블로그에 아이헌터님 스킨 배포 링크연결 해놨습니다. 혹시 문제되면 말씀주세요. 그리고 배포해주셔서 정말 감사합니다. ( http://hanstory.tistory.com/10 )

  • 스킨이 너무 깔끔하네요...^^
    폭 때문에 조금 고쳤는데... 잘쓰겠습니다..~

  • 최근에 스킨을 어떤걸로 바꿀까 하고 이것저것 변경하다가
    결국 이 스킨으로 적용했습니다.
    전체적으로 깔끔하고 여기저기 아이콘이 례쁘게 들어가있네요 ^^

    스킨 너무 감사합니다.
    잘쓰겠습니다.

  • 참 ibizstory님 카테고리 배경색은 dee1d8 이걸로 넣으면 된다는
    문구를 작성된 글에 추가시켜주시면 좋을꺼 같습니다 ^^

  • 좋 은 정보 머릿속 에 기억 했 다
    감사 나 눔

  • 좋은 자료감사드립니다!!!

  • 감사합니다 ^_^
    좋은 스킨 덕에 제 블로그가 예뻐졌습니다 ^_^

  • 감사합니다.
    근데 본문 배경색은 어떻게 바꾸나요.

  • 안녕하세요? 헌티님 ^_^

    너무 멋진 스킨인 거 같아서 제 블로그에 적용하고 싶은데
    혹시 시간되신다면 본문 크기 740 짜리 수정본 하나만
    부탁드려도 될까요? ^_^

  • 안녕하세요. TISTORY입니다.

    티스토리 블로거가 제작한 스킨을 홍보할 수 있는 공간을 마련하였습니다.
    티스토리 홈에 ‘스킨’ 게시판입니다.

    오픈 공지 : http://notice.tistory.com/2228
    스킨 게시판 : http://www.tistory.com/skin

    제작한 스킨을 ‘스킨’에서 홍보해보세요~!

    감사합니다.

Write your message and submit

티스토리 툴바