티스토리 스킨자료

Design/Web 2007. 2. 25. 01:07
Jasu's blog에서 사용한 스킨 자료를 올립니다.

익스플로러와 기타 브라우저(파이어폭스)에서의 호환 문제로 인해서 아직도 정리가 제대로 되지 않았지만 기다리시는 분들이 있으신 듯 싶어서 일단 모자른 자료를 올리도록 하겠습니다.

자료는 모두 5개입니다. 사용 방법은 아래와 같습니다.






사용자 삽입 이미지








-------------------------------------------------------------------------
1. 사용자스킨HTML - 이것은 티스토리 스킨->스킨편집에 들어가시면 상단에 있는 텍스트 자료입니다.

2. 사용자스킨CSS - 이것은 티스토리 스킨->스킨편집에 들어가시면 하단에 있는 텍스트 자료입니다.
-------------------------------------------------------------------------
3. bg.swf - 플래시로 만든 배경 파일입니다.

4. logo.png - 로고가 들어가는 이미지입니다. 배경이 투명한 png 파일로 가로 200px, 세로 200px 사이즈로 만들어서 올리시면됩니다. 파일명은 반드시 logo.png로 하시기 바랍니다.

5. flash.js - 플래시를 임베드 스키기 위한 파일입니다. (수정하실 필요없이 그냥 업로드 하시면 됩니다.)
-------------------------------------------------------------------------
위 3, 4, 5번 파일은 스킨->스킨편집에 들어가시면 하단에 파일업로드를 통해서 업로드 하시면 됩니다.



그리고 여기서 주의할 점은 1단 기본스킨은 아래와 같은 것으로 적용한 후에 위 과정을 진행하시기 바랍니다.

사용자 삽입 이미지

이렇게 파일을 수정, 업로드 하시고 티스토리에서 기본적으로 제공하는 환경설정을 변경하셔서 사용하시면 되겠습니다. 스킨 제공자(Designed by JASU)는 표시해 주시면 고맙겠습니다. 그리고 플래시 배경은 시간이 나는대로 주기적으로 제 블로그의 이 포스트를 통해 업로드 해 놓도록 하겠습니다.

감사합니다.

------------------------------------------------------------------------------------------
태터툴즈에서의 적용 방법
http://jasu.tistory.com/80#comment1462574
스킨을 사용해보신 어떤 분이 올려주셨습니다.
간단한 사용팁인데 저는 태터툴즈를 사용하지 않는지라 이분의 글을 링크겁니다. 태터 사용자분들중 자세한 스킨 적용팁을 올려주시면 업데이트 하겠습니다. 감사합니다.

    

설정

트랙백

