친절한효자손 취미생활

새로운 글쓰기 에디터 전용으로 제작해본 첨부파일 디자인 입니다. 친효스킨에서 가장 완벽하게 적용됩니다. 타 스킨에서는 약간의 변형이 일어날 수 있습니다. 이점 유의해 주시기 바랍니다.

 

TIP
 
 

2019년 12월 9일 티스토리 모바일앱이 업데이트 되면서 CSS 첨부파일 스타일도 일부 변경이 되었습니다. 친효스킨 1.15 버전에서 오류가 있으니 여기에 있는 첨부파일로 업데이트를 진행해 주시기 바랍니다. CSS에서 새로운 글쓰기 에디터용 첨부파일 부분을 몽땅 변경해 주시면 해결 됩니다.

 

HTML 세팅

기존 첨부파일의 태그명, 클래스명을 그대로 사용하기 때문에 HTML에서 따로 편집할 부분은 없습니다.

 

CSS 세팅

먼저 아래의 첨부파일을 한번 살펴봐 주시기 바랍니다. 이런 스타일로 출력됩니다. 그리고 다운로드 받아주시기 바랍니다.

 

친효애드온 - 새로운 글쓰기 에디터용 첨부파일 스타일 CSS.txt
0.00MB

 

다운로드가 완료 되었다면 텍스트 파일을 열어서 내용을 모두 전체 복사를 합니다. 그리고 현재 사용 중 이신 티스토리 스킨의 편집 모드로 들어가서 CSS 항목에 공간을 만들고 붙여넣기를 진행하시면 됩니다. 위치는 어디든 상관 없습니다.

 

이렇게 그대로 복사 붙여넣기를 하시면 됩니다. 위의 스크린샷은 일부의 모습만 보여드린 것 입니다. 코드가 다소 길지만 길이에 상관 없이 전체 복사하시고 붙여넣기를 꼭 해주세요. 하나라도 빠지면 오작동 합니다. 붙여넣기를 하셨다면 오른쪽 상단에 있는 적용 버튼을 눌러서 저장합니다. 이제 새로운 글쓰기 에디터에서 테스트를 해보시기 바랍니다. 끝.

 

 

 

알리익스프레스 할인

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

이 글을 공유합시다

facebook twitter googleplus kakaoTalk kakaostory naver band

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

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

  1. Favicon of https://bbingse.tistory.com 삥세 2019.09.28 13:48 신고

    크.. 정말 좋은데 중앙정렬이 참 아쉽네요 ㅠㅠ

  2. Favicon of https://bbingse.tistory.com 삥세 2019.09.30 19:44 신고

    ㅗㅜㅑ.. 감사드립니다.

  3. Favicon of https://bbingse.tistory.com 삥세 2019.10.01 12:26 신고

    감사합니다! 다시적용해보니 완벽!

  4. Favicon of https://lowoon.tistory.com 네스터TV 2019.12.12 18:15 신고

    안녕하세요! 죽어있던 블로그 다시 시작하며, 친효님 스킨으로 적용하여 깔끔한 블로그 모습에 감탄하고 있습니다.
    본문에 나와있는 첨부파일 스타일을 다운받고 css에 있던부분을 첨부된 CSS로 완저닣 교체하고 테스트로 새로운글쓰기 에디터에서 파일을 첨부하여도 위와같은 스타일적용이 되지않고 본래 새로운에디터 기본 제공되는 첨부스타일로 첨부되어 문의드립니다.

  5. Favicon of https://lowoon.tistory.com 네스터TV 2019.12.12 23:34 신고

    네 https://lowoon.tistory.com/28 이와 같이 나타납니다. 혹시 첨부파일 첨부하고 html 모드로 감싸줘야하는 태그가 있나요?

    • Favicon of https://rgy0409.tistory.com 친절한효자손 2019.12.12 23:42 신고

      잘못적용 하신 것 같습니다. html은 수정사항이 없구요 css만 손보면 됩니다.

    • Favicon of https://lowoon.tistory.com 네스터TV 2019.12.12 23:48 신고

      html은 글대로 안건드렸고 본문에 첨부된 css만 적용하였습니다 그냥 에디터에서 첨부만하면 바로 위와같은 스타일이 적용되는것인지요?

    • Favicon of https://rgy0409.tistory.com 친절한효자손 2019.12.13 12:50 신고

      잘못된 주소이거나 삭제된 글 이랍니다. 신형 글쓰기 에디터에서는 본문처럼 스타일이 적용되고, 구형 에디터의 경우는 조금 다릅니다.