Profile

Dev Studio

OPNay

[Skin] Simplify 스킨 v1.4


자세한 사항

  • 폰트 : Roboto, Arial, Sans-serif, 나눔고딕, FontAwesome
  • 반응형 지원
  • 본문 전용 스타일 적용.
  • 이미지 대신 FontAwesome사용.

수정사항

  • 사이드바 제거.
  • CSS 일부 최적화.
  • JS 재작성.
  • jQuery 2.1.4 내부에 추가
  • Tag 페이지 수정.
  • '카테고리 다른 글' 플러그인 관련 스타일 추가.
  • 모바일 관련 스타일 일부 수정

스킨 설치하기

스킨 설치법은 Simplify/설명서 카테고리를 참조하세요.

다운로드

Tistory-Skin-Simplify-v1.4.zip

소스 관리 저장소

Simplify v1.4

공지

안녕하세요  Simplify 스킨 제작자 OPNay입니다.

이렇게 배포글에 공지를 적게된 이유는 제가 내일 12월 8일 102보충대로 입대를 하게됩니다.


따라서 이 버전이 마지막 버전이 될것같습니다.


일부 문제도 있고 1단형으로 바꾼 첫번째 릴리즈라 약간 부족한점도 있을 수 있습니다. 하지만 이 부족한점은 나중에 기회가 되면 보완/수정해 볼수 있도록 하겠습니다. :)

제대 후에도 이 Simplify가 아닌 다른 스킨 또는 프로그램으로 찾아 뵙도록 하겠습니다.


감사합니다. :)

BlogIcon 알팜

감사합니다 정말 잘사용하고 있어요 XD

2016.02.27 20:44 신고 · 수정/삭제 · 댓글

BlogIcon 새벽이좋아

정말 예뻐요.ㅎㅎ 심플하공~~

2016.03.25 21:09 신고 · 수정/삭제 · 댓글

BlogIcon 알팜

혹시 사이드바를 추가하는 방법이 있나요??

2018.01.11 02:56 신고 · 수정/삭제 · 댓글

BlogIcon OPNay

http://tistory.com/guide/skin/step3
티스토리 스킨가이드에서 sidebar부분을 이용해 추가하시면 됩니다.
<s_sidebar></s_sidebar>를 추가하시면
블로그 관리에서 해당 태그안으로 모듈을 넣어줍니다.

2018.01.11 03:48 신고 · 수정/삭제

비밀댓글입니다

2018.02.23 22:39 · 수정/삭제 · 댓글

비밀댓글입니다

2018.02.23 22:46 · 수정/삭제

BlogIcon OPNay

로딩 추가하는건
http://opnay.com/js/window.loading.js
이 파일과 함께
skin.html의 </body>앞에
<script type="text/javascript" src="./images/window.loading.js"></script>

css에
/* Loading */
.loader-bg {z-index:200; position:fixed; width:100%; height:100%; top:0; left:0;}
.loader-wrap {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.loader{border: 2rem solid #f3f3f3; border-radius: 50%; width:2rem; height:2rem; animation:spin .5s linear infinite;}
.loader-bg.done {animation:spin-done .8s linear forwards;}

@keyframes spin {
0% {transform:scale(0); opacity:1;}
100% {transform:scale(1); opacity:0;}
}

@keyframes spin-done {
0% {opacity:1;}
99% {opacity:0; transform: scale(1);}
100% {opacity:0; transform:scale(0);}
}

이거 추가하시면됩니다 :D

2018.02.23 22:46 신고 · 수정/삭제

비밀댓글입니다

2018.02.23 22:49 · 수정/삭제 · 댓글

BlogIcon 알팜

적용해 봤는데 흰색 로딩은뜨지만 뒤에 파란색 배경은 안뜨는데 잘못 적용한건가요?

2018.02.23 23:12 신고 · 수정/삭제 · 댓글

BlogIcon OPNay

아 bg-p 클래스로 배경설정해놨어요.
css에서
.bg-p {background:색상;}
추가하시거나
앞 댓글에 적어둔 .loader-bg 부분에
background:색상; 추가하시면됩니다.

2018.02.23 23:13 신고 · 수정/삭제