안녕하세요. 친절한효자손입니다. 얼마 전 티스토리측에서 새로운 댓글과 방명록 시스템 업데이트 소식을 알렸습니다. 이미 이 부분에 대해서는 한 차례 언급했었죠? 아래의 글에서 말입니다. 티스토리 댓글 / 방명록 치환자 변경 안내 (With 친효스킨) 티스토리 댓글 / 방명록 치환자 변경 안내 (With 친효스킨) 안녕하세요. 친절한효자손입니다. 2023년 5월 23일에 티스토리팀에 새로운 공지가 올라왔습니다. 내용인즉슨 댓글 및 방명록 시스템이 업데이트 된다는 소식이었습니다. 자세한 내용은 아래의 공 rgy0409.tistory.com 네. 원래 천천히 느긋하게 즐기려고 했는데 이날부터 계속 신경이 조금씩 쓰였습니다. 매도 먼저 맞는게 낫다고 바로 주말에 작업을 완료했습니다. 기존 댓글보다 좀 더 체계가 ..
안녕하세요. 친절한효자손입니다. 본문 소제목1에 대한 CSS 스타일 변경 안내입니다. 기존 2.6.SRA 버전에서 모바일 해상도에서 접속 시 제목1(h1)로 적용시킨 소제목이 오른쪽으로 텍스트가 너무 치우쳐 가독성이 좋지 못하다는 피드백이 있었습니다. 그래서 스타일을 수정했습니다. 안녕하세요. 친절한효자손입니다. 이렇게요. 이제 텍스트가 모바일에서 우측으로 치우칠일은 없을 것입니다. 갑자기 생각나서 만들어봤는데 만족스럽습니다. CSS 수정하기 친효스킨 2.6.SRA 버전을 사용하시는 분들은 스킨편집의 CSS 탭에서 다음의 코드를 찾습니다. #contents .article h2 { position: relative; padding: 10px 15px; margin-left: 40px; font-size:..
안녕하세요. 친절한효자손입니다. 새해가 코 앞입니다. 모두들 새해 복 많이 받으시고 건강하시고 하시는 일 잘 되시기를 빌겠습니다. 새로운 친효스킨 버전은 2023년 3월 배포로 예정되어 있었지만 이번달에 새로운 애드센스 광고가 업데이트 되면서 빠르게 배포하는게 좋겠다는 생각에 2023년 새해가 시작되기 하루 전인 12월 31일에 후원해주신 분들을 대상으로 안내 메일을 발송해드릴 예정입니다. 발송 방식은 후원자분들께서 작성하신 신청서의 이메일 기준입니다. 만약 후원해주신 분들 중에서 이메일을 받지 못하셨다면 댓글로 문의 부탁드리겠습니다. 사이드 레일 애드센스 애드센스 홈페이지에 로그인을 하시고 광고 카테고리를 들어가보시면 아래와 같은 새로운 옵션이 보일 것입니다. 한국어 버전으로는 측면 레일이라고 표시가 ..
안녕하세요. 친절한효자손입니다. 모처럼 CSS 부분을 만져봤습니다. 저는 글을 쓸 때 소제목을 적극 이용하는 편입니다. 소제목은 말그대로 글 내에서의 작은 단락에 대한 제목입니다. 기승전결이 필요한 긴 글의 경우 가독성 및 분위기 전환을 알릴 수 있는 간단한 방법이 바로 소제목을 사용하는 것입니다. 이 부분부터는 이러한 주제가 시작된다는것을 알려주는 것입니다. 저는 제목2, 제목3 스타일을 가장 많이 사용합니다. 하지만 좀처럼 제목1은 사용하지 않고 있습니다. 사실 본문 소제목의 깊이가 많아야 2단계로 끝나는 경우가 대부분이기 때문입니다. 만약 3단 깊이의 소제목을 사용하려면 차라리 글을 나누는것이 훨씬 유리할 것입니다. 아무튼 제목1의 기능이 그냥 방치되고 있는 느낌이라 차라리 이것을 잘 살릴 수 있는..
안녕하세요. 친절한효자손입니다. 티스토리에는 다양한 플러그인이 있습니다. 일종의 애드온이죠. 티스토리 기능을 조금 더 멋지고 편리하게 바꿔주는 기능을 담당하고 있습니다. 하지만 어디까지나 선택의 영역이기에 절대적으로 적용해야하는 옵션은 아닙니다. 그래서 플러그인 형태로 입맛에 맞게 사용하라고 제공하고 있지요. 친효스킨은 방문자 그래프가 사이드바 기본 모듈로 등록되어 있습니다. 그런데 카카오그룹 데이터센터 화제가 발생한 이후로부터 이 모듈이 정상적으로 동작하지 않고 있습니다. 시간이 지나면 해결될 것 같은데 한 달이 넘어도 원래대로 돌아올 생각을 안 하고 있군요. 그렇기에 해당 모듈을 빼고 티스토리 방문자 그래프 플러그인을 친효스킨 스타일로 만드는 방법에 대해 공유하겠습니다. 방문자 통계 그래프 플러그인 ..
안녕하세요. 친절한효자손입니다. 제보가 들어왔습니다. 친효스킨 최신 버전 사용자께서 티스토리의 페이지 기능을 사용하고 계신데 친효스킨 적용 이후에 페이지 글이 보이지 않는 문제에 대해 문의해 주셨습니다. 과거에 저도 페이지 글을 테스트겸 두 개 정도 작성을 했었기에 바로 들어가 확인해보니 말씀처럼 정말 글이 아예 출력이 되지 않는 문제를 목격했습니다. 타스킨은 다 되는데 친효스킨만 안 된다는것은 친효스킨의 문제가 확실해 보입니다. 티스토리 페이지란? 티스토리 관리자 화면에 들어가보시면 왼쪽의 콘텐츠 카테고리에 페이지 관리라는 소 카테고리가 보일것입니다. 여기에서 글을 작성하시면 자신의 티스토리 도메인 주소에 /pages/문서번호 형태로 글 주소가 세팅됩니다. 페이지의 글도 검색엔진에 똑같이 노출됩니다. ..
이번 이태원 사고로 인해 상심이 크실 유가족분들에게 먼저 심심한 위로의 말씀을 올립니다. 그 어떤 위로의 말도 크게 와닿지 않으시겠지만 그래도 힘 내셨으면 좋겠습니다. 그런데 이번 사고를 또 이용해 방문자수를 유도하는 아주 최악의 인간들이 또 기승을 부리는 모양입니다. 티스토리 블로거 중에서도요. 제정신인가 싶습니다. 하지 말라는건 곧죽어도 하죠. 대체 언제쯤 철이 들까요? 한심할 따름입니다. 그래서 스킨 전체에 노출이 되는 공지 칸을 하나 추가하면 어떨까 싶었고 곧바로 친효스킨에 적용을 시켜보았습니다. 현재 친효스킨의 최상단 애드센스 바로 아래에 긴급공지 모듈이 설치되어 있습니다. 사용 목적은 지금과 같이 애도의 글을 올릴때 또는 무언가 티스토리 블로거가 급하게 방문자분들에게 알리고 싶은 내용이 짤막하..
안녕하세요. 친절한효자손입니다. 어제까지만해도 안 그랬는데 2022년 8월 8일! 오늘 티스토리에 접속해보니 뭔가 본문에 업데이트가 된 모양입니다. 보아하니 티스토리측에서 본문 관련 CSS를 새롭게 추가한 듯 합니다. 이 코드로 인해 친효스킨의 본문 중 일부가 스타일이 엉망이 되는 현상을 목격했습니다. 현재까지 발견된 오류는 다음과 같습니다. 1. 본문 글꼴 및 리스트 스타일 2. 첨부파일 스타일 3. 본문 자동링크 스타일 4. TOC 자동목차 스타일 5. 유튜브 썸네일 자동생성 스타일 이 문제들을 수동으로 해결할 수 있는 방법을 안내해 드리겠습니다. 본문 글꼴 및 리스트 스타일 친효스킨 본문의 기본 글꼴은 이롭게바탕체입니다. 그런데 애플 고딕체로 강제 적용이 되었더군요. 마음에 들지 않기에 친효스킨의 ..
안녕하세요. 친절한효자손입니다. 친효스킨을 후원 시스템으로 돌린 후 당연히 예상했던대로 친효스킨 사용 요청이 뚝! 끊겼습니다. 과거에는 무작정 많은 사람들이 사용해줬으면 하는 바램이 컸지만 지금은 진짜 콘텐츠를 운영하시는 분들만 사용했으면 합니다. 오히려 이게 맞는 방향이지 않았을까 싶습니다. 과거의 저를 반성해 봅니다. 놀랍게도 티스토리 사용자분들 중에서는 그림이나 사진같은 작품 전시를 주 목적으로 운영하시는 분들도 상당 수 계시는 것 같습니다. 저 역시 최근에 풍경화를 그리시는 분을 발견했고 이러한 분들께서 사용할만한 스킨이 아직 티스토리 생태계에서는 없다는것을 깨닫게 되었습니다. 저 역시 이따금씩 풍경화를 그리고 있는 사람으로서 더더욱 절실히 느끼는 부분이기도 합니다. 그래서 결심했습니다. 친효스킨..
안녕하세요. 친절한효자손입니다. 원래 다음달 3월에 배포 예정이었던 친효스킨 2.5 버전을 예정보다 더 빨리 배포를 하기로 결정했습니다. 최근 이슈 때문입니다. 새로운 버전부터는 후원 시스템을 통해서 친효스킨을 사용하도록 변경했습니다. 즉 유료화를 한다는 의미입니다. 이에 대한 내용은 아래의 글에 자세히 적어두었으니 혹시 못 보셨다면 꼭 한번 읽어주시기 바랍니다. 공지! 친효스킨 무료 배포 중단 안내 (그리고 후원에 대해) 공지! 친효스킨 무료 배포 중단 안내 (그리고 후원에 대해) 안녕하세요. 친절한효자손입니다. 최근 벌어진 일이었죠. 친효스킨 사용자 중 제 콘텐츠를 허락도 없이 본문 그대로 복사를 해서 게시한 내용입니다. 이틀 연속 댓글을 남겨 왜 그런 행동을 했 rgy0409.tistory.com ..
안녕하세요. 친절한효자손입니다. 크롬 브라우저가 최근 업데이트가 되면서 파이어폭스랑 뭔가 상당히 비슷해졌다는것을 느끼고 있습니다. 기능상 문제는 아니고 HTML과 CSS를 표현함에 있어서 파이어폭스처럼 변화가 된 것 같습니다. 이 현상은 예전부터 알고있던 문제였는데 단순히 두 브라우저의 웹 엔진이 달라서 출력하는 방법에서의 차이일 뿐 기능은 이상 없다고 여겨져 사실상 그냥 무신경 상태로 방치했었어요. 왜냐하면 국내에서는 파폭보단 크롬을 사용하는 유저가 압도적으로 많기 때문입니다. 허나 이제는 크롬에서도 이러한 현상이 목격되고 말았습니다. 문제의 현상 친효스킨의 TOP버튼 세트 꾸러미 모습입니다. 보시면 아시겠지만 진한회색 박스 안의 폰트어썸 아이콘들이 살짝 아래로 내려가있는 모습을 보이고 있습니다. 친효..
현재 사용중인 모니터가 4K여서 지금의 친효스킨 TOP버튼 세트 버튼의 크기가 딱히 문제가 되지는 않았습니다. 하지만 해상도가 FHD 이하급으로 내려가면 버튼 사이즈가 꽤 크다는것을 직감했습니다. 특히 티스토리에서 기본 제공하는 구독 버튼과의 겹침이 있어서 이 부분을 수정해야겠다고 생각했습니다. 내년 초 쯤 배포할 친효스킨 2.5 버전에서는 이와 관련된 항목이 스킨 옵션에 제공됩니다. 허나 그때까지 못 기다리시는 분들을 위해서 수동으로 변경하는 방법을 안내해 드리겠습니다. CSS 수정 먼저 아래의 첨부파일을 다운로드 받습니다. 다운로드 완료 후 열람해 보시면 CSS 코드가 두 개 들어있음을 확인할 수 있습니다. 각 코드별 사용 위치가 다르니 잘 따라해 주시기 바랍니다. 먼저 친효스킨의 CSS에서 "top..
친효스킨을 사용중이신 어떤분께서 문의를 해주셨습니다. 친효스킨의 모바일 페이지 화면에서 댓글 텍스트 크기를 가로로 100% 늘릴 수 없는지에 대해서요. PC에서는 매우 보기좋게 출력이 되지만 모바일의 경우는 아무래도 가로 크기에 제한이 있으니 몇 글자 안 들어가있는 댓글의 경우라면 큰 문제는 없지만, 긴 글의 댓글은 세로로 길어져서 보기가 조금 힘들수도 있습니다. 그래서 이런 부분을 조금이라도 해소하고자 문의를 주신 것 같습니다. 문제의 상황을 스크린샷으로 보여드립니다. 이런 상황입니다. 댓글 말풍선의 여백을 최대한 가로로 키울 수 있는지에 대한 문의인 것입니다. 간단합니다. 해결 방법을 알아보겠습니다. CSS에서 다음의 코드를 찾습니다. #contents .commentList .rgy-rewrite-..
안녕하세요. 친절한효자손입니다. 미리 안내해드렸던대로 친효스킨 클래식 버전을 배포준비중입니다. 예정보다 빠르게 10월 1일에 배포를 진행하려고 합니다. 친효스킨 클래식은 기존의 친효스킨 뼈대를 그대로 유지하는 대신 애드센스를 제외한 모든 스킨 편집 옵션을 제거한 버전입니다. 따라서 HTML이라던지 CSS의 코드가 오리지널에 비해 대폭 축소되었다는것이 특징이라고 할 수 있겠습니다. 그냥 친효스킨의 스타일 그대로를 사용하기를 원하는 분들에게만 추천합니다. HTML과 CSS 압축 HTML에서 압축할 수 있는 영역은 입니다. 스킨편집 페이지의 다양한 옵션들을 제거하니까 안에 들어있던 다양한 스타일 옵션들이 99% 제거되었습니다. 따라서 스킨 로딩 시간이 소폭 상승하였습니다. CSS 부분도 마찬가지로 압축해놓은 ..
안녕하세요. 친절한효자손입니다. 티스토리 최고의 스킨을 위해서 불철주야(?) 열심히 애드온을 만들고 사용자 입장에서 다양한 커스텀을 원활하게 진행할 수 있는 노력을 기울이고 있습니다. 그 결과 꽤 많은 발전을 하게 되었습니다. 하지만 더불어 스킨의 용량도 조금씩 확장이 되어가고 있습니다. 기능은 점차 다양해지고 있지만 반대로 보자면 그만큼 무거워지고 있는 것입니다. 친효스킨 : 클래식 스킨 그래서 친효스킨을 아주 담백하게 만들어 보려고 합니다. 이름하여 「친효스킨 : 클래식」 입니다. 기존 친효스킨의 기본 뼈대와 스타일은 그대로 유지하되 스킨편집에서 설정했던 다양한 스킨의 변화에 대한 것들을 모조리 제거할 생각입니다. 애드센스 옵션을 제외한 나머지를 모두 없앨 것입니다. 즉 스킨의 스타일 그대로를 사용하..
안녕하세요. 친절한효자손입니다. 친효스킨 2.4 버전 이상부터는 애드센스의 노출 방식이 두 가지로 진행됩니다. 기존 버전에서는 티스토리 관리자에서의 애드센스가 모바일에서 출력되도록 설계되도록 변경되었는데 이 부분을 원치 않으신 분들을 위한 안내문입니다. 아마 어떤 콘텐츠를 관리하고 있느냐에 따라 애드센스 수익은 천차만별일텐데 제 경우는 애드센스를 모바일 해상도와 모바일 주소에서까지 억지로 노출시키는 경우, 수익이 워낙 들쑥날쑥하는날이 많더군요. 이유는 알 수 없습니다. 아마도 제 경우는 PC 해상도에서의 유입이 가장 많기 때문에 굳이 억지로 노출시키지 않아도 되는 모바일 애드센스를 사용하지 않는게 더 나을수도 있지 않을까라는 생각을 해봅니다. 제 경우와 비슷한 분들이 계신다면 친효스킨의 다음 부분을 수정..
안녕하세요. 친절한효자손입니다. 댓글로 인용구 수정 방법에 대해서 문의를 주셨는데 답변으로는 내용이 너무 길어 불가능하여 이렇게 따로 글을 작성하게 되었습니다. 친효스킨의 경우는 대부분의 중요 구간을 주석으로 표시해두었습니다. 따라서 CSS에서 해당 스타일에 대한 부분을 한번 키워드 검색해 보시면 좀 더 찾기 쉬울 것입니다. 혹은 크롬 개발자툴로 해당 위치 영역을 탐색하여 관련 CSS를 확인하는 방법도 좋습니다. 참고로 이 방법은 친효스킨뿐만 아니라 티스토리에서 사용 가능한 모든 반응형 스킨에서 적용 가능한 방법입니다. 인용구 스타일 확인 먼저 친효스킨 적용 시 인용구는 어떻게 적용되는지 확인해 봅니다. 인용구1 스타일 인용구2 스타일 인용구3 스타일 이렇게 적용이 되고 있습니다. 본문에서는 두번째 인용..
안녕하세요. 친절한효자손입니다. 친효스킨을 꾸준히 사랑해주셔서 감사합니다. 이번 9월에 업데이트 될 친효스킨 2.4 버전에 대한 상세한 내용을 전해드리려고 합니다. 생각보다 많은 부분이 수정되었습니다. 2.3 버전때도 더 이상 손 볼 곳은 없다고 생각했는데 많은 분들께서 피드백을 주시고 이로 인해 발생한 버그들이 꽤 있었습니다. 발견 즉시 열심히 수정을 하였습니다. 현재 머물고 계신 이곳! 친절한효자손 취미생활 티스토리에 친효스킨 2.4 버전이 설치되어 있습니다. 메인 화면을 가보시면 못 보던 커버 1종이 추가된걸 확인하실 수 있으실겁니다. 또한 사이드바에 디데이 모듈도 보이고 스트리밍 모듈도 보이는군요. 꽤 많은 부분이 발전하고 고쳐졌습니다. 특히 애드센스 부분도 많이 변모했습니다. 그러면 어떻게 업그..
안녕하세요. 친절한효자손입니다. 댓글로 제보를 주셔서 확인해보니 현재 친효스킨 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 버전 이상부터 다크모드가 추가되었습니다. 다크모드는 기본 색상에 맞춰서 세팅되어있습니다. 만약 메인 테마 색상 및 서브 색상 등등을 변경한 이후에 다크모드를 적용시키면 다소 어울리지 않을 수 있으니 참고하시기 바랍니다. 친효스킨 댓글 항목에 대한 색상은 사용자가 임의로 조정 가능하도록 설계가 되어있다는걸 아실겁니다. 따라서 다크모드 적용시에는 댓글 테마도 맞춰서 수동 설정해주시면 됩니다. 물론 꼭 필요한 수정은 아닙니다. 만약 기존 아이폰 테마나 카카오톡 테마를 사용중이시라면 그대로 사용하시면 됩니다. 다만 다크테마에 맞춰서 잘 어울릴만한 색상표를 안내해 드리는 것이니 그냥 참고만 하시기 바랍니다. 다크모드 댓글 색상표 위치 색상코드 댓글 레이아웃 배경색 ..
안녕하세요. 친절한효자손입니다. 친효스킨에서 적용 가능한 친효애드온의 미리보기 페이지입니다. 친효애드온은 타 스킨에서도 사용 가능하도록 설계가 되어있습니다. 타스킨에서의 사용을 원하는 경우 HTML부터 CSS 까지 수동으로 세팅해야 하는 불편함이 있습니다. 하지만 친효스킨의 경우는 기본적으로 모든 친효애드온이 세팅되어 있습니다. 결국은 뭐다?! 그렇습니다. 세팅이 어렵거나 귀찮으시면 친효스킨을 사용하시면 됩니다. (머쓱) 친효애드온의 종류는 다음과 같습니다. 1. DIV 커스텀 박스 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..
해당 내용은 친효스킨 2.3 버전에서 변경할 수 있는 옵션을 스킨편집 페이지에 적용시켰습니다. 그 전에 수동으로 변경하고 싶으신 분들은 본 내용을 따라하시면 됩니다. 친효스킨의 최신 버전은 댓글이 작성순으로 정렬되어 있습니다. 이 부분을 다시 원래대로 만들고 싶으신 분들을 위한 강좌입니다. 원래대로라 함은 최신 댓글이 위가 아닌, 기존 방식처럼 아래로 쌓이는 형태를 의미합니다. 방법은 매우 간단합니다. 친효스킨 CSS에서 다음의 위치를 찾습니다. 「댓글 리스트」 라고 검색하시면 쉽게 찾을 수 있습니다. /* 댓글 리스트 */ #contents .commentList .rgy-reply { display: flex; flex-direction: column-reverse; -webkit-flex-direc..
안녕하세요. 친절한효자손입니다. 2.2 버전을 업데이트한지도 얼마 되지 않았는데 또 버전을 업그레이드 하느냐고 불만을 토하시는 분들은 설마 안계시리라 생각하며 조심스럽게 이야기를 시작해보겠습니다. 친효스킨의 새로운 버전을 준비 중입니다. 뭐 놀랍지도 않은 소식이죠? 2.2 버전도 완벽하게 마무리했다고 생각했는데 사용자분들의 다양한 피드백을 받았습니다. 제 기준에서의 피드백은 사실 단순합니다. 단 한 사람이라도 뭔가 이런 부분에 대해 적용이 되었으면 좋겠다는 이야기를 듣게 되면 해당 내용이 친효스킨의 사용에 있어서 도움이 되는 부분인지를 집중 탐구합니다. 그리고 유익하다 싶으면 냅따 적용시킵니다. 이런 부분들을 최대한 반영했습니다. 그러면 어떤 부분들이 변경되는지 한번 살펴보겠습니다. 커버에 기본 썸네일 ..
안녕하세요! 친절한효자손 입니다. 2020년 12월 1일에 친효스킨 2.2 버전을 업데이트 완료했습니다. 이번 버전에서는 몇 가지 오류 수정 및 새로운 커버 스킨 1종이 추가 되었습니다. 갤러리2 커버인데요, 기존 갤러리 커버의 다른 형태라고 생각하시면 될 것 같습니다. 이것도 전부터 만들어보고 싶었던 스타일이었습니다. 바로 적용해 보았고 원래 계획대로 잘 나와줘서 무척이나 만족스러운 커버입니다. 이번 친효스킨 2.2 버전에서 업데이트된 내용은 다음과 같습니다. 갤러리2 커버 추가 이것이 갤러리2 커버 스타일입니다. 대표 이미지가 목록 박스 백그라운드 전체에 깔려있는건 기존 갤러리 커버와 동일합니다. 하지만 마우스를 올렸을 때 동작이 다릅니다. 보시는 것 처럼 목록 전체에 제목과 카테고리, 글 작성일이 ..
안녕하세요. 친절한효자손 입니다. 원래는 친효스킨 다운로드 페이지에 업데이트 항목이 있었고 해당 내용은 더보기/접기 기능으로 삽입되어 있었습니다. 그런데 업데이트 할 때마다 내용이 점점 길어집니다. 너무 길어지는 것 같아서 페이지를 따로 분리하는게 낫겠다고 판단했습니다. 앞으로 업데이트는 계속 진행될 것이고, 그러면 내용이 점차 무한대로 늘어날텐데 한 페이지에서는 도저히 감당이 안 될 것 같거든요. 양해 부탁드립니다. 업데이트 내용은 앞으로 지금의 이 페이지에서 확인하실 수 있습니다. Ver 1.1 2019.2.18 - 방명록 프로필 이미지 보이도록 설정 2019.2.20 - 사이드바 애드센스 사이즈 최적화 - 본문 댓글쓰기 버튼 마우스 오버시 약간 어두워지게 변경 2019.2.24 - 콘테이너 중앙정렬..