toPiece_v3.1.1 update 티스토리 스킨 업데이트



티스토리 스킨 toPiece_v3.1.0 업데이트 내역 공유합니다.


toPiece_v3.1.1 업데이트 내역

 - 카테고리 숨김/펼침 기능 추가


지난주 Tistory 커뮤니티 포럼에 필드Joan님이 올린 글(http://www.tistory.com/community/forum/skin#entry_intro_6412)을 보고

필요한 기능이라 판단 되어 업데이트 공유합니다.



toPiece_v3.1.1 update 티스토리 스킨 업데이트



toPiece 3.1.1 버전 업데이트는 카테고리의 하위메뉴 유/무 체크 후, 하위메뉴가 있을 시 위 캡쳐 이미지처럼 오른쪽에 위-아래 화살표 아이콘이 생깁니다.


방법은 skin.html 에 하나의 class를 추가하기만 하면 됩니다. 첨부된 skin.html 파일 내 아래의 주석을 찾으시고

<div class="categorylist"><!-- 카테고리 숨김/펼침 기능 사용은 왼쪽 class에 'open' 추가 -->


위 내용을 아래처럼 변경하면 자연스레 적용이 될 것입니다.

<div class="categorylist open"><!-- 카테고리 숨김/펼침 기능 사용은 왼쪽 class에 'open' 추가 -->


다시 open을 빼면 카테고리가 펼쳐진 형태가 될 것입니다.


보다 나은 아이디어는 언제나 고맙습니다.



toPiece 3.1.1 버전은 아래 파일을 다운로드 하시면 됩니다.



toPiece_v3.1.1.zip




* 주의 : 스킨을 이미 커스터마이징 하신 분들은 수정 내용들을 꼭 백업을 해두시고 스킨 적용하시길 바랍니다.



※ 티스토리 업데이트-2016.09.06 관련 버그(파비콘, 다음팟 등등) 수정 파일 올립니다. 아래 파일 받으셔서 올리시면 됩니다.


script_core.zip



저작자 표시 비영리 동일 조건 변경 허락
신고
  • 이전 댓글 더보기
  • BlogIcon Aboutkai 2016.10.26 10:09 신고

    안녕하세요. 우선 정말 멋진 스킨 감사드립니다. 초짜라 밤새 적용하면서도 피곤한 줄을 몰랐네요^^ 덕분에 블로그가 한층 멋있어진 느낌입니다.
    욕심으로 인한(...) 몇 가지 혼자 해결하지 못한 것들에 대한 질문이 있어 이렇게 댓글 남깁니다.

    1. 썸네일에 마우스를 올렸을 때 제목 부분의 배경색을 바꿀 수 있을까요? 강조색을 블루톤으로 변경했는데 제목만 핫핑크라..
    2. 썸네일이 기본적으로 약간 어둡게 처리가 되어있는데, 원래 이미지색으로 보일 수 있게(마우스를 올려도 변화없이) 바꿀 수 있는 방법이 있나요?
    3. 사이드바에 애드센스 광고를 삽입할 수 있나요? 할 수 있다면 어떻게 하면 될까요.
    4. 글제목 크기를 키우고 싶은데 어디서 조정할 수 있을까요?

    너무 질문이 많은 것 같아 죄송합니다ㅠㅠ

    • 2016.10.30 16:19

      비밀댓글입니다

    • BlogIcon Aboutkai 2016.10.30 21:18 신고

      답글이 비밀글로 달려 보이지 않네요ㅠㅠ

    • BlogIcon toDiva 2016.11.16 09:59 신고

      샤를드 포스트님은
      "저도 이 부분이 궁금합니다! [비밀댓글]"
      라고 댓글 주셨네요. 궁금하시대서 ^^;

      많은 분들이 질문하신 내용이어서..

      방문해서 살펴보니 아직 그대로라 답변드립니다.

      1. 바꾼 컬러 옆에 "!important" 붙혀주세요.(ex : background-color: #009ed9 !important;)
      2. style_topiece_v01.css 파일 내 95번째줄이 아래와 같습니다.
      .fixed_img_col .thumb img { width:100%; opacity:.5; }

      opacity:.5; 부분을 opacity:.5 !important; 로 바꿔주세요.
      3. 애드센스는 제가 코멘트 드리기 어렵습니다. 저도 잘 몰라요 ㅜ.ㅜ
      4. style_topiece_v01.css 파일 내 20번째 줄이 아래와 같습니다.
      h3{font-size:1.2em;}

      font-size 수치를 변경하시면 됩니다.

      답변 늦어서 죄송합니다.

    • BlogIcon Aboutkai 2016.11.16 10:02 신고

      정말 감사드립니다!!! 진짜 복받으실거예요ㅎㅎ

    • BlogIcon toDiva 2016.11.16 10:05 신고

      아이고 답변.....복붙하느라 이상하게 됐네요. 위 답변 중

      "opacity:.5; 부분을 opacity:.5 !important; 로 바꿔주세요." 를

      "opacity:.5; 부분을 opacity:1 !important; 로 바꿔주세요." 로 정정합니다.

    • BlogIcon 올까 2017.01.09 13:27 신고

      썸네일이 어두운 문제를 toDiva님 말씀대로 수정했지만 안되더군요. 코알못이라 원리는 모르겠지만 다른 코드를 변경해서 수정했습니다.

      style_topiece_v01.css 파일 내 331번째 줄과 404번째 줄은 아래와 같습니다.
      .fixed_img_col .thumb img { width:100%; opacity:.5; }

      opacity:.5; } 부분에서 5 숫자를 100에 가깝게 할 수록 밝아지고 0에 가까울 수록 어두워집니다. 스크린 크기에 따라 바뀌는거라 두 줄 모두 바꿔주셔야해요.

      이 방법 말고 쉽게 바꿀 수 있는 방법이 있는지 그리고 이렇게 바꿔도 문제가 없는지 toDiva님께 여쭤보고 싶네요.

  • BlogIcon 해밝세상 2016.10.31 11:11 신고

    이쁜 스킨 감사해요.
    스킨적용후 크롬,익스플로러7.8에서는 배너광고가 잘 보입니다.
    그런데 익스10.11버전에서는 상하단광고가 일부 잘리고,사이드배너광고는
    보일때도 있고,1/10정도만 보일때도 있고 불규칙합니다.

    혹시라도 애드센스광고규정에 어긋날까봐 걱정이 되네요.
    해결할 수 있는 방법이 혹시 없을까요?

    그리고 티스토리관리-글설정-글쓰기설정-가로폭이 현재 900px로 되는데,요걸 700이나 800px로 하면 스킨이 이상해지나요?아니면 html도 건드려야하나요?그리고 글자색을 좀더 진한 블랙으로 하는 방법이있을까요?답변 부탁드립니다.

    • BlogIcon Luxdefuror 2016.12.02 06:28 신고

      반응형 광고로 바꿔보세요! 자동으로 사이즈 조절해서 괜찮을꺼예요~

  • BlogIcon 감성의 시럽 한 스픈 2016.11.09 03:04 신고

    질문 드립니다 ~~~~~

    sction_01에 article을 10개 뿌리는거 같은데요....
    저는 1개만 보이고 싶은데...

    이걸 어디서 조절하나요??????

  • BlogIcon ユニ 2016.11.17 02:33 신고

    안녕하세요 감사히 스킨을 쓰고 있습니다!
    다름이 아니라, 저는 썸네일이 뜨지 않고 본문 내용이 바로 메인으로 뜨는데
    제가 이런거는 잘 몰라서ㅠㅠ 혹시 괜찮으시다면 답변 해주실 수 있을까요ㅠㅠ

    • BlogIcon Luxdefuror 2016.12.02 18:25 신고

      화면설정 > 화면출력 > 선택화면에서 '목록만'으로 바꾸시면되영

  • BlogIcon BaristaJOHAN 2016.11.21 17:58 신고

    안녕하세요, 새로운 버전으로 스킨적용했는데, 블로그 제목 폰트 사이즈를 변경하고싶은데 Css 자체에서 헤드와 타이틀을 만져봐도 소용이 없어서
    문의 드립니다.

    1. 블로그 제목 폰트 크기 조절
    2. 글 제목 크기 조절 방법

    이렇게 부탁드릴께요, 감사합니다

  • BlogIcon sumoki 2016.11.28 18:49 신고

    정말 힘들게 마음에 드는 스킨을 찾았는데요. 너무 이뻐서 꼭 이걸 쓰고 싶습니다.
    그런데 리스팅이 썸네일로 표시되는 것 말고 단순하게 이미지+내용(일부)가 나오게 리스팅 하는 방법을 없을까요? ㅜㅜ 모바일에서 보여지는 것처럼 말이지요...
    그냥 안될것 같지만 혹시나 해서 여쭤보아요. ^^;

    너무 깔끔하고 마음에 들어서 혹시나 하는 마음에 무리한 질문을 드려요~

  • BlogIcon skayfall 2016.12.01 15:37 신고

    스킨 너무 깔끔하고 이뻐요. 감사합니다!

  • BlogIcon Luxdefuror 2016.12.02 06:27 신고

    스킨 정말 이쁘고 만족스럽습니다~! 여러 시행착오를 거쳐서 색깔과 구글 애드센스 위치를 지정해서 넣었네요~!

    감사합니다~

  • BlogIcon 행복그리고.. 2016.12.02 16:14 신고

    글목록을 페이지당 5개로 수정할 수 있을까요

    스킨 정말 이쁘네영 감사합니다.!!

    • BlogIcon Luxdefuror 2016.12.02 18:25 신고

      요거 화면설정 > 화면출력 > 선택화면에서 글목록 갯수 바꾸실수 있어요! 오른쪽에 아마 '내용만' 으로 되어있으실텐데 사진 타일형으로 바꾸고 싶으시면 '목록만'으로 바꾸시면되영

  • BlogIcon -_ㅠ 2016.12.03 14:33 신고

    좋은 스킨 공개해주셔서 감사합니다.
    한가지 질문이 있어서 실례를 무릅쓰고 질문글을 남깁니다.

    반응형 애드센스를 적용하고 있는데 메인페이지에서 글 읽기 페이지로 진입하면 화면이 재조정되는 듯한 느낌을 주면서
    광고의 30% 가량이 오른쪽에 숨게 되는데, 무엇때문에 그런 것인가요?

    제 브라우저에서 toDiva 님의 블로그에서는 안그러는데 제 블로그에서만 이런 현상이 나오네요
    플러그인의 문제인가 싶어서 다 꺼봤는데 역시나 같구요.. ㅠㅠ
    혹시 해결 방법을 알려주실 수 있을까요?

    감사합니다.

    • -_ㅠ 2016.12.03 16:56 신고

      글씨가 자꾸만 작았다커졌다합니다.
      이유가 뭘까요?....

  • BlogIcon DiYoon 2016.12.11 09:54 신고

    잘쓰겠습니다 ㅋ

  • 2016.12.27 14:37

    비밀댓글입니다

  • 2017.01.01 13:58

    비밀댓글입니다

  • BlogIcon MOKA4T 2017.01.02 01:24 신고

    파비콘을 살려두면서 썸네일을 나오게 하는 방법은 없나요?ㅠㅠㅠ

  • BlogIcon 완키 2017.01.06 12:41 신고

    안녕하세요! 스킨 너무 이쁘게 잘 쓰고 있습니다.
    몇가지 제가 수정하고 싶은 부분이 있는데 혼자 하려니 잘 안되네요 ㅠㅠ

    1. 섬네일이 너무 어둡게 나오는데 opecity 조절을 해서 좀 더 밝게 하고 싶습니다.
    style_topiece_v01 파일에서 .fixed_img_col .thumb img { width:100%; opacity:.5; }
    부분을 .fixed_img_col .thumb img { width:100%; opacity:.8; } 로 바꾸었는데도 변화가 없네요. 다른 부분을 건드려줘야 하는건가요?


    2. 가끔씩 본문 안에 사진이 있음에도 불구하고 섬네일이 뜨지 않는 경우가 있습니다.
    왜 이런 오류가 생기는건가요??


    해결방법을 알려주시면 감사하겠습니다!

  • 2017.01.06 16:45

    비밀댓글입니다

  • BlogIcon 올까 2017.01.08 18:11 신고

    잘 쓰겠습니다. 정말 감사합니다!

  • BlogIcon 우림 2017.01.19 10:29 신고

    좋은 스킨 공유해 주셔서 감사합니다.
    항상 잘 사용하고 있습니다^^

  • BlogIcon 몽크's 2017.02.13 18:30 신고

    스킨 정말 감사합니다 잘쓰겠습니다!

  • BlogIcon 아재. 2017.02.17 21:57 신고

    1. 다 좋은데, 썸네일이 대표이미지를 안가져 오는데, 방법이 있을까요?
    2. 사이드바 최초 크기를 300px로 하고 싶은데, 어디를 수정해야 할까요?

티스토리 툴바