다운로드
Summer Nights 1.4.1.3 - Cool Summer.zip
Summer Nights 1.4.1.3 - Fruity Orange.zip
Summer Nights 1.4.1.3 - Lovely Heart.zip
Summer Nights 1.4.1.3 - Snowy Snow.zip
스킨 내부의 저작권과 관련된 문구는 수정 및 삭제하지 않으셨으면 합니다.
이 스킨은 인터넷 익스플로러와 완벽하게 호환되지 않습니다.
완전히 무료로 제공되는 스킨이지만, 무료로 제공한다는 것이 배포의 자유를 허락하는 것은 아닙니다.
스킨을 내려받으신 후에 이 글을 참고하시면 수월한 커스터마이징을 하실 수 있습니다.
소개
Cool Summer
Fruity Orange
Lovely Heart
Snowy Snow
화면을 꽉 채우는 이미지로 구성된 인덱스 페이지가 특징인 반응형 스킨입니다.
완벽한 보안 연결을 사용하실 수 있으며, 쉬운 커스터마이징, 스크립트를 이용한 다양하고 세세한 기능을 제공합니다.
글 목록엔 masonry 디자인이 사용됐습니다.
별도의 페이지 전환 없이, 클릭 한 번으로 다음 페이지의 글 목록을 불러옵니다.
배너에는 본인이 원하는 영상을 사용할 수도, 해당 글의 대표 이미지를 사용할 수도 있습니다.
기본 설정은 영상을 사용하게 되어 있습니다.
html에 banner-alt란 class를 추가하시고, #banner을 div로 바꿔주시면 됩니다.
상술했던, 커스터마이징 정리 글을 참고하시면 쉽습니다.
사이드바의 모습입니다.
Manage, Write은 본인의 블로그가 아니면 보이지 않습니다.
기존의 사이드바는 보통 x 버튼을 누르거나 화면의 검은 공간을 눌러서만 닫을 수 있지만, 모바일 사용자를 배려해 뒤로 가기 버튼으로도 닫을 수 있도록 해뒀습니다.
우측 상단에 보이는 사진을 클릭하면 펼쳐지는 메뉴입니다.
티스토리에서 제공하는 툴바에 있는 기능 중 유용한 것과, '어두운 모드'라는 옵션을 사용하실 수 있습니다.
티스토리 툴바에서 가져온 것이니, 블로그 사진, 관리 링크, 글쓰기 링크, 링크 목록 등은 모두 방문한 사용자의 것으로 표시됩니다.
'어두운 모드'를 활성화한 모습입니다.
활성화 여부는 쿠기로 저장되어, 방문자가 설정했던 상태로 유지됩니다.
스킨에 포함된 이모티콘 외에도, 이미지 / 동영상 / 오디오 / 유튜브 동영상을 댓글에 사용하실 수 있습니다.
유튜브 비디오들을 세로/가로 영상 모두 반응형으로 감싸줍니다.
Chaeyoung
글을 작성하실 때 팝업 버튼을 사용하실 수 있습니다.
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 편집을 눌러서 위와 같이 iframe을 .video-post로 감싸주시면 됩니다.
요소로 부드럽게 스크롤이 되게 할 수 있습니다.
1 | <a href="#id" class="smt-scr">부드러운 스크롤</a> | cs |
smt-scr 을 쓰면 해당 요소까지 이동하고, smtscr을 쓰면 해당 요소에서 헤더 높이를 뺀 만큼 이동합니다.
데모 페이지
위 페이지의 오른쪽 아래 마우스 모양을 클릭해보시면 활용 방법을 고민하시는 데 도움이 되지 않을까 싶습니다.
라이센스
Copyright 2018. Marshall K All rights reserved
마치며
상술한 내용 외에도 스킨을 편하게 사용하기 위한 기능들이 많습니다.
추가됐으면 하는 기능, 빼고 싶은 기능, 수정했으면 하는 디자인 등을 말씀해주시면 적극 반영하겠습니다.
댓글이나 방명록, 이메일(taengoo890309@naver.com), 디스코드(Marshall Ku #8417)로 편하게 연락해주세요.
