'친효스킨' 태그의 글 목록

티스토리앱 1.0 업데이트로 인한 친효스킨 일부 CSS 수정 안내

안녕하세요, 친절한효자손 입니다. 오늘 티스토리 모바일 어플리케이션이 1.0으로 업데이트가 되었습니다. (짝짝짝) 나날이 발전해나가는 티스토리를 응원합니다. 이번 업데이트로 인해 CSS에 일부 변화가 있는 듯 합니다. 친효스킨의 경우에는 현재까지 새로운 글쓰기 에디터로 글 작성 시, 첨부파일에 대한 스타일이 깨지는 현상이 발생하고 있습니다. 현재까지 최신 버전인 1.15에서도 문제가 발생하고 있어서 해당 버그는 첨부파일에 대한 CSS 스타일을 변경해주면 해결 됩니다. 이 내용을 업데이트 완료 했으니 친효스킨을 사용하신다면 쉽게 수정하실 수 있습니다. 아래에 관련글을 링크해 두도록 하겠습니다. 친효스킨 : 새로운 글쓰기 에디터에서 첨부파일 CSS 스타일 수정 방문하셔서 첨부파일에 있는 CSS 스타일 태그를..

개인공간/알립니다! 2019. 12. 9. 18:20

티스토리 반응형 스킨! 친효스킨 1.15 버전 업데이트 소식

