다운로드
배포 중단 (2019.03.21)
완전히 무료로 제공되는 스킨입니다. 스킨에 삽입된 스킨의 제작자와 관련된 문구들은 삭제하지 말아 주세요.
인터넷 익스플로러와 완벽하게 호환되지 않습니다.
헤더 카테고리의 '분류 전체 보기', 사이드바의 '카테고리 전체 보기'가 필요 없으신 분은 no_view_all.js를 받아주세요.
스킨을 내려받으신 후에 이 글을 참고하시면 수월한 커스터마이징을 하실 수 있습니다.
소개
Cool Summer
Fruity Orange
Lovely Heart
Snowy Snow
화면을 꽉 채우는 이미지로 구성된 인덱스 페이지가 특징인 반응형 스킨입니다.
html에 class의 조정이나, 간단한 css의 수정을 통해 커스터마이징이 쉽도록 노력합니다.
또한, 스크립트를 통해 각종 다양한 기능을 제공합니다.
간단히 1단형과 2단형의 변경이 가능합니다.
초기 설정에서 관련 설정을 확인해주세요.
Masonry 스크립트를 사용하여 카테고리의 글 목록을 보여줍니다.
다음 페이지를 불러올 땐, 별도의 페이지 전환이 필요 없습니다!
스크롤을 내리거나, 클릭 한 번만으로 다음 페이지의 글 목록을 불러올 수 있습니다.
첫 번째 페이지가 아닌 경우 자동으로 이전 페이지의 글들을 가져옵니다.
카테고리를 다양한 방법으로 표시할 수 있습니다.
헤더에 카테고리 목록과 썸네일을 불러오거나, 간단하게 사이드바를 펼쳐 카테고리를 확인하게 할 수도 있습니다.
사이드바는 기존의 사이드바보다 훨씬 간단하게 닫을 수 있습니다.
X 버튼을 클릭하거나, 화면의 검은 공간을 클릭하거나, 뒤로 가기 버튼을 통해 사이드바를 닫을 수 있습니다.
배너에는 본인이 원하는 영상을 사용할 수도, 해당 글의 대표 이미지를 사용할 수도 있습니다.
기본 설정은 영상을 사용하게 되어 있습니다.
html에 banner-alt란 class를 추가하시고, #banner을 div로 바꿔주시면 됩니다.
우측 상단에 보이는 사진을 클릭하면 보이는 메뉴입니다.
티스토리 툴바에서 유용한 것들을 빼 오고, '어두운 모드'란 옵션을 활성화할 수 있습니다.
만약, 스킨을 적용한 블로그가 본인의 대표 블로그라면, 관리자 메뉴는 제거하셔도 됩니다.
어두운 모드를 활성화한 모습입니다.
활성화 여부는 쿠키로 저장되어, 방문자가 브라우저를 완전히 종료하기 전까지 방문자가 설정했던 상태로 유지됩니다.
이미지 / 동영상 / 오디오 / 유튜브 영상 을 댓글에 남길 수 있습니다!
본문에 첨부한 16:9 가로 영상 / 9:16 세로 영상 1:1 정사각형 영상 모두 반응형으로 감싸줍니다.
Taeyeon!!
글을 작성하실 때 팝업 버튼을 사용하실 수 있습니다.
1 2 3 4 5 6 7 8 | <button class="dialog__trigger"><span>Click Me!</span></button> <div class="dialog"> <span class="dialog__close icon-times"></span> <h2 class="dialog__title">제목</h2> <div class="dialog__content"> 내용 </div> </div> | cs |
비디오 하나를 중심으로 한 포스트를 작성할 때 유용한 '비디오 포스트' 기능이 있습니다.
제목을 비디오 아래로 내려주고, 비디오가 스크롤 밖으로 벗어나면 7시 방향에 비디오를 고정합니다.
1 2 3 | <div class="video-post"> <iframe></iframe> </div> | cs |
html 내부의 #id로 이동하는 a 태그는 모두 헤더 높이를 뺀 값만큼 이동합니다.
만약 부드럽게 스크롤을 하고 싶다면, a 태그에 smt-scr이나 smtscr이란 class를 부여하시면 됩니다.
smt-scr : 해당 요소까지 이동
smtscr : 헤더 높이를 뺀 값만큼 이동
1 | <a href="#id" class="smt-scr">부드러운 스크롤</a> | cs |
우측 하단의 마우스를 클릭해주세요.
라이센스
Copyright 2018. Marshall K All rights reserved
스킨에 들어간 트와이스의 뮤직비디오, 티스토리 로고, 채영 사진 등은 각 저작권자에게 저작권이 있습니다.
마치며
항상 첫 번째 버전은 아무리 검토를 잘해도 조그마한 버그가 있던데, 이번엔 검토를 좀 오래 했는데도 자신이 없네요. 모쪼록 별 탈 없으면 좋겠습니다 ㅠㅠ
만약 버그를 발견하신다면, 빨리 말씀해주셔야 고칠 시간이 있습니다...
상술한 내용 외에도 스킨을 편하게 사용하기 위한 각종 기능이 많습니다. 부디 유용하게 사용해주시면 감사하겠습니다.
기능이나 디자인에 관한 피드백은 언제나 환영합니다.
댓글이나 방명록, 이메일 (taengoo890309@naver.com), 디스코드(Marshall Ku #8417)로 편하게 연락해주세요.
