다운로드
Dance the Night away 테마 (하늘색 중심)
Summer Nights 1.1 - Skyblue.zip
What is Love 테마 (보라색 & 분홍색 중심)
Summer Nights 1.1 - Purple & Pink.zip
다운로드 후에 이 포스트를 참조하셔서 초기 설정이나 커스터마이징을 하시면 됩니다.
소개
Dance the Night away 테마
What is Love 테마
인덱스 페이지를 꾸며본 반응형 스킨입니다.
카테고리 목록엔 Masonry 디자인을 사용했고, 페이지 이동이 필요 없이 다음 페이지를 불러옵니다.
사이드바를 더욱 간단하게 닫으실 수 있습니다. 클로즈 버튼을 클릭하거나, 검은 화면 어느 곳이든 클릭하면 사이드바가 닫힙니다. 뒤로 가기 버튼을 누르셔도 사이드바가 닫힙니다!
유튜브, 티스토리 비디오(카카오 비디오) 등의 iframe 요소들을 반응형으로 감싸줍니다.
댓글의 링크를 자동으로 a 태그로 감싸주는 것은 물론, 이미지를 자동으로 img 태그로 감싸줍니다. 댓글 입력 시에는 다양한 이모티콘도 활용할 수 있습니다.
1 2 3 4 5 6 7 8 9 | <button class="dialog__trigger"><span>버튼</span></button> <div class="dialog"> <span class="dialog__close icon-times"></span> <h2 class="dialog__title">제목</h2> <div class="dialog__content"> <p style="text-align: center; clear: none; float: none;"></p> <div class="youtubevid"><iframe width="560" height="315" src="https://www.youtube.com/embed/rRzxEiBLQCA?rel=0" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe></div> </div> </div> | cs |
글을 작성하실 때 팝업 버튼을 이용하실 수 있습니다.
1 | <a href="#id" class="smt-scr">부드러운 스크롤</a> | cs |
글 내부에서 href="#id"를 통해 이동할 때 "smt-scr"이라는 class를 통해 부드럽게 스크롤 됩니다. 인덱스 페이지에서 우측 하단에 마우스를 클릭해보시면 확인하실 수 있습니다.
상술한 내용 외에도 유용한 기능들이 꽤 있습니다!
추가되었으면 하는 기능, 빠졌으면 하는 기능, 수정하면 좋을 디자인 등을 제보해주시면 항상 감사한 마음으로 받아들이고 있습니다.
문제를 발견하시면 댓글이나 방명록, 이메일(taengoo890309@naver.com), 디스코드(Marshall Ku #8417)로 언제든 문의해주세요.
License
뭐하라 : 현재 중심적 날짜 표시, 글 썸네일 불러오기 등의 스크립트