친효스킨 버전 업데이트 소식 입니다. 현재 1.15까지 완성 되었습니다. 이번 업데이트에서는 아래와 같은 내용들이 추가되고 변경되었습니다. Ver 1.15 업데이트 내용- 애드센스 최상단 및 최하단 광고 크기 최대 세로 100px 이하로 출력되도록 수정- 구형 글쓰기 에디터 더보기 및 접기 버튼 스타일 수정- 새로운 글쓰기 에디터 첨부파일 스타일 수정- 이미지에 테두리 적용 후 살짝 선명도가 떨어지는 문제 수정- 비로그인시 댓글 남기기 항목에 보이는 이름, 비밀번호, 홈페이지 입력칸 색상 변경- 비밀글 체크박스 크기 및 폰트 크기 변경- 인피드광고 관련 CSS 일부 삭제 (보이기/안보이기 기능은 이제 필요 없어서 삭제 조치)- 본문 글꼴을 '리디바탕체'로 변경- 인덱스 페이지 전면 수정 (썸네일 크기 1..

WEB&SNS/친효스킨 2019. 10. 31. 00:06

티스토리 친효스킨에 리디바탕체 폰트 글꼴 글씨체 추가 적용하는 방법

2019 한글날을 맞이하여 리디북스에서 리디바탕체를 배포했습니다. 무려 1년 6개월간 개발한 폰트라고 하는군요. 그래서 그런지 가독성은 물론이며 글 읽는게 조금 편하다는 느낌을 많이 받았습니다. 이 글꼴을 만나본순간, '아 이거 내 스킨에 적용시켜야겠다!' 하고 다짐했을 정도입니다. 2019 한글날 무료 폰트에 대한 정보는 아래에 링크를 올려두었으니 한번 읽어보시기 바랍니다. 리디바탕체는 링크 페이지의 아래쪽에 있습니다. 먼저 리디바탕체를 다운로드 받아 주시기 바랍니다. 그리고 티스토리 관리자 화면으로 이동하시고 스킨 편집 화면으로 들어가 주시면 됩니다. 2019 한글날 무료폰트 정보 모음 폰트 파일 업로드 스킨편집 화면으로 들어오시면 이렇게 파일업로드 탭이 있습니다. 해당 메뉴로 클릭하여 들어가서 추가..

WEB&SNS/친효스킨 2019. 10. 11. 00:03

친효애드온 : 티스토리 TOP버튼 with 글쓰기 관리자 카테고리 버튼 (마크2)

기존 TOP 버튼이 딱 위로 올라가기 버튼 한 개만 존재하는 것이었다면 이번 마크2 버전은 좀 더 다양한 버튼을 넣어놓은 버전이라고 할 수 있습니다. 모바일용 이라기 보다는 주로 사용되는 해상도는 아마 데스크탑에서 많이 사용되지 않을까 싶습니다. 친효스킨을 기준으로 작업하였지만 다른 스킨에서도 정상 동작하도록 하였습니다. jQuery 세팅 먼저 제이쿼리 스크립트부터 세팅하도록 합니다. 자신의 티스토리 스킨 편집 모드로 들어가서 HTML의 전에 붙여넣기 하시면 됩니다. HTML 세팅 - 폰트어썸 CDN 링크 추가티스토리 스킨 편집으로 들어갑니다. HTML의 안쪽에 아래의 링크를 그대로 붙여넣기 합니다. (title 아래에 붙여넣기 진행을 추천함) 방법은 위에 설명한것과 동일합니다. 첨부파일로도 올려놓겠습니..

WEB&SNS/친효애드온 2019. 9. 30. 00:04

친효스킨 사이드바 공지사항 모듈에 수동으로 목록 삽입하는 방법

친효스킨에는 사이드바에 공지사항 모듈이 있습니다. 이 모듈에는 공지사항에 대한 글을 작성하시면 목록이 업데이트가 되어서 직관적으로 방문자에게 보여지게 됩니다. 티스토리 기본 시스템은 공지사항에 대한 글을 따로 작성할 수 있는데, 이게 장점이 될 수도 있고 단점이 될 수도 있습니다. 둘 다 웹 노출이 된다는점은 공통이지만 방문자로 하여금 쉽게 찾아볼 수 있는지 없는지의 차이가 좀 있는 것 같습니다. 그렇기에 대부분의 스킨에는 공지사항에 대한 모듈을 제공하고는 있지만 스타일이 각각 다 다르기 때문에 이 방법이 모두 통한다고 볼 수는 없습니다. 여러분들이 사용하는 스킨의 공지사항 모듈을 구성하는 태그들이 ul li 형태의 요소라면 이 방법은 사용이 가능합니다. 친효스킨을 기준으로 설명은 드리지만 한번 관심이 ..

WEB&SNS/친효스킨 2019. 9. 29. 00:04

친효애드온 : 티스토리 새로운 글쓰기 에디터 전용 첨부파일 (마크2)

새로운 글쓰기 에디터 전용으로 제작해본 첨부파일 디자인 입니다. 친효스킨에서 가장 완벽하게 적용됩니다. 타 스킨에서는 약간의 변형이 일어날 수 있습니다. 이점 유의해 주시기 바랍니다. TIP 2019년 12월 9일 티스토리 모바일앱이 업데이트 되면서 CSS 첨부파일 스타일도 일부 변경이 되었습니다. 친효스킨 1.15 버전에서 오류가 있으니 여기에 있는 첨부파일로 업데이트를 진행해 주시기 바랍니다. CSS에서 새로운 글쓰기 에디터용 첨부파일 부분을 몽땅 변경해 주시면 해결 됩니다. HTML 세팅 기존 첨부파일의 태그명, 클래스명을 그대로 사용하기 때문에 HTML에서 따로 편집할 부분은 없습니다. CSS 세팅 먼저 아래의 첨부파일을 한번 살펴봐 주시기 바랍니다. 이런 스타일로 출력됩니다. 그리고 다운로드 받..

WEB&SNS/친효애드온 2019. 9. 25. 00:12

친효스킨 최상단 최하단 애드센스 세로 크기 100px 고정시키는 방법 (Ver 1.15)

친효스킨 커스터마이징 정보를 제공하는 카테고리 입니다. 먼저 안내드릴 부분이 있습니다. 본문에서 제공하는 방법이 최종적인 방법이 아닐 수 있습니다. 계속 수정하고 연구하여 더 좋은 방법이 차후에 제공될지도 모릅니다. 만약 새로운 업데이트 내용이 나온다면 본문에서도 안내해 드리도록 하겠습니다. 현재 친효스킨에는 최상단 및 최하단에 애드센스를 적용할 수 있도록 설계가 되어 있습니다. 이곳에는 가로로 긴 형태의 애드센스가 노출되도록 하는게 목적인데 특정 해상도에서는 지나치게 큰 광고가 출력되는 불편함이 있었습니다. 이 부분을 수정하는 코드를 만들었습니다. 이곳에서 드리는 설명은 친효스킨 1.14 버전을 기준으로 안내해 드리고 있습니다. 참고하시기 바랍니다. HTML 수정 먼저 기존 친효스킨의 HTML 구조를 ..

WEB&SNS/친효스킨 2019. 9. 18. 00:03

티스토리 반응형 스킨! 친효스킨 1.14 버전 업데이트 안내

안녕하세요, 친절한효자손 입니다. 친효스킨 1.14 버전 업데이트를 완료했음을 안내하는 글 입니다. 현재 사이드바의 추천글 목록에 보시면 친효스킨 다운로드 페이지로 바로 가실 수 있는 링크 목록을 살펴보실 수 있습니다. 혹은 여기를 누르셔서 바로 이동도 가능합니다. 가보시면 1.14 버전으로 다운로드 받으실 수 있습니다. 다운로드 받으시고 압축 푸신다음 그대로 스킨에 적용하시면 됩니다. 친효스킨 페이지에 있는 설명서를 먼저 충분히 정독하시기 바랍니다. 각종 적용 방법이 나와있습니다. 댓글로 문의하시기 전에 설명서를 충분히 읽어보시면 댓글 남기실 일이 현저하게 줄어듭니다. 만약 보시고나서도 잘 이해가 되지 않거나 부족한 설명이거나 설명에도 없는 궁금하신 내용이 있으시다면 그때 질문을 남겨주시면 감사하겠습니..

WEB&SNS/친효스킨 2019. 9. 1. 10:47

친효스킨에 커버 기능을 추가 중 입니다

안녕하세요, 친절한효자손 입니다. 오랜만에 공식 인사를 올립니다. 이번에는 친효스킨 관련 소식을 전해드리러 왔습니다. 친효스킨은 현재 티에디션을 공식적으로 지원을 하지 않고 있습니다. 기존의 티에디션은 반응형이 아니기 때문이지요. 근데 티에디션 처럼 카테고리별로 나오게 메인화면을 꾸밀 수 없는지에 대한 문의를 받았습니다. 최근에 티스토리가 "커버" 라고 하는 기능을 업데이트했습니다. 바로 이 기능이 기존의 티에디션의 반응형 버전이라고 생각하시면 됩니다. 지금처럼 최신글로만 나타나게 할 수도 있으며, 카테고리별로 나오게 할 수도 있습니다. 이 커버 기능을 현재 적용하고 있습니다. 아오...근데 학원에서 배웠던게 전부인지라 이걸 지금 뜯어서 분석 중 인데, 어디가 어떻게 적용되는건지 햇갈립니다. 생각보다 꽤..

WEB&SNS/친효스킨 2019. 8. 21. 00:07

반응형 스킨 제작을 위한 티스토리 HTML 구조 이해하기

저도 까먹기 전에 빨리 이걸 써놔야 할 것 같습니다. 더불어 티스토리 스킨을 직접 제작하려고 결심하신 분들도 계실 것 입니다. 그분들에게 조금이나마 도움이 되었으면 하는 바램도 있습니다. 티스토리 스킨을 처음 만들려고 도전했을 때, HTML 스킨 구조가 어떤건지 쉽사리 파악이 되지 않아서 다소 고생한 경험이 있습니다. 경험을 바탕으로 최대한 자세하면서 단순하게 설명해 보겠습니다. 또한 티스토리에서 제공하는 스킨 가이드 페이지도 같이 참고하시면 이해하는데 도움이 될 것입니다. 이곳에서의 설명은 HTML과 CSS를 어느정도 이해하고 계신 분들을 위한 강좌입니다. HTML 웹코딩을 좀 하실 줄 아신다면 아마 쉽게 이해가 되시겠지만, 코딩과 태그에 대한 기초 지식이 없으신 분들이시라면 파악하시는데 조금 어려움이..

WEB&SNS/티스토리 2019. 8. 2. 00:07

친효스킨 버전 1.13 업데이트 안내

안녕하세요, 친절한효자손 입니다. 친효스킨을 오늘 업데이트 했습니다. 그동안 수정했던 내용들을 모두 스킨에 집어넣어서 현재 친효스킨 다운로드 페이지에서 새 버전으로 다운 받으실 수 있습니다. 늘 드리는 말씀이지만 스킨을 업데이트 하시기전에 백업부터 해두시고, 스킨 업데이트 이후 다시 메타태그나 애드센스 코드, 그리고 여러분들이 수동으로 넣어 둔 태그들도 다시 해당 위치에 그대로 넣어두시기 바랍니다. 반드시 스킨 업데이트 이전에 백업을 합시다! 현재 버전은 1.13 입니다. 피드백 받았던 내용 중 모바일이나 태블릿 해상도에서 사이드바가 본문 아래로 내려가버리니 카테고리로 바로 갈 수 있는 방법이 있으면 좋을 것 같다는 의견을 적극 반영하여 카테고리 버튼을 하나 만들어서 넣어놨습니다. 사이드바가 아래로 내려..

WEB&SNS/친효스킨 2019. 7. 18. 06:40

친효애드온 : 티스토리 상단 PC 2개 모바일 1개 애드센스 광고 넣는 방법

이 글을 작성 안 한 것 같더군요. 그래서 최신 버전으로 다시 업데이트 합니다. 티스토리 사용자 분들이라면 애드센스는 거의 필수 코스로 설치를 하실 것 입니다. 이 때 기본 스크립트 코드로 넣으셔도 문제는 없겠지만 좀 더 실적을 올리기 위해서 커다란 직사각형 형태의 디스플레이 광고 두개를 넣는 분들도 계실 것 입니다. 어떻게 삽입하는지 알아보겠습니다. 이 코드는 친효스킨에 최적화된 애드센스 광고 코드 입니다. 특정 해상도에서 크기를 임의로 변경했습니다. 일반 다른 반응형 스킨에서 사용하셔도 특별히 문제가 되지는 않습니다. 최대한 특정 해상도에서 최적의 크기로 나타나게 하기 위해서 친효스킨에 맞춘 코드입니다. 참고하시기 바랍니다. 먼저 아래의 첨부파일을 다운로드 받아 주시기 바랍니다. 여기 첨부파일을 받으..

WEB&SNS/친효애드온 2019. 4. 24. 00:04

친효스킨 다운로드 / 사용법 / 업데이트 일지

드디어 친효스킨을 만들었습니다. 사용자가 원하는대로 스타일을 꾸며서 커스텀하기 쉬운 스킨 입니다. 여기에 애드센스는 구석구석 삽입할 수 있으며 쉽게 적용됩니다. 모바일이든 PC에서든 태블릿에서든 어떤 디바이스에서 접속하셔도 최적화되어 있습니다. 티스토리를 다년간 사용해 오면서 여러 스킨을 써봤습니다. 그중에서 불편했던 것들, 편리했던 기능들을 나름 분류했고 꼭 필요하다 싶은 기능들만 모아둔 스킨을 만들고 싶었습니다. 그렇게 해서 탄생한게 바로 친효스킨 입니다. 친효스킨은 스마트폰과 태블릿PC, 데스크탑 등등 다양한 디바이스에서 접속해도 사이즈가 알아서 최적화되는 반응형 스킨으로 제작되었습니다. 메인 화면에 인덱스 페이지를 삽입했으며 설정을 사용자가 쉽게 할 수 있도록 만들었습니다. 친효스킨의 장점은 다음..

WEB&SNS/친효스킨 2019. 2. 22. 03:47

친절한효자손 티스토리 반응형 스킨 레이아웃 구상 중

안녕하세요! 오랜만에 현재 근황에 대해서 알려드리기 위해 글을 작성하려고 합니다. 먼저 여러분들의 관심과 사랑에 힘입어 책이 생각보다 많이 판매가 되고 있는 듯 합니다. 책을 검색해보면 꽤 많은 분들이 리뷰를 작성해 주셨네요. 정말 감사합니다. 몸둘바를 모르겠습니다! 이것을 발판삼아 앞으로 더욱 도약하는 그런 블로거가 되고 싶습니다. 현재 티스토리 반응형 스킨은 레이아웃 구상 중 입니다. 사실 레이아웃은 쉽게 하는데 문제는, 각 치환자마다 스타일을 만들어 주는 부분이 가장 걸립니다. 이 부분은 티스토리 공식 블로그에서도 제대로 설명이 되어 있지 않아서 좀 난감한 부분입니다. 아니면 제가 아직은 못알아먹는 것일수도 있으니, 열심히 틈나는대로 배우고 적용시킬 예정 입니다. 친절한효자손 반응형 스킨의 방향에 ..

개인공간/알립니다! 2018. 11. 14. 11:33

친절한효자손 취미생활

친효스킨 → (14)건