Nana Skin Ver.5



스킨 특징

1. 반응형 스킨 / 모바일 지원

2. 기본 너비는 800px이나 iframe, embed 삽입시 너비 자동 조정

3. masonry의 갤러리형 목록 사용

4. 크롬, ie9+, ios, 안드로이드 등 지원(단, ie8이하로는 미지원)

5. 동영상 플레이어 jwplayer 세팅 가능

6. 사용 폰트 Noto Sans kr 13px


수정 허용

공유 금지

재배포 금지

카피라이트 제거 금지




**스킨 적용 후 반드시 관리화면에서 설정 확인 부탁 드립니다**






**기타 커스텀**


1) 포인트 색상 변경

style.css에서

#2b90d9

를 원하는 색상코드로 전부 수정하세요



2) 폰트 사이즈 변경

style.css에서 아래 부분을 찾아서

body,th,td,input,select,textarea,button {
	font-size: 13px;
	font-family: 'Noto Sans KR', sans-serif;
	line-height: 1.5;
	color: #333;
}

다음과 같이 변경

body,th,td,input,select,textarea,button {
	font-size: 변경할사이즈px;
	font-family: 'Noto Sans KR', sans-serif;
	line-height: 1.5;
	color: #333;
}



3) 바탕화면 변경

style.css에서 아래 부분을 찾아서

/* 배경설정 */
html {}


전체화면이미지로 바꾸려면 다음과 같이 변경

/* 배경설정 */
html{
	background: url('이미지주소') no-repeat center center fixed; 
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	background-attachment:fixed;
}


단색으로 바꾸려면 다음과 같이 변경하세요

/* 배경설정 */
html{ 
	background:색상코드;
}




예제페이지 : http://nanaskinver5.tistory.com/

티스토리 스킨 설치법 : http://nanaskinver5.tistory.com/21

jwplayer 세팅 : http://nanaskinver5.tistory.com/10

jwplayer 반응형 포스팅 : http://nanaskinver5.tistory.com/8

jwplayer 플레이리스트 : http://nanaskinver5.tistory.com/9

스킨 가로 넓이 변경 : http://nanaskinver5.tistory.com/25

특정 카테고리의 리스트를 일반 목록형으로 사용하는 법http://nanaskinver5.tistory.com/19




다운로드 링크

Nana Skin 5.1.zip



QnA

http://nanaskinver5.tistory.com/31

저작자 표시 비영리 동일 조건 변경 허락
신고
  1. 이전 댓글 더보기
  2. 2016.02.03 22:15

    비밀댓글입니다

  3. 2016.02.06 20:08

    비밀댓글입니다

  4. 2016.02.21 20:53

    비밀댓글입니다

  5. 2016.03.15 14:49

    비밀댓글입니다

  6. Aovis 2016.03.22 20:08 신고

    잘 쓰겠습니다. 감사합니다!

  7. 윳윳윳 2016.04.21 18:44 신고

    감사합니다!!!!!!!!!!!!!!!!

  8. 2016.04.28 04:20

    비밀댓글입니다

  9. 2016.05.11 15:24

    비밀댓글입니다

  10. 모비 2016.06.02 03:36 신고

    감사합니다.! 잘쓸게요!!

  11. warm and cool 2016.08.04 22:51 신고

    스킨 너무 잘 쓰고 있습니다!
    그런데 이상하게 제가 쓰는 주소만 입력하면 전체적인 크기가 작아지네요ㅠㅠ
    링크는 bebeautiful0210.tistory.com 인데요.
    제가 블로그를 개설 했는데 크기가 작아지길래 (글씨,아이콘,가로길이 전부)
    새로운 블로그를 개설해서 거기로 옮기고 원래 주소로 바꿨는데 바꾼 순간 다시 또 작아지네요. 왜 이런 건지 알 수 있는 방법이 있나요?
    모바일은 괜찮은 것 같은데 pc가 그러네요..
    제가 사진 올리는 블로그라 사진이 작아지는게 불편해서요.
    bebeautiful0210sg.tistroy.com 이게 원래 블로그이고 (작아서 옮겼다던 그 전 블로그)
    bebeautiful0210.tistory.com 이게 지금 수정한 블로그 입니다.
    수정한 순간 첫번째 블로그는 커지고 두번째 블로그는 작아지네요.

  12. 유령검 2016.08.30 17:54 신고

    안녕하세요, 질문이 있습니다. footer부분의 가로줄이 신경쓰여서, <div id="footer" class="clearfix">부분을 지우고 copyright 부분만 남기고 싶은데 가능할까요?

  13. ㅠㅠ 2016.10.01 09:33 신고

    나나님... 이글을 보실지 모르겠지만 보호글이나 유튜브가 있거나 이미지 없는 게시물에 주황색 티스토리 이미지... 뜨는거라도 고쳐주시면 안될까요ㅜㅜ 정말 넘나 좋은 스킨인데 ㅠㅠㅠㅠ방법이없네요...ㅠㅠ
    나나님 제발 스킨5를 버리지말아주세요ㅠㅠ이것만한 스킨본적없어요ㅠㅠ

  14. 2017.02.01 20:44

    비밀댓글입니다

  15. Hyeb 2017.02.13 17:25 신고

    정말정말 감사합니다!!! 나중에 적용해봐야겠어요!!!

  16. ジウォン 2017.02.20 01:35 신고

    감사합니다 스킨 잘 쓸게요 !

  17. spring-drizzle 2017.03.25 22:07 신고

    잘 쓰겠습니다. 감사합니다!!!

  18. hyggelyyonny 2017.06.03 22:05 신고

    잘쓰겟습니다!!

  19. COUS 2017.07.05 12:32 신고

    스킨 너무 감사합니다.

    태블릿에서 상단 메뉴가 우측아이콘과 겹치는데,...

    태블릿에서도 삼선 메뉴로 바꿔주실 수 있는지요????

    감사합니다. ^_^

    * 블로그 링크 ; http://bd106.tistory.com

  20. :-) 2017.07.12 20:38 신고

    스킨 고맙습니다!

  21. bomin18_ 2017.07.19 00:19 신고

    다운로드는 어떻게 하는거죠 ㅠ..?

    • 나나@ 2017.07.19 02:34 신고

      이 스킨은 현재 수정중이라 업로드에 하루정도 걸릴 듯 합니다