Nana Skin Ver.4



스킨 특징

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

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

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

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

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

6. 사용 폰트 나눔바른고딕 12px


수정 허용

공유 금지

재배포 금지

카피라이트 제거 금지




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






**기타 커스텀**


1) 메인이미지 변경

nanaskinver4.jpg 이미지 변경 (1000px * 300px)



2) 포인트 색상 변경

style.css에서

#7ad4e7

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



3) 폰트 사이즈 변경

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

body,th,td,input,select,textarea,button {font-size:12px;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}



4) 바탕화면 변경

style.css에서 아래 부분을 찾아서 수정합니다

html{ 
	background: url('./images/2357720.png'); 
	background-attachment:fixed;
}


만약 전체화면이미지로 바꾸려면 다음과 같이 변경하세요

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://nanaskinver4.tistory.com/

jwplayer 세팅 : http://nanaskinver4.tistory.com/39

jwplayer 단일영상 포스팅 : http://nanaskinver4.tistory.com/9

jwplayer 플레이리스트 사용법 : http://nanaskinver4.tistory.com/10

BGM플레이어 삽입하기http://nanaskinver4.tistory.com/17

스킨 가로 넓이 변경http://nanaskinver4.tistory.com/24

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




다운로드 링크

Nana Skin 4.11.zip



QnA

http://nanaskinver4.tistory.com/38