댓글

  • 이전 댓글 더보기
  • 2007.03.04 12:10 ADDR 수정/삭제 답글

    비밀댓글입니다

    • jasu 2007.03.05 01:40 신고 수정/삭제

      기본적인 스킨은 위와 같이 공개해 놓은 상태입니다. 그 이후에 수정하는 것들은 개인적인 블로그를 꾸미기 위함이니 양해 바랍니다. 감사합니다.

  • keit 2007.03.04 15:09 신고 ADDR 수정/삭제 답글

    감사 합니다 잘 사용하겠습니다^^

    • jasu 2007.03.05 01:39 신고 수정/삭제

      네... 감사합니다. 즐거운 블로깅 하세요...^^

  • joobba 2007.03.07 11:26 신고 ADDR 수정/삭제 답글

    좋은 스킨...감사합니다.
    근데 제 블로그는 이상하게도 카테고리부분이 덮여 싸이는 것 같은데
    어떻게 해결해야 할지 모르겠네요.

    • jasu 2007.03.07 13:08 신고 수정/삭제

      카테고리 부분의 배경색은 관리자에서 환경설정 - >화면설정으로 들어가셔서 아래에 보시면 카테고리 색 조정하는 곳이 있습니다. 어두운 계열의 색으로 배경색을 바꾸시면 안보일겁니다.

  • joobba 2007.03.07 19:08 신고 ADDR 수정/삭제 답글

    수정되었습니다.
    잘 사용할께요.^^

    • jasu 2007.03.07 23:24 신고 수정/삭제

      네... 즐거운 블로깅하세요..^^

  • hyange 2007.03.13 04:24 ADDR 수정/삭제 답글

    Jasu님 적용이 잘 안되요. 다운로드 받아서 올렸는데.. 관리자 모드에서 적용시키기도 했는데.. 플래쉬가 안 나와요. 경로가 틀렸나해서 images 폴더도 만들어서 넣어봤는데도.. 플래쉬가 안 나와요..ㅜ_ㅜ

    • jasu 2007.03.13 09:26 신고 수정/삭제

      안녕하세요...
      테터툴즈를 사용하시면
      http://jasu.tistory.com/80#comment1462574
      위 게시물에 보시면 다른 분이 폴더 위치를 알려주고 있습니다. 저는 테터툴즈를 사용해보지 않아서 확실한 답변을 못해드리겠네요...
      티스토리 스킨을 테터툴즈에 적용한 사례를 찾아보시면 자료들이 있을 듯 싶습니다.
      티스토리에서는 스킨편집에서 파일 업로드를 하면 images/폴더에 업로드가 됩니다.

  • 추장 2007.03.13 18:12 신고 ADDR 수정/삭제 답글

    제건 왜이래요?
    ie 7.0에서 이상케 보입니다?
    그나마 파폭에선 제대로 보이는데....

    • jasu 2007.03.13 19:44 신고 수정/삭제

      파이어폭스와 익스플로러에서 똑같이 보이는 듯 합니다. 사이드바의 위치와 배치는 기본적으로 제공하는 위치로 하시면 밀리지 않을 것 같은데 원하는 위치로 이동할 시에는 약간의 스킨 편집이 필요할 듯 싶습니다. style.css 보시면 사이드바에 해당하는 스킨 내용이 있으니 적당히 고쳐보면서 확인 하시면 감이 잡히실 듯 싶네요...

  • Hitsuzi 2007.03.21 19:04 신고 ADDR 수정/삭제 답글

    너무 좋아요~~ 잘 사용 하겠습니다~~~

  • MORO 2007.03.30 20:10 신고 ADDR 수정/삭제 답글

    너무도 훌륭하네요
    제가 이거 이뻐서 몇일째 스킨 등록하고
    변경할려고 보니 능력이 많이 부족하네요

    몇가지 질문해도 되나요?
    본문 사이즈를 900까지 변경하는것과
    링크를 님처럼 링크제목없고 할려면 어떻게 하는지 알수 있나요?

    조언 부탁합니다

    그리고 스킨 너무 잘 쓰겠습니다

    • jasu 2007.03.31 16:19 신고 수정/삭제

      링크는 skin.html에 보시면 <!-- 링크 --> 부분이 있습니다. 그곳에서 수정을 하시면 됩니다. 저는 참고로 아래와 같이 수정해서 사용하고 있네요
      <!-- 링크 -->
      <div class="link">

      <ul>
      <s_link_rep>
      <!-- <li> -->
      <a href="" onclick="window.open(this.href); return false"> </a> <font color="#990000"> / </font>
      <!-- </li> -->

      </s_link_rep>
      </ul>
      </div>
      그리고 본문을 900으로 하는 것은 여러가지로 고민해 보셔야 할듯싶습니다. 기존 베이스가 되었던 스킨의 본문 사이즈가 하나를 수정해서 적용할 수있는 형태가 아니기 때문에 div 테그의 테이블 사이즈를 모두 수정해 보면서 고쳐나가셔야 할듯 싶네요...
      감사합니다.

    • MORO 2007.04.01 10:52 신고 수정/삭제

      님 친절한 답변감사합니다
      전체적인 레이아웃 변경은 힘들것으로 보이네요...

      링크는 카피해서 일단 해봤는데
      제능력 부족인가 잘 안되네요~

      해보고 잘 안되면 또 문의 드리겠습니다

      휴일 잘 보내세요 ^^8
      감사합니다

    • jasu 2007.04.01 13:44 신고 수정/삭제

      별말씀을요... 언제든지 환영합니다. 제가 아는 범위에서는 알려드리도록 노력하겠습니다. 감사합니다.

  • 2007.04.11 03:01 ADDR 수정/삭제 답글

    비밀댓글입니다

    • jasu 2007.04.11 12:47 신고 수정/삭제

      이미지 처럼 타이틀의 텍스트 크기와 색을 변경할 경우를 예전에 찾아본 것 같은데 skin.html이나 skin.css에서 수정 할 수 있는 부분은 아닌 듯 싶습니다. 아마도 다른 설정 메뉴에서 가능하지 않을까 싶네요...
      그리고 스크롤바의 디자인 css 적용은 skin.css에 보시면 상단에 body 부분의 css를 적용하는 곳이 있는데 그곳에서 적용하시면 될겁니다. 제가 쓰는 스킨도 스크롤바 디자인을 수정하여 사용하고 있네요...

    • 2007.04.12 09:34 수정/삭제

      비밀댓글입니다

    • jasu 2007.04.12 19:40 신고 수정/삭제

      스킨 내에서 사용되는 스크롤 바를 이야기 하시는줄 알았네요... 외각에 있는 브라우저의 스크롤바 스타일 변경은 저도 알아봐야 할 것 같네요..;;

  • 2007.04.14 20:37 ADDR 수정/삭제 답글

    비밀댓글입니다

    • jasu 2007.04.14 19:48 신고 수정/삭제

      저도 찾아보긴 했는데 티스트리는 따로 호스팅을 하지 않고 티스토리에서 제공하는 구조적 형태에서 제공되는 스킨을 사용하기 때문에 블로그의 전체 레이아웃에 해당하는 스크롤바를 컨트롤 할수 없을거 같다는 생각이 듭니다.
      테터에서는 가능할 것으로 생각됩니다.

  • Hn 2007.04.18 14:53 신고 ADDR 수정/삭제 답글

    사용자스킨HTML파일이 깨져있어서 적용을 못하겠습니다.
    저만왜그런걸까요 ^^;

  • nicesoul 2007.04.19 23:18 신고 ADDR 수정/삭제 답글

    안녕하세요. 두가지 질문을 드리고자..
    저는 사이드바가 한줄에 4개씩 나타나지 않습니다
    카테고리,칼렌더,최근글,최근댓글 순으로 나타나지 않고

    카테고리,칼렌더,최근글
    최근댓글
    이렇게 최근댓글이 줄이 바뀌어서 나옵니다. 물론 최근댓글은 사이드바1에 올려져 있습니다.

    현제 사용중이신 스킨의 사이드바의 투명도가 더 높은거 같은데 조절할 수가 있나요?
    nicesoul.com 에서 한번 확인 부탁드립니다.

    • jasu 2007.04.19 23:30 신고 수정/삭제

      최근댓글이 아래로 내려가는 것은 css에서 사이드바의 가로 길이를 container 가로 길이를 벗어나서 그럴거 같습니다. 익스 7.0, 불여우 2.0에서는 제대로 보이나 익스6.0 버전에서는 벗어나는 길이만큼 아래로 밀리기 때문에 그런 현상이 발생합니다.

      sytle.css 부분에서 아래와 같은 부분을 찾아보시고 width 숫자를 조정하시거나 margin값을 조정해 보시면 해결하실 수 있을 것 같습니다.
      .sideinfo .category{width:180px; margin-left:5px; margin-right:12px; float:left; }
      .sideinfo .recentPost{width:180px; margin-right:12px; float:left;}
      .sideinfo .recentPost .cnt{color:#cccccc;}
      .sideinfo .recentComment{width:180px; margin-right:12px; float:left;}
      .sideinfo .recentTrackback{width:180px; float:left;}
      ============================
      그리고 사이드바 투명도 문제는 style.css에서 "opacity"이 키워드로 찾아보시면 alpha(opacity=88); opacity:0.88; 이렇게 적용한 부분이 나오는데 그 숫자를 조정해 주시면 됩니다. 두가지를 적용한 이유는 앞에 것은 익스플로러에서의 알파 형태고 다음 것은 불여우에서의 알파 적용입니다. 익스에서는 퍼센트로 나타내니 88%이고 불여우에서는 0~1 값을 갖으니 0.88로 적용하시면 됩니다. 이 숫자는 님이 원하시는 농도로 조정하시면 될듯합니다. 감사합니다.

  • sam 2007.05.30 20:53 ADDR 수정/삭제 답글

    보기 드믄 사이트 입니다.ㅎㅎ 모든면에서 친절 하시군요.

    • jasu 2007.05.30 21:07 신고 수정/삭제

      별말씀을요...말씀 감사합니다. 저도 제가 아는 범위 안에서는 알려드리리고 찾을 수 있으면 찾아서 알려드리지만 여유가 없을 때는 모른다는 핑계로 찾는 것을 포기할 때도 많네요...^^ 무엇보다도 그런 것들이 저에게도 공부가 되고 도움이 된답니다.

  • exzon 2007.06.06 04:54 신고 ADDR 수정/삭제 답글

    정말 멋진 스킨 감사합니다~ 바로적용해서 쓰고 있어요~ 로고도 자수님 비스무리 살짝 따라했는데 괜찮겠죠?^^;
    멋진 스킨 잘쓰겠습니다^^

    • jasu 2007.06.06 14:48 신고 수정/삭제

      ^^ 감사합니다. 멋지고 좋은 포스트로 블로그 잘 꾸며나가시길 바랍니다.

  • 페이퍼™ 2007.07.18 04:42 신고 ADDR 수정/삭제 답글

    좋은 스킨 감사합니다...^^;;
    사진 포스트 용으로 넓이도 바꾸고...
    이리저리 약간 손을 봤습니다...^^

    • jasu 2007.07.18 15:09 신고 수정/삭제

      네...말씀 감사합니다. 즐거운 블로깅 하세요...^^

  • Khaos Skyler 2007.08.03 10:55 신고 ADDR 수정/삭제 답글

    정말 아름다운 스킨이네요. 정말 감사히 쓰겠습니다.

    • jasu 2007.08.03 12:08 신고 수정/삭제

      아고...감사합니다. ^^ 잘 사용하세요...

  • blumond 2007.10.19 04:53 ADDR 수정/삭제 답글

    안녕하세요.
    텍스트큐브를 알아보다가 마음에 드는 스킨이 있어서 찾아오게 되었습니다.
    설치형 블로그는 처음이라 이것 저것 하다보니 시간 가는줄 모르겠네요.
    스킨 감사히 잘 사용하겠습니다.
    좋은 하루 되세요.

    • jasu 2007.10.19 09:34 신고 수정/삭제

      감사합니다. 스킨을 보니 카테고리 텍스트 배경색을 지정 안하신듯 하네요 관리자 페이지에 가시면 카테고리 배경색을 지정할 수 있습니다. 그리고 사이드바 아래로 밀려나는 것은 사이드바의 가로 간격을 조정해 보시면 될것 같네요... 배포하려고 했던 것이 아닌지라 어색한 부분이 많습니다. 적당히 수정해서 사용하세요..^^

  • Nerolarc 2008.01.22 21:39 ADDR 수정/삭제 답글

    안녕하세요.
    배경에 플래시를 삽입할 수 없을까 고민하다가 흘러들어왔네요.
    자수님 덕분에 해결 되었습니다.
    사실 스킨틀이 제가 사용하는것과는 달라서 플래시 출력부분만 갖다 썼습니다.
    임의로 수정한점 양해바랍니다 ^^;

    • jasu 2008.01.23 16:11 신고 수정/삭제

      아 잘됐네요 ^^ 괜찮아요 저도 기본적으로 제공하는 css 수정해서 사용중입니다.

  • 오사일사 2008.02.15 15:19 신고 ADDR 수정/삭제 답글

    너무 멋있네요 감사합니다.ㅎㅎ
    그런데 설정하고나니까 블로그전체에 검은색 막같은거를 씌운듯한 느낌이 납니다.
    사진도 좀 어두워졌구요.
    혹시 해결방법 아시나요?

    • jasu 2008.02.18 22:02 신고 수정/삭제

      플래시가 배경으로 깔려야 하는데 transparent 설정이 false로 설정되어 있어서 그런 것은 아닌가 싶네요

  • 십분후 2008.07.22 18:26 신고 ADDR 수정/삭제 답글

    너무나 멋지고 좋은 스킨 감사합니다.

    언제나 즐겁고 행복한 하루 보내세요 *^^*

    • jasu 2008.07.23 13:33 신고 수정/삭제

      감사합니다. 시란님도 즐거운 하루 되세요~