안녕하세요. 친절한효자손입니다. 예전에 친효스킨 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..
해당 내용은 친효스킨 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 커버 스타일입니다. 대표 이미지가 목록 박스 백그라운드 전체에 깔려있는건 기존 갤러리 커버와 동일합니다. 하지만 마우스를 올렸을 때 동작이 다릅니다. 보시는 것 처럼 목록 전체에 제목과 카테고리, 글 작성일이 ..
안녕하세요, 친절한효자손 입니다. 친효스킨 무료 배포 페이지에 버젓이 공지를 했음에도 불구하고 이를 어기는 사람들을 지금까지 세명 보았습니다. 누구라고는 밝히지 않겠습니다. 100명의 사람 중 99명은 모두 잘 지키는데 이 미꾸라지같은 한두사람 때문에 기분이 무척이나 더러워짐과 동시에 신경이 쓰입니다. 다시 한 번 제대로 공지합니다. 푸터(footer) 영역은 수정 금지입니다. 이 글 작성 시점 이후로 만약 푸터영역을 수정한 사람을 발견하게 되면 그 즉시 친효스킨 무료 배포를 중단할 것 입니다. 그리고 예전 티스토리 초대장처럼 이제 승인하에 배포를 진행 할 것 입니다. 경고했습니다. 푸터영역 수정 금지라고요. 푸터 영역은 스킨의 맨 아래 부분을 말합니다. 중앙에는 여러분의 티스토리 닉네임이 정상적으로 출..
안녕하세요, 친절한효자손 입니다. 원래는 친효스킨 다운로드 페이지에 업데이트 항목이 있었고, 해당 내용은 더보기/접기 기능으로 삽입되어 있었습니다. 그런데 업데이트 할 때마다 내용이 점점 길어집니다. 너무 길어지는 것 같아서 페이지를 따로 분리하는게 낫겠다고 판단했습니다. 앞으로 업데이트는 계속 진행될 것이고, 그러면 내용이 점차 무한대로 늘어날텐데 한 페이지에서는 도저히 감당이 안 될 것 같거든요. 양해 부탁드립니다. 업데이트 내용은 앞으로 지금의 이 페이지에서 확인하실 수 있습니다. Ver 1.1 2019.2.18 - 방명록 프로필 이미지 보이도록 설정 2019.2.20 - 사이드바 애드센스 사이즈 최적화 - 본문 댓글쓰기 버튼 마우스 오버시 약간 어두워지게 변경 2019.2.24 - 콘테이너 중앙정..
안녕하세요, 친절한효자손입니다. 본 내용은 친효스킨 버전 2.1 이상을 사용하시는 유저분들께서 활용 할 수 있는 색상표 입니다. 친효스킨 2.1 버전부터 새롭게 추가된 댓글 색상 기능을 좀 더 다양하고 이쁘면서 개성 넘치게 만들 수 있습니다. 기본적으로 채팅 스타일의 대화 형식의 댓글 화면을 구성하고 있습니다. 어느날 갑자기 "카톡 디자인으로 꾸미고 싶다" 라는 생각이 머릿속에 강하게 스쳐지났고 백문이 불여일견이므로 바로 적용을 위해서 코딩을 진행했습니다. 그 결과 만족스러운 결과에 도달 할 수 있었습니다. 변경된 댓글 화면 미리보기 기존 댓글 스타일에서 변경된 점은 다음과 같습니다. 1. 댓글 남길때마다 점선으로 구분선이 발생하여 가독성을 높임 2. 스킨편집 페이지에서 각 영역마다 컬러 수정이 가능함 ..
안녕하세요, 친절한효자손 입니다. 벌써 10월의 끝자락에 도착해가고 있습니다. 날씨가 금방 쌀쌀해졌습니다. 이제 밤과 새벽은 춥기까지 합니다. 해동시켰다가 냉동시켰다가 환장하겠습니다. 그바람에 코에서 물이 마를 날이 없습니다. 노우즈 워터 (Nose Water)가 범람하는 시기가 다가왔습니다. 죽겠네요. 비염때문에... 으으!! 잠시 넋두리 글이었습니다. 그러면 오늘도 친효스킨 관련 소식을 전해드리겠습니다. 메일로 친효스킨 메인화면을 어떻게 하는건지에 대해서 문의주시는 분들이 계셨습니다. 음... 이거 2.01 공지글에 작성해뒀는데 아무래도 겸사겸사 홍보를 해서 그런지 많이들 못 보신 것 같습니다. 그래서 다시 한 번 제대로 공지를 합니다. 그리드(Grid) 스타일 커버 추가 친효스킨 메인화면의 모습입니..
안녕하세요, 친절한효자손 입니다. 이번달 1일에 친효스킨 2.0을 배포하기 시작했고 많은 분들께서 사용하시는 것 같아 저 또한 보람을 느끼고 있습니다. 감사합니다. 다름이 아니고 또 이렇게 갑자기 긴급 업데이트 버전을 내놓게 되었습니다. 버그나 기타 오류가 있어서 그런건 아닙니다. 단지 추가 기능이 두 가지가 더 있는데 그냥 빨리 배포해버리는게 낫겠다 싶어서 오늘 갑작스럽게 배포를 진행하는 것 입니다. 추가적으로 업데이트된 내용은 다음과 같습니다. 친효스킨 v2.01 업데이트 내용 -스킨편집 화면에 인피드 광고 설정 옵션 추가 -스킨편집 화면에 댓글창 On / Off 버튼 추가 -스킨편집 화면 프로필 설정 관련 항목 위치 변경 이 정도 입니다. 해당 내용은 친효스킨 다운로드 페이지에서 더욱 자세히 확인이..
아이허브(iHerb) 커미션을 사용하시는 분들을 위해서, 그리고 친효스킨을 사용하시는 분들을 위해서 아이허브 모듈을 하나 만들었습니다. 이 방법은 다른 스킨에서는 제대로 적용이 되지 않습니다. 오직 친효스킨만을 위한 아이허브 모듈 입니다. 사이드바에 설치하는 방식이며 설정 방법도 간단합니다. CSS 세팅 먼저 아래의 첨부파일을 다운로드 받습니다. /* 아이허브 모듈 */ #sidebar aside .rgy-iherb ul { padding: 0 5px; } #sidebar aside .rgy-iherb li { padding: 5px; margin: 5px 0; } #sidebar aside .rgy-iherb li:not(:last-child) { border-bottom: 1px solid #ccc;..
친효스킨 2.0 버전에서는 사이드바에 스티키(STICKY) 모드를 적용시켰습니다. 스티키는 매소드로 CSS position에서 사용할 수 있는 옵션 중 하나 입니다. 하지만 아직까지 다양한 브라우저에서 지원하는 매소드는 아닙니다. 특히 익스플로러는 헬이라고 할 수 있습니다. 이래서 익스플로러는 사랑받을 수 없는 것 입니다! 그러니까 마소가 자꾸 엣지 브라우저를 개발하고 내세우는 거겠죠? 포지션에 sticky가 적용되면 어떻게 움직일까요? 사이드바에서 자주 쓰일 수 있는 이 기능은 평상시에는 그냥 position: static 과 같은 기능을 합니다. 즉 별다른 변화가 없습니다. 하지만 특정 한계점에 다다르면 Fixed (고정) 됩니다. 스티키 사례는 아니지만, 네이버 PC 해상도에서의 메인화면을 살펴보시..
친효스킨 모바일(스마트폰) 해상도에서 애드센스를 노출 안 되게, 그러니까 감추는 방법에 대해서 문의를 주셨습니다. 좀 더 깔끔하게 보이게 하기 위함과 로딩 속도를 조금이라도 올리는데 도움이 될 것 같기 때문 입니다. 이 문제를 해결하기 위해서는 사이드바에 애드센스 삽입 시, 약간의 HTML 코드 수정을 해야 합니다. 또한 CSS 반응형 미디어쿼리도 추가해야 합니다. CSS 미디어쿼리 세팅 아래의 CSS 코드를 친효스킨의 CSS 항목에 빈 공간을 확보 후 추가합니다. 아래에 첨부파일도 있습니다. div.rgy-sidebar-adss { display: none; } @media (min-width: 1000px) { div.rgy-sidebar-adss { display: block; } } 첨부파일을 열..
예전에 받았던 질문 중 하나 입니다. 친효스킨의 메인 화면은 현재 인덱스 페이지로 구성되어 있습니다. 그리고 각 목록마다 특정 표식이 지정되어 있습니다. 스크린샷 이미지를 보시면서 다시 설명 드리겠습니다. 수동으로 영구 삭제 "> 이 부분을 찾으셨나요? 이 중에서 삼각형 모양의 형태를 구성하고 있는 태그 부분은 바로 이곳 입니다. 이 부분 입니다. 여기가 바로 검은색 삼각형 형태를 취하고 있는 영역 입니다. 따라서 해당 태그를 모두 삭제하거나 주석 처리를 하면 사라지게 됩니다. 끝. 추가내용 친효스킨 2.2 버전부터 이 삼각형을 켜고 끌 수 있는 버튼을 추가했습니다. 따라서 태그를 수동으로 삭제할 필요가 전혀 없습니다. 스킨편집 > 레이아웃 설정에 보시면 메인삼각형이라는 기능이 있습니다. 해당 스위치는 ..
안녕하세요, 친절한효자손 입니다. 부지러너 분들을 위해서 친효스킨 2.0을 배포는 했으나 공식 설명서가 없어서 조금 어려워하시는 분들이 계시는 것 같습니다. 그래서 아예 설명서를 글로 만들어 놓도록 하겠습니다. 이 내용을 보시고 차근 차근 적용하시면 될 것 같습니다. 목차 친효스킨 2.0 설명에 대한 유튜브 라이브 예고 안내 이번달인 8월 30일 일요일 저녁10시에 유튜브로 라이브를 합니다. 친효스킨 2.0에서 매우 많은 부분이 업데이트가 되었기 때문에 어떤식으로 사용하는지에 대해서 언급하고자 합니다. 많은 분들의 참여를 부탁드립니다. 친효스킨 2.0에서 달라진 점 친효스킨 1.7X 까지는 커버 기능이 없었습니다. 또한 인덱스 페이지의 목록 구성 부분도 빠진 상태였습니다. 그리고 몇 가지 자잘한 오류들이..
안녕하세요, 친절한효자손 입니다. 코로나 때문에 밖을 또 못나가게 생겼습니다. 진짜 잠잠해진다 싶으면 안전불감증 때문에 또 이렇게 문제가 커져버리니... 한창 교육을 신나게 해도 부족할 판에 다시 모임을 모두 중단해야하는 상황에 직면하고 말았습니다. 억울하지만 어쩔 수 없죠. 안전이 제일이니까요. 밖에도 못나가는 날에는 뭘 해야 할까요? 그렇습니다. 신나게 코딩 삼매경에 빠져야 합니다. 오늘도 열심히 친효스킨을 업그레이드 시키고 있습니다. 갑자기 버전이 껑충 뛰어올랐습니다. 그렇습니다. 정말 많은 기능들이 추가가 될 것이기 때문입니다. 이번 2.0 버전에는 엄청난 변화가 일어났습니다. 이제 사용자가 좀 더 편리하게 스킨을 편집할 수 있습니다. 그동안 자주 질문주셨던 내용을 적극 반영하여 원하는대로 커스터..
목차 매번마다 완벽한 스킨을 제작하겠노라고 외치지만 역시 사람은 실수를 합니다. 이번 친효스킨 1.17 버전도 지난 버전 대비 대폭 좋아진게 사실입니다. 하지만 그럼에도 불구하고 버그가 발생하고 있습니다. 이번 버전에서도 몇 가지 오류를 발견했고, 다행스럽게도 많은 분들이 제보와 도움을 주셨습니다. 현재 친효스킨 다운로드 페이지에는 긴급한 몇 가지 문제를 수정하여 다시 파일을 재업로드해둔 상태 입니다. 친효스킨 1.175 버전으로 파일이 올라가 있습니다. 1.175 버전은 본문에서 설명하는 모든 문제가 해결된 파일 입니다. 따라서 기존 스킨 위에 덮어쓰기를 하셔도 되고 본문의 내용을 정독하시어 수동으로 수정하셔도 됩니다. 물론 덮어쓰기 할 때는 기존에 설정해둔 개인 코드들은 반드시 백업해줘야 합니다. 친..
인디케이터는 표시기라는 뜻을 가지고 있습니다. 그렇다면 티스토리에서의 인디케이터는 어떤 의미를 가질까요? 무언가를 표시한다는 뜻인데, 과연 뭘 표시할까요? 가장 많이 사용하는 인디케이터는 본문의 내용에 대한 분량을 표시하는 기능 입니다. 스크롤을 아래로 내리게 될 수록 점점 바(Bar)가 차오르는 페이지를 보신 적 있으신가요? 현재 친효스킨 1.17 버전 이상부터는 이러한 인디케이터가 기본으로 적용되어 있습니다. 본 페이지는 인디케이터가 미적용된 티스토리 스킨에서 세팅하는 방법에 대해서 설명하고자 합니다. HTML Script Setting 사실 복잡할게 없습니다. 그냥 이거 하나만 세팅하면 끝 입니다. 먼저 아래의 첨부파일을 다운받아주시기 바랍니다. 다운로드가 완료되었다면 한번 텍스트 파일을 열어보시기..