안녕하세요. 친절한효자손입니다. 어제까지만해도 안 그랬는데 2022년 8월 8일! 오늘 티스토리에 접속해보니 뭔가 본문에 업데이트가 된 모양입니다. 보아하니 티스토리측에서 본문 관련 CSS를 새롭게 추가한 듯 합니다. 이 코드로 인해 친효스킨의 본문 중 일부가 스타일이 엉망이 되는 현상을 목격했습니다. 현재까지 발견된 오류는 다음과 같습니다. 1. 본문 글꼴 및 리스트 스타일 2. 첨부파일 스타일 3. 본문 자동링크 스타일 4. TOC 자동목차 스타일 5. 유튜브 썸네일 자동생성 스타일 이 문제들을 수동으로 해결할 수 있는 방법을 안내해 드리겠습니다. 본문 글꼴 및 리스트 스타일 친효스킨 본문의 기본 글꼴은 이롭게바탕체입니다. 그런데 애플 고딕체로 강제 적용이 되었더군요. 마음에 들지 않기에 친효스킨의 ..
안녕하세요. 친절한효자손입니다. 저는 대전에서 서식하고 있습니다. 친효스킨을 거의 완벽에 가깝게 발전시키고 잠시 스킨에 손을 놓고 있는 제 자신을 발견하는 순간, 나태해져서는 안 되겠다는 생각을 하게 되었습니다. 그래서 가지고 있는 재능을 지역 발전(?)을 고려하며 조금이나마 도움이 되어 보고자 무료 배포를 하려고 결심했습니다. 겸사겸사 두번째 스킨을 만들기 위함도 있습니다. 이렇게 재능 기부를 하면 까먹음 방지도 될 수 있고 예습 및 복습도 자연스럽게 되니까 일석 이조인 것 같습니다. 그렇게해서 HTML + CSS를 무료로 교육하는 모임을 오픈하게 되었습니다. 대전 지역 주민 한정이지만 타지역 분들도 참여 가능합니다. 물론 대전까지 오셔야겠지만요. 모임 안내 HTML과 CSS의 기본 지식을 교육하고 더..
어느날 제 티스토리를 접속해보니 버젓이 노출되고 있는 애드센스 고정 광고! 물론 이건 제가 설정한게 아닙니다. 자동 광고로 인해서 노출되는 것으로 추측됩니다. 그리고 항상 노출되는것도 아니고 어쩌다가 특정 이벤트가 발동되면 출력되는 듯 한데 어떤 이벤트인지는 알 수가 없습니다. 아마도 FHD 해상도가 아닌 최소 WQHD 정도는 되어야 출력되는게 아닐까라는 생각이 듭니다. 이 광고의 특징은 고정형이라는 것입니다. 즉 세로 스크롤을 아무리 내리고 올려도 미동도 하지 않는 그야말로 고정 형태의 광고라는 것입니다. 그렇다면 애드센스에서 고정광고를 허용한다는 이야기일 것입니다. 그동안 고정형 광고는 안 되는것으로 알고 있는데 상당히 충격적인 결과였습니다. 이에 대해서 애드센스에서는 어떠한 가이드라인을 제공하고 있..
안녕하세요. 친절한효자손입니다. 원래 다음달 3월에 배포 예정이었던 친효스킨 2.5 버전을 예정보다 더 빨리 배포를 하기로 결정했습니다. 최근 이슈 때문입니다. 새로운 버전부터는 후원 시스템을 통해서 친효스킨을 사용하도록 변경했습니다. 즉 유료화를 한다는 의미입니다. 이에 대한 내용은 아래의 글에 자세히 적어두었으니 혹시 못 보셨다면 꼭 한번 읽어주시기 바랍니다. 공지! 친효스킨 무료 배포 중단 안내 (그리고 후원에 대해) 공지! 친효스킨 무료 배포 중단 안내 (그리고 후원에 대해) 안녕하세요. 친절한효자손입니다. 최근 벌어진 일이었죠. 친효스킨 사용자 중 제 콘텐츠를 허락도 없이 본문 그대로 복사를 해서 게시한 내용입니다. 이틀 연속 댓글을 남겨 왜 그런 행동을 했 rgy0409.tistory.com ..
안녕하세요. 친절한효자손입니다. 최근 벌어진 일이었죠. 친효스킨 사용자 중 제 콘텐츠를 허락도 없이 본문 그대로 복사를 해서 게시한 내용입니다. 이틀 연속 댓글을 남겨 왜 그런 행동을 했는지에 대한 답변을 듣고 판단하기로 했으나 아무런 답을 받을수가 없었습니다. 결국 저는 다음 고객센터에 저작권 신고를 하여 처리를 할 수 밖에 없었습니다. 2022.2.11 추가내용 답변을 받았습니다. 참고용으로 퍼갔다고 하는데, 솔직히 납득이 안 됩니다. 크롬에 북마크(즐겨찾기) 해두고 참고할때마다 수시로 방문할 수 있는 방법이 있는데 말이죠. 고의가 아니었다고 사과를 하시긴 했지만 제 입장에서는 "그랬구나~" 하고 넘기기 어렵습니다. 아래에 이번 이슈에 대해 다음 고객센터로부터 도착한 이메일의 내용을 캡처한 이미지를 ..
본문의 친효스킨 전용 태그 모듈 스타일을 따로 설치가 가능한지에 대한 문의 댓글이 있었습니다. 생각해보니 태그 모듈만 따로 만들어 배포는 하지 않았었군요. 그러므로 즉시 착수에 옮겨봅니다. 본문 하단의 태그 부분으로 스타일은 친효스킨을 따릅니다. 타스킨에서도 적용 가능합니다. 파일 다운로드 먼저 아래의 첨부파일을 다운로드 받습니다. 텍스트 파일을 열어보시면 HTML 태그와 CSS 스타일 코드가 들어있습니다. 다음은 세팅 방법입니다. HTML 세팅 먼저 뼈대에 해당하는 HTML 태그를 사용하고자 하는 스킨에 설치해야 합니다. TAG : 위의 태그는 친효스킨 본문에서 사용하고 있는 태그 모듈 코드입니다. 이것을 현재 사용하는 스킨의 본문 아래에 붙여넣어야 합니다. 그런데 문제가 있죠? 그렇습니다. 본문 아래..
오랜만에 문의 메일이 도착했습니다. 스킨 스타일에 대한 문의였습니다. 본문의 소제목에 대해서 첨부파일의 내용대로 수정을 하는 방법에 대한 궁금증이었어요. 이 부분은 이메일로 답변드리기는 너무 부적절하기에 이렇게 강좌 형태로 작성할 수 밖에 없습니다. 아래는 메일의 원본에 대한 스크린샷입니다. 지금 보시면 저기 초록색 부분의 스타일입니다. 왼쪽 하단과 오른쪽 상단의 모서리가 둥근 형태죠. 즉 이건 네모난 형태에서 특정 부분만 모서리에 라운드를 적용한 상태입니다. 적용 방법은 생각보다 간단합니다. 아래에 간단하게 스타일을 만든 예시가 있습니다. 참고해주시기 바랍니다. See the Pen Untitled by rgy0409 (@rgy0409) on CodePen. 친효스킨의 경우 태그는 티스토리 글쓰기에서 ..
안녕하세요. 친절한효자손입니다. 크롬 브라우저가 최근 업데이트가 되면서 파이어폭스랑 뭔가 상당히 비슷해졌다는것을 느끼고 있습니다. 기능상 문제는 아니고 HTML과 CSS를 표현함에 있어서 파이어폭스처럼 변화가 된 것 같습니다. 이 현상은 예전부터 알고있던 문제였는데 단순히 두 브라우저의 웹 엔진이 달라서 출력하는 방법에서의 차이일 뿐 기능은 이상 없다고 여겨져 사실상 그냥 무신경 상태로 방치했었어요. 왜냐하면 국내에서는 파폭보단 크롬을 사용하는 유저가 압도적으로 많기 때문입니다. 허나 이제는 크롬에서도 이러한 현상이 목격되고 말았습니다. 문제의 현상 친효스킨의 TOP버튼 세트 꾸러미 모습입니다. 보시면 아시겠지만 진한회색 박스 안의 폰트어썸 아이콘들이 살짝 아래로 내려가있는 모습을 보이고 있습니다. 친효..
현재 사용중인 모니터가 4K여서 지금의 친효스킨 TOP버튼 세트 버튼의 크기가 딱히 문제가 되지는 않았습니다. 하지만 해상도가 FHD 이하급으로 내려가면 버튼 사이즈가 꽤 크다는것을 직감했습니다. 특히 티스토리에서 기본 제공하는 구독 버튼과의 겹침이 있어서 이 부분을 수정해야겠다고 생각했습니다. 내년 초 쯤 배포할 친효스킨 2.5 버전에서는 이와 관련된 항목이 스킨 옵션에 제공됩니다. 허나 그때까지 못 기다리시는 분들을 위해서 수동으로 변경하는 방법을 안내해 드리겠습니다. CSS 수정 먼저 아래의 첨부파일을 다운로드 받습니다. 다운로드 완료 후 열람해 보시면 CSS 코드가 두 개 들어있음을 확인할 수 있습니다. 각 코드별 사용 위치가 다르니 잘 따라해 주시기 바랍니다. 먼저 친효스킨의 CSS에서 "top..
친효스킨을 사용중이신 어떤분께서 문의를 해주셨습니다. 친효스킨의 모바일 페이지 화면에서 댓글 텍스트 크기를 가로로 100% 늘릴 수 없는지에 대해서요. PC에서는 매우 보기좋게 출력이 되지만 모바일의 경우는 아무래도 가로 크기에 제한이 있으니 몇 글자 안 들어가있는 댓글의 경우라면 큰 문제는 없지만, 긴 글의 댓글은 세로로 길어져서 보기가 조금 힘들수도 있습니다. 그래서 이런 부분을 조금이라도 해소하고자 문의를 주신 것 같습니다. 문제의 상황을 스크린샷으로 보여드립니다. 이런 상황입니다. 댓글 말풍선의 여백을 최대한 가로로 키울 수 있는지에 대한 문의인 것입니다. 간단합니다. 해결 방법을 알아보겠습니다. CSS에서 다음의 코드를 찾습니다. #contents .commentList .rgy-rewrite-..
안녕하세요. 친절한효자손입니다. 티스토리에는 정말 다양한 반응형 스킨들이 있습니다. 기본 스킨부터 사용자가 직접 만들어 배포하는 무료 및 유료 스킨들까지 포함하면 개수가 엄청 많이 있습니다. 개인적으로는 친효스킨이 공식 스킨이 되기를 바라는 마음이 굴뚝같지만... 아마 그럴 일은 없겠죠. 그래도 점점 친효스킨을 사용하는 분들이 늘어나는 것 같아서 한편으로는 매우 뿌듯함과 보람됨을 느낍니다. 동시에 더 잘 만들고 관리해야겠다는 마음이 생깁니다. 친효스킨을 사용하시는 분들께서 스킨에 대한 설정 방법을 물어보시면 매우 정확하게 답변해 드릴 수 있습니다. 제가 만든 스킨이니까 구조라던지 스타일이 어디서 어떻게 적용되는지 100% 알고 있기 때문입니다. 하지만 타스킨의 경우에는 그렇지 않습니다. 제가 만든 스킨이..
안녕하세요. 친절한효자손입니다. 미리 안내해드렸던대로 친효스킨 클래식 버전을 배포준비중입니다. 예정보다 빠르게 10월 1일에 배포를 진행하려고 합니다. 친효스킨 클래식은 기존의 친효스킨 뼈대를 그대로 유지하는 대신 애드센스를 제외한 모든 스킨 편집 옵션을 제거한 버전입니다. 따라서 HTML이라던지 CSS의 코드가 오리지널에 비해 대폭 축소되었다는것이 특징이라고 할 수 있겠습니다. 그냥 친효스킨의 스타일 그대로를 사용하기를 원하는 분들에게만 추천합니다. HTML과 CSS 압축 HTML에서 압축할 수 있는 영역은 입니다. 스킨편집 페이지의 다양한 옵션들을 제거하니까 안에 들어있던 다양한 스타일 옵션들이 99% 제거되었습니다. 따라서 스킨 로딩 시간이 소폭 상승하였습니다. CSS 부분도 마찬가지로 압축해놓은 ..
안녕하세요. 친절한효자손입니다. 티스토리 최고의 스킨을 위해서 불철주야(?) 열심히 애드온을 만들고 사용자 입장에서 다양한 커스텀을 원활하게 진행할 수 있는 노력을 기울이고 있습니다. 그 결과 꽤 많은 발전을 하게 되었습니다. 하지만 더불어 스킨의 용량도 조금씩 확장이 되어가고 있습니다. 기능은 점차 다양해지고 있지만 반대로 보자면 그만큼 무거워지고 있는 것입니다. 친효스킨 : 클래식 스킨 그래서 친효스킨을 아주 담백하게 만들어 보려고 합니다. 이름하여 「친효스킨 : 클래식」 입니다. 기존 친효스킨의 기본 뼈대와 스타일은 그대로 유지하되 스킨편집에서 설정했던 다양한 스킨의 변화에 대한 것들을 모조리 제거할 생각입니다. 애드센스 옵션을 제외한 나머지를 모두 없앨 것입니다. 즉 스킨의 스타일 그대로를 사용하..
안녕하세요. 친절한효자손입니다. 친효스킨 2.4 버전 이상부터는 애드센스의 노출 방식이 두 가지로 진행됩니다. 기존 버전에서는 티스토리 관리자에서의 애드센스가 모바일에서 출력되도록 설계되도록 변경되었는데 이 부분을 원치 않으신 분들을 위한 안내문입니다. 아마 어떤 콘텐츠를 관리하고 있느냐에 따라 애드센스 수익은 천차만별일텐데 제 경우는 애드센스를 모바일 해상도와 모바일 주소에서까지 억지로 노출시키는 경우, 수익이 워낙 들쑥날쑥하는날이 많더군요. 이유는 알 수 없습니다. 아마도 제 경우는 PC 해상도에서의 유입이 가장 많기 때문에 굳이 억지로 노출시키지 않아도 되는 모바일 애드센스를 사용하지 않는게 더 나을수도 있지 않을까라는 생각을 해봅니다. 제 경우와 비슷한 분들이 계신다면 친효스킨의 다음 부분을 수정..
안녕하세요. 친절한효자손입니다. 본 페이지는 그동안 작성한 스킨 제작 관련 글들을 한데 모은 링크 페이지입니다. 티스토리 사용 설명서 페이지와 같은 역할을 합니다. 제 경우 HTML와 CSS 등의 웹퍼블리싱을 배우고 티스토리에 적용시키려 했는데 아시다시피 티스토리에서는 치환자라고 하는 스크립트를 사용하기에 HTML의 뼈대도, 또 그에 따른 CSS 스타일도 사용자 임의대로 자유롭게 편집을 하기가 곤란했습니다. 그리고 치환자 개념도 없었기때문에 스킨 제작에 더 큰 어려움이 있었습니다. 저와 같은 어려움을 겪으시는 분들에게 도움이 되고자 열심히 글을 작성했습니다. 친효스킨을 제작하면서 알게된 개념들을 최대한 이해가 쉽도록 작성했지만 저 역시 사람인지라 제대로 전달이 되지 않을수도 있습니다. 머릿속에 개념은 있..
친효스킨 2.4버전 이상부터 적용되는 디데이(D-Day) 카운터 모듈에 대한 안내 겸 다른 스킨에는 어떻게 적용하는지에 대한 소개입니다. 현재 이곳 친절한효자손 취미생활 티스토리에도 적용된 기능입니다. PC 해상도 기준으로 왼쪽 사이드바에 위치한 디데이 모듈을 주목해 주시기 바랍니다. 아래의 스크린샷 이미지는 과거에 스샷해 놓은 것이기에 현재의 날짜와 맞지 않을 것입니다. 그냥 이미지로서만 봐주시면 됩니다. 두 가지의 기능을 담은 디데이 모듈입니다. 첫번째는 지정한 날짜로부터 계속 카운터가 되는 형태이며 마지막 두번째는 지정한 날짜까지의 남은 날을 계산해주는 카운터입니다. 둘 다 쓰임새가 다를 것입니다. 첫번째의 경우는 예시에서처럼 홈트레이닝 ~일째라는 것을 보여줄 때 요긴할 것입니다. 두번째는 예시처럼..
안녕하세요. 친절한효자손입니다. 예전에 친효스킨 v2.0 정식 배포 한달전에 부지러너라는 시스템을 만들어 선배포를 했던 경험이 있습니다. 기억하시나요? 부지러너는 쉽게 말해서 얼리버드라고 생각하시면 될 것 같습니다. 게임으로 비유하자면 베타테스터같은 느낌이지요. 미리 사용해보고, 버그나 문제점, 혹은 개선점을 파악하여 좀 더 완벽에 가까운 스킨으로 만드는게 목적인 것입니다. 부지러너 모집 안내 지난 v2.0 부지러너때는 대략 10명의 사용자를 모셨습니다만 그때의 문제점을 언급하자면 다음과 같습니다. 부지러너를 모집했지만 아래의 일들 때문에 제대로 피드백이 이루어지지 않았습니다. -10명의 부지러너 중 1~2명을 제외한 나머지는 제대로 티스토리 운영을 하지 않음. 따라서 스킨의 사용 부분에 대한 피드백을 ..
이번에는 타입 중 아직까지 언급을 하지 않은 마지막 단계인 COLOR(컬러)입니다. 어떤 설정인지 단어만 봐도 바로 이해할 수 있을겁니다. 바로 그렇습니다. 색 지정에 대한 설정이 가능한 옵션을 부여합니다. 친효스킨에서는 컬러 설정 부분이 상당히 많이 쓰입니다. 대표적으로 댓글과 메인 테마 색상을 설정하는데 이 옵션이 사용되었습니다. 댓글의 경우는 세부적으로 나뉘어 다양한 영역에 대한 색 지정이 가능합니다. COLOR 타입 또한 STRING 처럼 HTML 문서 내의 안쪽에 존재하는 영역에서 CSS를 제어할 수 있습니다. 또한 내의 인라인 방식의 스타일도 제어가 가능합니다. 하지만 굳이 인라인 방식까지 제어할 필요는 없는 것 같습니다. 그냥 내에서도 충분합니다. COLOR 타입은 STRING과 똑같다고 보..
이번에는 index 페이지에 있는 여러 타입들 중에서 SELECT에 대해서 자세히 알아볼 것입니다. 친효스킨에도 Select 타입의 스킨 설정 옵션이 몇 가지 적용되어 있습니다. 단어의 의미를 그대로 직역해 보시기 바랍니다. 말 그대로 선택이라는 의미입니다. 그렇습니다. 여러가지 옵션들 중에서 선택을 필요로할때 적용할 수 있는 스킨 옵션입니다. 지금까지 소개해드렸던 스킨 제작 가이드 중에서 아마 설명이 많이 복잡하게 들어갈 것 같습니다. 이게 단순하게 작업이 진행되는것이 아니기 때문입니다. BOOL 타입의 경우는 그룹치환자를 만들어서 감싸주고 치환자 매소드를 index 페이지에 연결만 시켜주면 On / Off 스위치를 스킨설정 페이지에 만들 수 있었습니다. 그러나 SELECT 타입은 이렇게 단순하지가 않..
안녕하세요. 친절한효자손입니다. 댓글로 인용구 수정 방법에 대해서 문의를 주셨는데 답변으로는 내용이 너무 길어 불가능하여 이렇게 따로 글을 작성하게 되었습니다. 친효스킨의 경우는 대부분의 중요 구간을 주석으로 표시해두었습니다. 따라서 CSS에서 해당 스타일에 대한 부분을 한번 키워드 검색해 보시면 좀 더 찾기 쉬울 것입니다. 혹은 크롬 개발자툴로 해당 위치 영역을 탐색하여 관련 CSS를 확인하는 방법도 좋습니다. 참고로 이 방법은 친효스킨뿐만 아니라 티스토리에서 사용 가능한 모든 반응형 스킨에서 적용 가능한 방법입니다. 인용구 스타일 확인 먼저 친효스킨 적용 시 인용구는 어떻게 적용되는지 확인해 봅니다. 인용구1 스타일 인용구2 스타일 인용구3 스타일 이렇게 적용이 되고 있습니다. 본문에서는 두번째 인용..
안녕하세요. 친절한효자손입니다. 친효스킨을 꾸준히 사랑해주셔서 감사합니다. 이번 9월에 업데이트 될 친효스킨 2.4 버전에 대한 상세한 내용을 전해드리려고 합니다. 생각보다 많은 부분이 수정되었습니다. 2.3 버전때도 더 이상 손 볼 곳은 없다고 생각했는데 많은 분들께서 피드백을 주시고 이로 인해 발생한 버그들이 꽤 있었습니다. 발견 즉시 열심히 수정을 하였습니다. 현재 머물고 계신 이곳! 친절한효자손 취미생활 티스토리에 친효스킨 2.4 버전이 설치되어 있습니다. 메인 화면을 가보시면 못 보던 커버 1종이 추가된걸 확인하실 수 있으실겁니다. 또한 사이드바에 디데이 모듈도 보이고 스트리밍 모듈도 보이는군요. 꽤 많은 부분이 발전하고 고쳐졌습니다. 특히 애드센스 부분도 많이 변모했습니다. 그러면 어떻게 업그..
티스토리 스킨 제작을 위한 티스토리 가이드 페이지가 있긴 합니다만 설명이 많이 부실합니다. 저 같은 초보자에게는 이게 대체 무슨 의미인지를 모르겠더군요. 제가 만약 티스토리 부서에 배치된 직원이라면 절대 그렇게 설명하지 않습니다. 제대로 설명을 해놨을 것입니다. 그런 마음을 담아서 이번 강좌부터는 제 스타일대로 나름 자세한 설명을 진행하려고 합니다. 부디 이 내용이 티스토리 스킨을 제작하시는 분들에게 도움이 되기를 바랍니다. 스킨 구성 파일 중 index.xml 의 역할 이 파일은 티스토리 스킨편집의 구성을 담당합니다. 스킨의 설정을 직접적으로 진행하기 위한 페이지로서 사용자 편의성을 제공하는데 목적을 두고 있습니다. 스킨 편집을 위한 파일이라고 생각하시면 됩니다. 스킨의 HTML에 특수 태그를 만들고 ..
티스토리는 HTML을 수정할 수 있다는 막강한 장점이 있습니다. 이것을 활용해서 사이드바에 다양한 형태의 배너를 게시할 수 있습니다. 대표적으로는 애드센스가 있습니다. 물론 요즘은 애드센스 계정과의 자체 연동으로 인해 버튼 하나만 켜두면 자동으로 애드센스 스크립트가 들어가 광고를 너무 편리하게 배치할 수 있게 되었습니다. 허나 개인적으로 사이드바에 어떤 배너를 만들고자 할 때는 모두 수동으로 설정해야만 합니다. 본문에서는 어떻게 사이드바에 이미지 배너를 생성하는지에 대해 알아볼 것입니다. 타스킨도 사용 가능한 방법이며 당연히 친효스킨에서도 정상적인 동작을 하는 것 까지 확인했습니다. 배너에 사용할 이미지 준비 가장 먼저 이미지를 준비합시다. 이미지는 되도록 너무 크지 않는것을 추천하며 확장자는 gif 또..
안녕하세요. 친절한효자손입니다. 댓글로 제보를 주셔서 확인해보니 현재 친효스킨 2.3 버전에서 본문에 리스트 작업 시 들여쓰기가 제대로 되지 않고 리스트 스타일이 제대로 출력되지 않는 문제를 발견했습니다. 따라서 해당 문제를 해결할 수 있는 방법을 안내해 드리겠습니다. TIP 스킨 편집 전 반드시 백업은 필수입니다. CSS 수정하기 친효스킨의 스킨 편집 페이지로 들어갑니다. CSS 탭에서 다음의 코드를 찾습니다. 한글로 「본문 리스트」라고 검색하시면 빠르게 찾을 수 있을겁니다. /* 본문 리스트 */ #contents .article > ul, #contents .article > ol, #contents .article div.tt_article_useless_p_margin > ul, #content..
안녕하세요. 친절한효자손입니다. 친효스킨 2.3 버전에 대한 일부 코드 수정 안내입니다. 치명적인 문제는 아닙니다. 본문 로딩 스크립트의 위치를 변경하고자 이렇게 안내를 드리려고 합니다. 본문을 다 로드 후 스크립트가 실행되다보니 바로 곰돌이가 보이지 않고 약 0.5초 정도 후 곰돌이가 보이는 문제를 수정했습니다. 위치를 옮기면 이제 로딩 스크립트가 바로 실행되고 본문 로딩이 모두 완료되면 곰돌이도 사라지게 될 것입니다. HTML 수정 방법 다음의 스크립트를 HTML 편집 화면에서 찾습니다. 위치는 바로 위에 있을 것입니다. 이것이 스킨 로딩과 관련된 태그 코드입니다. 이 코드를 모두 블록 처리하여 잘라내기(Ctrl+X) 합니다. 그리고 바로 뒤에 붙여넣기 해줍니다. 수정 완료 후의 모습입니다. 친효스킨..
친효스킨 버전 2.2 이상 사용자부터는 댓글의 디테일한 색상을 사용자가 원하는대로 설정할 수 있습니다. 배경색부터 말풍선 색상까지, 질문자와 에디터 주인의 영역도 따로 색상 지정이 가능합니다. 텍스트의 색상 또한 따로 지정이 가능합니다. 즉 구석 구석 다양한 색상을 완전 자유롭게 설정이 가능합니다. 친효스킨 댓글 스타일 미리보기 위의 스크린샷 이미지는 친효스킨의 댓글 스타일의 모습입니다. 질문자와 에디터의 영역이 대화 형식으로 명확히 구별되는것이 특징입니다. 질문자의 프로필 텍스트 색상, 아이콘 색상, 대화칸 백그라운드 색상, 대화칸 텍스트 색상을 사용자 임의로 변경할 수 있습니다. 작성 날짜와 신고 버튼 색상 또한 수정이 가능합니다. 에디터 영역도 마찬가지로 디테일하게 색상 변경이 가능합니다. 이전 댓..
안녕하세요. 친절한효자손입니다. 친효스킨 2.3 버전 이상부터 다크모드가 추가되었습니다. 다크모드는 기본 색상에 맞춰서 세팅되어있습니다. 만약 메인 테마 색상 및 서브 색상 등등을 변경한 이후에 다크모드를 적용시키면 다소 어울리지 않을 수 있으니 참고하시기 바랍니다. 친효스킨 댓글 항목에 대한 색상은 사용자가 임의로 조정 가능하도록 설계가 되어있다는걸 아실겁니다. 따라서 다크모드 적용시에는 댓글 테마도 맞춰서 수동 설정해주시면 됩니다. 물론 꼭 필요한 수정은 아닙니다. 만약 기존 아이폰 테마나 카카오톡 테마를 사용중이시라면 그대로 사용하시면 됩니다. 다만 다크테마에 맞춰서 잘 어울릴만한 색상표를 안내해 드리는 것이니 그냥 참고만 하시기 바랍니다. 다크모드 댓글 색상표 위치 색상코드 댓글 레이아웃 배경색 ..
안녕하세요. 친절한효자손입니다. 친효스킨 2.2 이상부터 사용 가능한 댓글 테마 색상표 정보입니다. 이번에는 아이폰 테마입니다. 말그대로 아이폰의 문자 스타일 색상을 그대로 추출하였습니다. 먼저 적용된 화면을 미리 만나보시기 바랍니다. 이런 스타일입니다. 미리보기 실제 사용중인 아이폰의 문자 내용을 캡쳐해서 색상을 추출했습니다. 색상 변경은 관리자 > 꾸미기 > 스킨편집에서 진행 가능합니다. 색상표 색상은 16진수 헥사코드를 사용합니다. 아래의 표를 보시고 각 영역에 맞는 색상코드를 입력해 주시기 바랍니다. 코드 앞의 #은 생략되어 있습니다. 참고하시기 바랍니다. 위치 색상코드 댓글 레이아웃 배경색 FFF 댓글 구분선 E5E5EA 상대방댓글 배경색 E5E5EA 상대방댓글 텍스트 222 내답글 배경색 49..
친효스킨 본문이 아닌, 댓글 부분의 폰트 (글꼴, 글씨) 크기에 대한 수정 방법을 문의하시는 분들이 계십니다. 다음번 버전때 이 부분은 스킨편집 화면에서도 수정 가능하도록 업데이트가 완료되었습니다. 새로운 버전 배포 전에 수동으로 편집하고 싶으신분들은 본문의 내용을 따라서 그대로 진행하시면 됩니다. 수동 설정 방법 티스토리 관리자 페이지로 들어갑니다. 그리고 왼쪽 카테고리의 꾸미기 > 스킨 편집으로 들어갑니다. 오른쪽 상단에 있는 HTML 편집 버튼을 누릅니다. CSS 탭을 선택하고 다음의 코드를 찾습니다. #contents .commentList .rgy-rewrite-window .rgy-rewrite-window-right .rgy-rewrite-window-right-bottom .re-chatw..
안녕하세요. 친절한효자손입니다. 친효스킨 2.2 버전 이상 가능합니다. 댓글의 컬러를 에디터 마음대로 설정할 수 있습니다. 이번에는 삼성 갤럭시 시리즈의 문자 테마 색상을 가지고 왔습니다. 적용되는 화면을 미리 만나보시기 바랍니다. 미리보기 기본적으로 이런 느낌의 색상 테마입니다. 실제 사용중인 갤럭시노트9의 문자 내용을 캡쳐해서 색상을 추출했습니다. 나름 이쁜 것 같습니다. 색상 변경은 관리자 > 꾸미기 > 스킨편집에서 진행 가능합니다. 색상표 색상은 16진수 헥사코드를 사용합니다. 각 영역에 대해서 색상표를 적어두었습니다. 코드 앞의 #은 생략되어 있습니다. 참고하시기 바랍니다. 위치 색상코드 댓글 레이아웃 배경색 FFF 댓글 구분선 EDEDED 상대방댓글 배경색 EDEDED 상대방댓글 텍스트 222..