블로그 단축키 수정 중

블로그 단축키 수정 중

티스토리에서 기본으로 제공하는q - 블로그 관리z - 최근 글x - 최근 댓글 외에도esc - 드랍다운 메뉴 제거1 - 홈2 - 카테고리 목록3 - 방명록c - 인기 글 : 비고 - 복사나 개발자 도구를 열 때 함께 작동하는 문제로 ctrl키를 누르지 않고 c를 눌렀을 때만 작동하도록 해뒀습니다., - 최상단으로 스크롤. - 최하단으로 스크롤 외에도 잡다하게 이것저것 넣어보려다, 굳이 필요 없는 것들 아닌가 싶어서 최대한 필요한 단축키 위주로 추가할 예정입니다.
[자바스크립트] 티스토리 어드민인지 확인하기

[자바스크립트] 티스토리 어드민인지 확인하기

관리 / 글쓰기 등 관리자만 사용하는 메뉴는 굳이 관리자가 아닌 사용자에게 보여줄 필요가 없습니다.그런데도 보통은 관리자만 쓰는 메뉴가 모두에게 보이거나, 로그인 안 한 사용자에게만 보이지 않도록 작업하는 게 대부분이더라고요. 12345$(document).ready(function() { if ($(".tt_add_link[data-alert]").length > 0) { // Do Something }}Colored by Color Scriptercs아주 짧은 조건문 하나면 관리자 여부를 확인할 수 있습니다.위 스크립트 아래에 작성한 내용은 관리자일 경우에만 작동합니다. 12345$(document).ready(function() { if ($(".tt_add_link[data-alert]").len..
티스토리 이미지 강제로 원본 표시하기

티스토리 이미지 강제로 원본 표시하기

글쓰기 가로 폭을 설정하면 일괄적으로 글 영역의 이미지 크기가 변경되면 좋겠지만, 애석하게도 그런 기능은 지원하지를 않습니다 ㅠㅠ그래서 그냥 만약 이미지가 컨테이너보다 작으면 원본 이미지로 표시되도록 작업했습니다. 이미지가 충분히 큰데도 컨테이너를 꽉 채우지 못하는 게 좀 눈에 거슬려서 작업했는데, 실용성이 그리 높을지는 잘 모르겠네요;; 123456789$(".imageblock").each(function() { var a = $(this), b = a.children("img"); if (a.width()
티스토리 반응형 스킨 [Summer Nights] 1.3 배포

티스토리 반응형 스킨 [Summer Nights] 1.3 배포

최신 버전을 이용해 주세요. https://marshall-ku.tistory.com/178 다운로드 이 스킨은 인터넷 익스플로러와 완벽하게 호환되지 않습니다. 완전히 무료로 제공되는 스킨입니다. 스킨을 내려받으신 후, 이 글을 참조하시면 커스터마이징을 수월하게 하실 수 있습니다. 데모 페이지 소개 Cool Summer 스킨 Lovely Heart 스킨 Snowy Snow 스킨 인덱스 페이지를 화면을 가득 채우는 사진과 로고 등으로 꾸미는 반응형 스킨입니다. 최대한 자유롭고 편하게 커스터마이징을 할 수 있도록 작업합니다. 카테고리 글 목록엔 masonry 디자인을 사용합니다. 페이지의 전환은 별도의 클릭이 필요 없이 스크롤을 아래로 내리면 다음 페이지의 글 목록을 불러옵니다. 스킨을 처음 적용하면, 이미..
티스토리 모든 답글들에 답글 달기 버튼 만들기

티스토리 모든 답글들에 답글 달기 버튼 만들기

댓글에서 대화가 좀 길어진다 싶으면, 답글 읽고, 스크롤 끌어 올려서 답글 버튼 누르고, 다시 확인하러 스크롤 내리는 과정이 여간 귀찮은 일이 아닙니다.html에 버튼 하나 추가하고, 자바스크립트를 추가하면 모든 답글에 답글 달기 버튼을 만들 수 있습니다. HTML1cs 먼저 답글 다는 버튼을 찾으셔야 합니다.html에서 onclick_reply 검색하시면 바로 나오지 않을까 싶습니다. 해당 버튼과 똑같은 형태를 유지해야 하니, onclick=""으로 변경해주시고, class를 "reply-alt" 등으로 변경하신 후에 답글이 출력되는 부분에 붙여 넣어주세요 JS123$(".reply-alt").each(function() { $(this).attr("onclick", $(this).parents(".c..
티스토리 로고 svg 파일

티스토리 로고 svg 파일

아이콘 폰트로 적용한 모습 티스토리 로고의 svg 파일입니다. 아직 일러스트레이터 다루는 게 서툴러서 삽질을 좀 했네요 ㅠㅠ위는 아무런 색도 채우지 않은 svg 파일, 아래는 티스토리 색(#eb531f)으로 채운 svg 파일입니다. svg 코드티스토리 로고
티스토리 댓글에 링크 / 이미지 / 비디오 넣기

티스토리 댓글에 링크 / 이미지 / 비디오 넣기

업데이트 버전 20180904 업데이트 - 트위터의 jpg:large 추가 위는 압축이 되지 않은 버전, 아래는 압축된 버전입니다. 바로 사용하시진 못하고, 댓글을 감싼 div에 "comment-content"란 class를 추가해주시거나, ".comment-content"를 검색하셔서 본인의 class 명으로 변경해주셔야 사용 가능합니다. Github에도 관련된 자료가 많습니다. 예시1, 예시2 댓글에 링크 등을 남기면, 이러한 스크립트 없이는 일일이 링크를 드래그해서 해당 링크로 이동하기를 클릭해야 하는 번거로움이 있습니다만, 위 스크립트를 사용하시면 스크립트가 알아서 링크는 a 태그로, 비디오는 video 태그로, 이미지는 img 태그로, 유튜브 링크는 iframe으로 감싸줍니다. 123456789..
티스토리 https는 적용했으나...

티스토리 https는 적용했으나...

블로그 프로필 사진 바꾸려고 설정 들어갔다가 우연히 발견해서 https를 적용했습니다. 보안 연결이 완벽하지 않다고 해서 http://를 검색한 후 내용을 모조리 비웠는데도 보안 연결이 완벽하지 않다고 뜨더라고요. 원인이 무엇인고 하니, 최근 글 등에 썸네일을 표시하기 위해 사용 중인 스크립트가 문제였습니다. 글의 og:image (대표 이미지)의 src를 불러오는 방식을 사용하는데, 아직 og:image의 경로는 http를 사용합니다. 참 안타까운 게, 썸네일 치환자 개선 등의 항목은 예전부터 꾸준히 사람들이 말을 해왔던 것으로 보이는데, 왜 개선이 안 되는지 궁금할 따름입니다. 썸네일이 없이 글 목록만 툭 보여주면 너무 밋밋하기 마련인데... 이렇게 밋밋한 화면으로 돌아갈 바에는 그냥 완벽하지 않은 ..
티스토리 댓글이 수정되거나 추가되면 새로 고침

티스토리 댓글이 수정되거나 추가되면 새로 고침

제 댓글 디자인이 티스토리와 충돌이 있기도 하고, 링크나 이미지를 태그로 감싸주는 것들이 댓글이 수정되거나 추가되면 제대로 작동하지 않는 문제 때문에 이 작업을 하게 됐습니다.스킨을 마무리하는 도중에야 이걸 마무리 못한 게 생각이 났네요. 1cs 먼저, 티스토리에서 제공하는 치환자가 필요합니다.이미 사용 중이시라면 건너뛰셔도 됩니다. 12345$(window).on('load', function () { $('.comment-content, .checker span').bind('DOMNodeInserted DOMNodeRemoved', function () { location.reload() })}); Colored by Color Scriptercs .comment-content는 댓글을 감싼 div..
1 2 3
블로그 이사갔습니다 (클릭)