저작자 표시 비영리 동일 조건 변경 허락
신고
  1. 이전 댓글 더보기
  2. 마카롱 40 2016.05.22 02:03 신고

    스킨 잘 쓰고 있습니다! 죄송한데 메인 이미지 부분을 지우고 메뉴 밑에 바로 목록이 나오게 하고 싶은데 어떻게 해야 할까요ㅠㅠ? 아무거나 계속 만져보다가 너무 답답해서 댓글 남깁니당.. ;ㅅ; 8ㅅ8

  3. 낑쨩 2016.07.02 05:25 신고

    감사합니다 이뿌게 사용하겠습니당 ♥.♥

  4. 승리하자요 2016.07.20 00:44 신고

    1. 질문은 가능한 로그인 후 달아주세요.
    2. 공개글로 달아주세요(중복질문방지)
    3. 오류수정이나 스킨수정을 원하는 해당 포스트/블로그 링크를 명시해주세요

  5. 승리하자요 2016.07.20 00:45 신고

    좋은 스킨 너무 잘 쓰고있는데요 ㅜㅜ 그런데 광고 넣으면 모바일 삼지창 버튼이 안눌려줘요 카테고리 버튼말하는거예요

  6. ginrinko 2016.09.01 02:50 신고

    스킨 잘 쓰고 있습니다. 너무 예뻐요. 기본적인 사항 같은데 아무리 찾아봐도 모르겠어서 질문 드립니다;; 블로그 방문자가 글에서 900사진을 클릭하면 원본사진1300이 뜨긴하는데, 마우스 우클릭하여 원본사진1300크기 jpeg 저장이 안되네요. 사진누르면 새창 view로 떠서 바로 우클릭 원본저장 할 수 있게 글쓰려면 어떻게 해야하나요?

  7. ㅇㅇ 2016.09.09 02:41 신고

    안녕하세요 예쁜 스킨 배포해주셔서 너무 감사하게 잘 쓰고있습니다!
    다름이 아니라 지금까지 잘 사용하고 있었는데 갑자기 썸네일 정렬이 제대로 되질 않아서요... ;-;
    혹시나 제가 잘못 건드린게 있나싶어 다시 설치한 후 수정 없이 업로드 했는데도 결과는 똑같습니다..
    대체 뭐가 문제인걸까요?ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 티톨 링크는 비댓으로 달아놓겠습니다!
    시간이 걸려도 괜찮으니 제발 답변 부탁드려요ㅠㅠ

    • 2016.09.09 02:42

      비밀댓글입니다

  8. LOVE YOU DEAR 2016.10.22 01:30 신고

    스킨 감사합니다!

  9. MeenJai 2016.10.22 20:02 신고

    안녕하세요!스킨감사합니다!!
    근데 몇군데에 문제가좀있어서ㅠㅠ..
    image파일에 이미지 변경해서 업로드했는데 메인이미지 변경이 안되구요..
    블로그들어가면 목록에 썸네일이 아예 안뜨고 엑박으로 뜨네요ㅠㅠ...
    답변늦으시더라도 기다리겠습니다!
    smile2y0u.tistory.com

  10. 薄荷 2016.10.24 23:12 신고

    스킨 감사합니다!
    정말 잘 쓰고 있는데 로그아웃 후 로그인 버튼으로 변하지 않는 오류는 어떻게 해결해야 할까요?
    로그인 관련 태그 찾아봐도 잘 이해가 안 돼서 글 남깁니다ㅠㅠ
    http://overtemp.tistory.com/category

  11. w_peach 2016.12.20 00:34 신고

    스킨 너무 예뻐서 잘 쓰고 있어요.
    제일 첫화면에 공지를 뜨는 방법은 없을까요? 기존 방법대로 할려 해도 잘 안되네요..

  12. w_peach 2016.12.20 00:45 신고

    http://93919.tistory.com/notice 제가 쓴 댓글이 사라져서 다시 써요...가운데 글 내용 부분이 배경색이랑 같아졌는데 왜 그런지 아시나요..?ㅠㅠ

  13. 타카. 2017.01.01 17:36 신고

    스킨이 너무 예뻐서 뒤늦게 알게되었습니다 이것저것 바꾸고 손봐서 너무 좋은데 밑의 두 가지 문제가 괴롭히네요 ㅜㅜ 답글 달아주시면 너무 감사하겠습니다


    1. nanaskinver4 이라는 이름으로 원하는 이미지에 이름바꾸기를 하고 올렸는데 파일 업로드 미리보기 창에는 원래 이미지로 뜹니다. 한마디로...이미지가 변경이 안 됩니다ㅜㅜ

    2. 목록으로 바꾸라고 하셨는데 저는 최신글이 먼저 보이는게 좋아서 그렇게 다시 바꿨더니 글과 글 사이에 약간 겹침되는게 있는데 혹시 어떤 줄의 폰트를 바꿔야 하는시 아시는지요(죄송합니다 ㅜㅜ)

  14. @김형 2017.01.04 20:01 신고

    저도 로그아웃을 한 뒤에 다시 로그인 버튼으로 돌아오지 않네요ㅜㅜ!! 늦더라도 꼭 고치고 싶습니다. 블로그 주소는 이 계정에 있어요! 예쁜 스킨 감사합니다.

  15. 2017.01.12 14:34

    비밀댓글입니다

  16. Johoh 2017.01.14 01:17 신고

    안녕하세요 밀밀묵님! 덕분에 다운받아서 이것저것 바꿔서 나름대로 열심히 리뉴얼해서 쓰고 있습니다!!
    그런데 썸네일 이미지가 계속 로딩중으로만 나오더라고요ㅜㅜ 그리고 썸네일들이 제대로 정렬이 안되서 그런건지 밑에 나오는 prev, 페이지 수, next 글자들도 밀려서 제대로 안나오더라고요 혹시 어떻게 고칠 수 있는 방법이 없을까요?ㅠㅠ
    혹시 이미지 크기가 너무 커서 그런가 싶어 몇몇 움짤들을 320px로 바꿔도 봤는데 여전히 안나오더라고요...
    예쁜 스킨 만들어주셔서 감사합니다 :D
    +) 갑자기 해결됐네요!! 문득 들어가보니 썸네일 다 나오고 정렬도 똑바로 됩니다ㅠㅠ 그래도 혹시 사진들 정렬이 안될 때는 어떻게 하는지 방법 알려주시면 감사하겠습니다!

  17. 2017.01.15 17:37

    비밀댓글입니다

  18. 2017.02.08 05:53

    비밀댓글입니다

  19. nanmin_ 2017.02.11 10:25 신고

    스킨 감사합니다. 너무 마음에 드네요!! 잘 쓰겠습니다~

  20. nanmin_ 2017.02.22 15:19 신고

    안녕하세요. (별거없는 블로그이지만) 스킨 잘 쓰고 있습니다..
    한가지 궁금한 것이.
    본문의 폰트가 일반일때랑 창이 작아졌을 때(모바일포함)랑 크기가 약간 차이가 나는데요.
    컴퓨터 모니터로 창을 키워놓은 상태에서 볼 때 폰트가 조금 찌그러져서 보입니다.
    이 부분을 어디를 수정해야할까요 ㅠ

  21. 2017.06.09 13:42

    비밀댓글입니다

티스토리 툴바