친절한효자손 취미생활

안녕하세요, 친절한효자손 입니다. 오늘 티스토리 모바일 어플리케이션이 1.0으로 업데이트가 되었습니다. (짝짝짝) 나날이 발전해나가는 티스토리를 응원합니다.


이번 업데이트로 인해 CSS에 일부 변화가 있는 듯 합니다. 친효스킨의 경우에는 현재까지 새로운 글쓰기 에디터로 글 작성 시, 첨부파일에 대한 스타일이 깨지는 현상이 발생하고 있습니다. 현재까지 최신 버전인 1.15에서도 문제가 발생하고 있어서 해당 버그는 첨부파일에 대한 CSS 스타일을 변경해주면 해결 됩니다. 이 내용을 업데이트 완료 했으니 친효스킨을 사용하신다면 쉽게 수정하실 수 있습니다. 아래에 관련글을 링크해 두도록 하겠습니다.



방문하셔서 첨부파일에 있는 CSS 스타일 태그를 몽땅 복사하셔서 새로운 글쓰기 에디터용 첨부파일 CSS 구간을 몽땅 바꿔치기 해주시면 됩니다. 친효스킨은 티스토리 업데이트에 맞춰서 문제가 있으면 바로바로 수정해서 조치하도록 하겠습니다. 사용하시다가 문제가 있는 부분은 댓글 혹은 이메일로 제보 부탁드립니다. 감사합니다. 끝.





알리익스프레스 할인

이 블로그를 후원해주실 분들을 모집합니다!

이 글을 공유합시다

facebook twitter googleplus kakaoTalk kakaostory naver band

본문과 관련 있는 내용으로 댓글을 남겨주시면 감사하겠습니다.

잠깐! 비밀로 남겨야 할 만한 내용인가요? 그렇다면 차라리 이메일을 보내주시기 바랍니다.

  1. Favicon of https://www.itple.co.kr 잇플 2019.12.09 20:08 신고

    정말 너무 감사합니다~ ^^ 책도 잘 보고 있습니다~

  2. 2019.12.10 00:27

    비밀댓글입니다

    • Favicon of https://rgy0409.tistory.com 친절한효자손 2019.12.10 00:48 신고

      안녕하세요, 잘 해결하셨군요. 이렇게 넣어보셔도 좋을 것 같습니다. 현재 저는 이렇게 수정해놨습니다.

      .tt_article_useless_p_margin > figure.imageblock {
      margin-top: 30px !important;
      }

      .tt_article_useless_p_margin > figure.imageblock span img {
      display: block !important;
      margin: 0 !important;
      outline: 1px solid #ccc !important;
      }

      .tt_article_useless_p_margin > figure.imageblock figcaption {
      padding: 10px !important;
      outline: 1px solid #ccc !important;
      text-align: center !important;
      font-style: italic !important;
      color: #555 !important;
      word-break: break-word !important;
      caption-side: bottom !important;
      background-color: #eee !important;
      }

      CSS의 티스토리 분문 이미지 (새로운 글쓰기 에디터) 부분입니다.

  3. 2019.12.10 09:45

    비밀댓글입니다

    • Favicon of https://rgy0409.tistory.com 친절한효자손 2019.12.10 13:58 신고

      안녕하세요. 질문 내용에 딱히 비밀스러운 내용은 없는데 비밀글로 하시는 이유가 혹시 있으신지요?

    • Favicon of https://min-ji.tistory.com 냠민지 2019.12.10 14:01 신고

      그런건 아닌데 습관처럼 하게되네요 ㅋㅋㅋㅋ

    • Favicon of https://rgy0409.tistory.com 친절한효자손 2019.12.10 14:25 신고

      (1)이미지랑 글 사이의 간격 조절 :
      신형 글쓰기 에디터의 경우
      .tt_article_useless_p_margin > figure.imageblock {
      margin: 25px auto 20px !important;
      text-align: center !important;
      }
      이 CSS 스타일 태그를 바꿔치기 해주세요. 25px은 위의 여백, 20px은 아래의 여백값 입니다.

      #contents .article span.imageblock {
      margin: 20px 0 7px;
      }
      이건 구형 에디터의 본문 이미지 여백 입니다. 가운데 0을 제외하고 나머지 20px는 위의 여백을, 7px은 아래 여백 입니다.

      (2)한 칸 내려썼을때 간격 설정 :
      현재 CSS에 스타일로 지정되어 있지 않습니다. 굳이 지정해야 한다면, article > div > p 정도로 선택자를 만들어야 하는데, 문제는 티스토리의 본문안에는 P태그가 꽤 많이 사용됩니다. 따라서 p선택자를 지정해서 스타일을 만들 경우 다른 요소들까지 영향을 미칠 수 있습니다. 때문에 이 부분은 비추천 합니다.