예전에는 티스토리 이미지 썸네일을 공식적으로 지원하지 않았지만 현재는 공식적으로 지원해줘서 css만으로 쉽게 갤러리 스킨을 만들 수 있다. 하지만 유튜브 썸네일 지원해주지 않기 때문에 자바스크립트를 통해서 불러와주어야 한다. 썸네일이 표시되는 곳 html을 찾아보자 몇 년 전의 나는 이유는 모르겠지만 element에 클릭 이벤트를 걸어놨다 게시글에 date-href= 이 속성을 추가해서, 자바스크립트에서 링크된 주소에 접근하기 쉽게 해준다 티스토리 스킨의 썸네일 치환자는, 썸네일 이미지가 존재하지 않을 때는 알아서 아무것도 안 나오게 되어있음 그리고 대충 head 안에다 냅다 axios를 붙여넣는다. 꼭 쓸 필요는 없지만 내가 편해서... 그리고 위에 이런식으로 자바스크립트를 추가해줄 수 있다 이렇게 하..

이것은 옛날 방법이고 지금은 티스토리 스킨 신기능이 생겼기 때문에, xml 파일을 수정하고 치환자를 적용하면 이 방법을 쓰지 않아도 됩니다. 하지만 xml 파일을 수정하기 귀찮거나 그냥 예전 방법을 쓰고 싶을 때 쓸 수 있는 방법입니다. 1. 제이쿼리를 활용해보겠습니다. 2. 적당한 위치에 이런 식의 코드를 작성합니다. path 중 맨 마지막 값이 지정한 문자열과 같으면 속성을 다르게 주고, 또 특정한 element를 안 보이게 설정했습니다. $(".listA").attr("class", "listB"); 클래스 이름을 listA에서 listB로 바꿉니다. $(".summary").css("display","none"); 이렇게 하면 summary 가 특정 카테고리에서만 안 보이게 됩니다.

제이쿼리 라이브러리로 masonry 레이아웃을 적용하는 방법을 알아보겠습니다. CDN CDN을 추가합니다. ... all_wrap 과 안에 list_content 입니다. ... 썸네일이 가로 300px이 될 수 있도록 이미지 url을 수정해줍니다. 3. 적당한 위치 ( 바로 위에 작성하는 것이 좋습니다.)에 스크립트를 작성해줍니다. imagesLoaded는 이미지가 모두 로딩되었을 때 콜백함수가 실행됩니다. 4. .list_content { width: 32%; margin: 0.5%; display: block; float: left; } css 는 이렇게 해봤습니다. 한 줄에 네 개를 넣고 싶어서 가로 길이를 32%로 하고 margin을 0.5%로 정했습니다. 이거보다 더 좋은 방법도 많겠지만 CS..

1.스킨 소개 지난번의 스킨 (mirumidon no.1)을 고쳐서 만든 스킨 사이드바에는 닉네임과 블로그 설명이 나옵니다. 일단은 웹진형. 모바일에서는 이렇게 나옵니다. 2.미리보기 3.커버 만들다 만 커버 아이템 세 가지가 있습니다. 사진 사진이 딱 한 장만 나옵니다. 콘텐츠 직접 입력으로 설정합니다. 공지 html의 76행을 수정하면 그대로 출력됩니다. 갤러리 사진을 3줄로 보여줍니다. 만일 3줄이 아니라 다르게 설정하고 싶다면 css의 이 부분을 찾아 width: 33%를 수정합니다. 예: 5줄로 만들고 싶으면 20%로 바꿉니다. 4.기타 등등 전체 카테고리를 안 보이게 하겠다 css에서 이 부분을 찾아서 주석을 해제하세요. 배경 색 바꾸고 싶다 여기를 찾아서 수정하세용.. 그라데이션 색을 바꾸려..

2020.04.04 일반목록 날짜 표시 수정 ------------------------------------------------------------------------ 기본 갤러리 목록에 부분 일반 목록을 지원하는 반응형 스킨이다. 크롬에서만 테스트해봤고(ㅎㅎ;) 다른 브라우저는 어떻게 나올지 모릅니다. 미리보기는 여기 더보기 1-1. 특정 카테고리만 목록형으로 ※기존 스크립트 위치에 문제가 있어 수정하였음※ ( 위로 스크립트를 옮겼음 겸사겸사 스크립트도 수정...) 이걸 찾아주세용 대문자 카테고리에 적용이 잘 안 되면 소문자로 한 번 더 써 주면 되는 듯 합니다... /category/카테고리이름 쓰면 되고 더 추가하려면 || 쓰고 추가. decodeURI() 함수를 썼기 때문에 한글이나 특수문..