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



저작자 표시 비영리 동일 조건 변경 허락
신고
  • 이전 댓글 더보기
  • Servlet 2016.07.14 14:37 신고

    body에 백그라운드로 이미지를 걸으면 이미지 자체가 왔다갔다하는데 어떻게 고쳐야하는지 알수있을까요 ㅠㅠ

  • BlogIcon 카운피아 2016.07.15 15:17 신고

    안녕하세요. 블로그가 너무 예뻐 잘 사용하고 있습니다.
    좋은 내용을 주셔서 진심으로 감사합니다.
    다름이 아니라 폰트 수정을 원하는데요. 어떻게 하면 될까요?
    그리고 header에 이미지를 넣고 싶은데요. 어떤 방법이 있는지 알려주세요^^
    감사합니다.
    항상 좋은 일있으시기를 바랍니다.

  • BlogIcon Ticn 2016.07.21 06:42 신고

    안녕하세요 블로그 스킨이 너무 예뻐서 사용하고 있는데요
    한가지 수정하고 싶은 부분이 있어서 문의드려요
    본문 바로 아래 "카테고리 다른 글"에 글만 나오게 하는거보다
    이미지랑 같이 나오면 pv가 더 올라갈듯한데요
    어느 파일을 수정해야 할까요?

  • BlogIcon LY진 2016.07.24 21:40 신고

    디바님 디바님 ...! 스킨 잘 쓰고 있는데요.
    답변 해 주실지는 모르겠지만 댓글 쓰는 칸을 댓글 위로 올릴 순 없을까요?
    원래는 [댓글->댓글쓰는창] 이건데
    [댓글쓰는창->댓글] 이렇게요

    • BlogIcon toDiva 2016.07.25 09:37 신고

      안녕하세요 LY진님. 답변 드립니다.
      관리 > HTML에 가셔서 아래 두 그룹을 찾으세요.
      <s_rp_container></s_rp_container>
      <s_rp_input_form></s_rp_input_form>

      위 그룹들의 위아래 순서를 바꾸시면 됩니다.

    • BlogIcon LY진 2016.07.25 16:40 신고

      디바님 빠른 답장 너무 감사드려요 !!
      말씀 해 주신 방법대로 해서 성공했는데요~
      한가지만 더..댓글을 최신댓글이 위로 오게 할 수 있는 방법도 알 수 있을까요? ㅎㅎㅠㅠ
      그렇게 하면 댓글에 답글도 그 위로 올라가려나요..ㅠ

    • BlogIcon toDiva 2016.07.26 15:48 신고

      저도 LY진님 글을 보고 찾아봤는데..
      아직은 못찾았습니다. 될 거 같은데..
      제가 아직 검색에 약한가봅니다. T-T

    • BlogIcon LY진 2016.07.26 21:38 신고

      으아 그렇군요! 괜찮아요!!
      나~~중에라도 알게 되시고 제 댓글이 생각 나시면 그때라도 가능하시다면 부탁해요..ㅎ
      언제나 감사드립니다!

  • BlogIcon 달빛과학쌤 2016.07.25 11:16 신고

    안녕하세요 ^^ 이제 티스토리 블로그를 운영하려고 열심히 스킨을 찾던 중 너무 감사하게도 toPiece 스킨을 사용하게 되었습니다. 좋은 스킨 공유 감사드리며 저도 좋은 내용으로 포스팅해서 많은 분들께 도움 드렸으면 좋겠어요. 고맙습니다. 이제 html도 공부해보려고 합니다. 다음에 또 들를게요 ^^

  • BlogIcon ninetailedfox 2016.07.26 14:23 신고

    배경화면 화이트에서 까만색으로 변경은 혹시 불가능한가요?? ㅠㅠ

    • BlogIcon toDiva 2016.07.26 15:47 신고

      가능합니다. style_topiece_v01.css파일에서 12번째줄이 아래 한 줄입니다.
      body{margin:0;padding:0;font-size:15px;font-family:'Malgun Gothic','Raleway',sans-serif;color:#646464;text-align:center;background:#fff;}

      background:#fff; 부분을 원하는 컬러로 바꾸시면 됩니다.
      하지만 그로 인해 많은것들을 손보셔야 할 것입니다. ^^;

    • BlogIcon ninetailedfox 2016.07.27 09:48 신고

      고마워요. 배경색만 바꾸려다가 대공사를 했네요. ^^;

    • BlogIcon toDiva 2016.07.27 10:00 신고

      세상에~ 엄청 잘 바꾸셨네요!
      고생하신게 보여요 대박~
      그리고....블로그 자주 찾아갈께요. 므흣~ @-_-@

    • BlogIcon 슈나우저 2016.08.14 20:31 신고

      므흣... 한 블로그군요.
      그라비아가 매력적이네요

  • BlogIcon ㅇ라진ㅇ 2016.07.30 06:28 신고

    스킨에 대해 정말 궁굼해서 문의드릴게 있어서 이렇게 글을 남겨요ㅠㅠ
    일단 화면에 가로로 글목록이 세개로 정렬되 있는걸 두개로 줄여 썸네일 이미지가
    더 크게 보이게 하고 싶은데 어디를 수정하면 되는지 ㅠㅠ 밤을 새가며 봐도 모르겠네요.

    그리고 비공개로 먼저 발행후 대표이미지가 예뻐보이지 않아 다른걸 선택을 해도 먼저 선택된거만 적용이됩니다.
    비공개로 먼저 상단부에 크게나오는 first_thumb 이미지가 밑에 썸네일과 어울리는지 볼려고 해도 적용이 안되니
    이부분은 수정이 가능한지 알고 싶어요. ㅠㅠ

    날씨가 덥고 여러가지일로 바쁘시겠지만 꼭 답변 부탁드릴게요.
    그리고 블로그를 예쁘게 더욱 애착을 갖으며 운영하고 싶은마음에
    새벽에 이렇게 글을 남깁니다~ㅠ

  • BlogIcon sevencolor69 2016.09.05 19:53 신고

    디바님~! 스킨 너무너무 잘 쓰고 있습니다!! 다름이 아니라 모든 썸네일에서 엑박이 뜨네용 ㅠㅠ 찾아와봤더니 디바님두 엑박이 떠 있길래 문제가 있나 하고 댓글 남깁니당...ㅜ 해결방법 있을까요!

    • BlogIcon toDiva 2016.09.06 14:06 신고

      아래 댓글에 답변드렸습니다.

  • ㅠㅠ 다에박이에요. 2016.09.05 23:09 신고

    모든 썸네일에서 다 엑박이에요. ㅠㅠ 많은 이용자 분들이 에박으로 힘들어 하고 있네염 ㅠ
    제발 고쳐주세요 디바님 ㅠㅠㅠ

    • BlogIcon toDiva 2016.09.06 11:03 신고

      하아....ㅜ.ㅜ
      지인분이 알려주셨네요.
      일단 관리 > 환경설정 > 기본정보에서 파비콘을 삭제해주세요.
      티스토리에서 무슨 업데이트를 했는지 모르겠지만 파비콘 관련 버그가 생겼나봅니다.

  • BlogIcon Youchang 2016.09.06 13:29 신고

    이런.. 엑박 떠서 들어왔더니 파비콘 문제였군요.
    일단 파비콘 지워서 해결은 했는데 파비콘도 중요하잖아요...
    어떻게 해결할 방법이 있을까요?

    • BlogIcon toDiva 2016.09.06 13:40 신고

      안녕하세요. 파비콘 관련 버그 해결 파일은 올렸습니다. 본문 가장 아래 파일을 받으시면 됩니다.

    • BlogIcon Youchang 2016.09.06 13:53 신고

      script_core.js 파일 말씀하시는거죠? 그거 덮어씌웠는데도 여전히 이미지가 안뜹니다. 엑박은 아닌데 이미지가 안떠요...

    • BlogIcon toDiva 2016.09.06 14:05 신고

      유창님 블로그랑 버전이 맞지 않는 js파일인듯 합니다.
      몇 버전을 받으셨는지 몰라서 제 블로그에 버전별로 js 파일이 있으니 다운 받으시길 바랍니다. 아니면 기존 js 파일을 다시 올리셔도 됩니다.

      그 이후 해야 할 코드 변경은 js 파일을 여시고 아래 코드를 검색하세요.
      b=b.substring(b.indexOf('<div class="article">',0),tl);

      위 코드 중 class 를 id로 아래처럼 바꿔주시면 파비콘 문제는 해결 됩니다.
      b=b.substring(b.indexOf('<div id="article">',0),tl);

    • BlogIcon Youchang 2016.09.06 14:40 신고

      안녕하세요? 말씀하신대로 수정했더니 이미지가 나옵니다. 그런데 문제가 하나 더 있습니다. 포스트별 대표이미지가 아니라 첫번째 이미지가 표시됩니다. 예전처럼 대표이미지가 나오게 하려면 어떻게 해야하나요?

    • BlogIcon toDiva 2016.09.06 14:51 신고

      하아.. 티스토리에서 대체 무엇을 건드렸는지 ㅂㄷㅂㄷ
      본 스킨이 원래 별다른 설정이 없으면 첫번째 이미지가 노출되게끔 되어 있습니다.

      스킨에서 대표이미지에 관련 작업을 따로 한적은 없습니다.

      대표이미지를 따로 지정을 해도 나타 나지 않나요??

    • BlogIcon Youchang 2016.09.06 14:54 신고

      네. 대표이미지를 항상 따로 정해놓는데 이 사태 이전엔 제대로 나왔었거든요... 참고로 제가 쓰는 스킨 버전은 2.0입니다...

    • BlogIcon toDiva 2016.09.06 15:03 신고

      티스토리에서 잠수 업데이트가 있었나봅니다.
      스킨버전별로 대표이미지를 건드린적은 없었는데.. 티스토리에 따로 문의를 넣어봐야겠습니다.

    • BlogIcon 투어비즈온 2016.09.08 16:58 신고

      새로주신 파일로 업데이트 하니까 잘 됩니다... html/스킨 편집이 다소 시간이 걸려서 새로고침 눌러야 적용이 되더라고요~
      그것도 모르고 왜 업데이트가 안되지 애를 ㅠㅠ ^^;

    • BlogIcon Youchang 2016.09.08 17:15 신고

      저는 아직 대표이미지 지정이 안돼서 업데이트하지 못하고 파비콘 없애놓고만 있습니다...

    • BlogIcon 투어비즈온 2016.09.09 18:06 신고

      저도 메인데스크탑에서는 되는데 이동시 노트북으로 안보이는 괴현상이? 섹션 문제일까요? 일단 파비콘 없앤 상태입니다 안그럼 아직 엑박이 뜹니다 ㅠ

    • BlogIcon liebeJAY 2016.09.13 03:55 신고

      저도 파비콘 오류 이후 수정 파일을 통해서 수정 되었으나
      대표이미지가 설정한 이미지가 아닌 글 첫번째 이미지로 뜨고 있어요! 수정 되면 또 업댓 해주세요 ^^

  • BlogIcon compunik 2016.09.06 22:52 신고

    저도 며칠전부터 대표이미지가 안나와서 스킨손안댄지 반년도 넘었는데 이상해서 찾다가 todiva님 홈피에 뭔가 있겠지 해서 와봤는데 역시 문제가 발생했군요. 티스토리에서 뭔가 했나보네요. 흑.. 빨리 고쳐졌으면 좋겠네요.

  • 2016.09.06 23:33

    비밀댓글입니다

  • BlogIcon Jianist 2016.09.06 23:40 신고

    이상하네요 업로드 해주신 script_core.zip 파일을 올려봐도 파비콘을 다시 설정하면 저는 썸네일이 안나옵니다ㅠㅠ

    +
    그리구 죄송하지만 썸네일 컬러를 변경하고 싶은데

    /* 썸네일 리스트 : 제목 배경색 변경 & 배경색 숨김 */
    .fixed_img_col ul li a strong{ background-color:#c9b8cf; display:; }

    여기서 변경을 했는데도 기존의 핫핑크 컬러가 나오고 있어요!
    지금 이 게시물의 최신 버전으로 받아서 6일자 업데이트파일까지 올려서 하는데 안되네요 왜그럴까요? 제가 잘못 고쳤나ㅠㅠㅎㅎ


    +
    지금 버전에서 썸네일 opacitiy를 조절하는 걸 추가해줬으나 원래 이미지의 컬러가 나오지 않네요. 이전 버전에 적용했을 때는 css밑에 .fixed_img_col li:hover a strong{opacity:1;}
    만 추가해 주니 바로 없어졌었는데 뭐가 문제일까요;??

    +
    상단 하단 까만 배경 색상과 하얀 폰트는 어디서 변경해야 하는지.(흰생으로 하고 폰트를 검정으로 하고싶어서요)
    혹시 상단 넓이만 지정하고 이미지로 상단을 첨부해서 설정해주는게 가능할까요?

    중복 질문은 피하고자 열심히 찾아봤는데 많네요ㅠㅠ 스킨 정말 감사해요ㅠ0ㅠ!!

    • BlogIcon toDiva 2016.09.07 09:23 신고

      파비콘 답변은 아래 댓글로 대신합니다.

      핫핑크...좋지 않나요? ㅎㅎ
      바꾸는 방법은 style파일에서 컬러를 변경하셨을텐데 !important를 추가해주세요.

      아래 예시 남겨드립니다.
      /* 썸네일 리스트 : 제목 배경색 변경 & 배경색 숨김 */
      .fixed_img_col ul li a strong{ background-color:#c9b8cf !important; display:; }

  • BlogIcon 투어비즈온 2016.09.06 23:57 신고

    일단 파비콘 삭제하니 썸네일 뜨네여 다행이에여~ ㅋㅋ 감사합니다

  • BlogIcon 투어비즈온 2016.09.07 00:53 신고

    제가 파비콘 지우면 썸네일이 뜨는데 class->id로 수정된 파일 올리면 썸네일이 또 엑박뜨네여
    잘못 한건지 방법 있으면 좀 부탁좀 드립니다 ^^

    • BlogIcon toDiva 2016.09.07 09:19 신고

      티스토리가 하루아침에 여러사람들을 들썩이게 만드네요 ㅎㅎ

      죄송하지만 파일 업로드 후 새로고침을 해보셨나요? 본 블로그랑 테스트 블로그에선 적용이 잘되어서 말입니다.

      저도 이것저것 바꿔보고 있는데 아직은 큰 도움이 못되고 있네요 ^^;

    • BlogIcon 투어비즈온 2016.09.08 16:56 신고

      앗 친절하신 답변 감사드립니다~ 제가 아차하고 새로고침 눌렀더니 잘 됩니다 ^^
      감사드려요 제가 젓글로 다른분들 알게끔 설명 놓을게여

  • BlogIcon SumJi 2016.09.09 11:44 신고

    안녕하세요. 블로그 시작하고 덕분에 좋은 스킨으로 꾸며가고 있습니다.
    질문이 있는데 블로그 이름 크기를 조절할 수는 없는 건가요??
    좀 작게 만들고 싶어 html 소스를 모르지만 검색해가면서 찾아보고 있는데 힘드네요 ㅎㅎ

  • BlogIcon 신' 2016.09.17 03:58 신고

    티스토리 들어가면 처음화면에 이미지가 여러게 뜨시던데 저는 글이 떠요...
    티에디션 설정도 안돼요...

  • BlogIcon 필드Joan 2016.09.20 13:49 신고

    썸네일 오류여서 들어왔는데..... 티스토리 문제가 있었던거군요.
    파비콘 삭제하고 새로 올려준거로 올렸더니 썸네일이 나오네요.
    감사합니다.

  • BlogIcon HA팀장 2016.09.22 23:44 신고

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

    script_core.zip

    이 파일 이용하면 대표 이미지 문제도 해결되는 건가요? 저는 해보니까 안 되네요.ㅠ 어떻게 해야 대표 이미지가 다시 지정되는지 알려주시면 감사하겠습니다. 댓글들을 살펴봐도 잘 모르겠네요.ㅠ 참고로 저는 3.1.1 버전 쓰고 있습니다.

  • BlogIcon 공간IT 2016.09.23 00:21 신고

    안녕하세요 우선 스킨 이쁘게 잘 사용하고 있습니다.

    한가지 물어보고 싶은게 있는데 사이드바 크기조정 하고 싶은데 .section_2 {width: 300px;} 이방법 밖에 없는건가요?

    위에처럼 하면 사이드바가 300으로 딱 고정이 되어서 모바일이든 크기를 줄이면 항상 300으로 표시가 되어 본문과 사이드바가 어울리지를 못합니다.

    혹시 어디 부분을 수정을 해야 본문과 어울리게 줄어들고 늘어나고 할까요?

티스토리 툴바