티스토리 뷰

반응형

사진갤러리형 스킨

 

갤러리형 스킨 나나스킨

위 사진처럼 사진을 간결하게 보여주는 갤러리형 스킨이 맘에 들어서 알아보았습니다.
나나스킨이라고 부르며 나나님이 재능기부 공급하였네요, 고마워요 나나님 잘 쓰겠습니다.

나나스킨버전6 배포글 (17.08.01 / 6.3버전) (tistory.com)

 

나나스킨버전6 배포글 (17.08.01 / 6.3버전)

Nana Skin Ver.6 스킨 특징 1. 반응형 스킨 / 모바일 지원 2. 기본 너비는 700px이나 iframe, embed 삽입시 너비 자동 조정 3. masonry의 갤러리형 목록 사용 4. 크롬, ie9+, ios, 안드로이드 등 지원(단, ie8이하로는

nanaskinver6.tistory.com

 

 

갤러리형 스킨 나나스킨 Nana Skin Ver.6

 

스킨 특징

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

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

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

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

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

6. 사용 폰트 Noto Sans KR 12px

 

수정 허용

공유 금지

재배포 금지

카피라이트 제거 금지

 

 

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

 

 

 

 

 

**기타 커스텀**

 

1) 로고 이미지 변경

logo.jpg 이미지 변경 (100px * 100px 이상으로)

 

 

2) 포인트 색상 변경

style.css에서

#2b90d9

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

 

 

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}

 

 

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

갤러리형 목록 형태 변경 : http://nanaskinver6.tistory.com/14

스킨 가로 넓이 변경 : http://nanaskinver6.tistory.com/17

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

jwplayer 세팅 : http://nanaskinver6.tistory.com/15

jwplayer 단일영상 포스팅 : http://nanaskinver6.tistory.com/5

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

soundcloud 썸네일 추출 : http://nanaskinver6.tistory.com/16

jwplayer을 이용한 bgmplayer 넣기 : http://nanaskinver6.tistory.com/23

인덱스 페이지 만들기 : http://nanaskinver6.tistory.com/24

공지를 메인으로 설정하기 : http://nanaskinver6.tistory.com/25

목록에서 재생되는 유튜브 썸네일 만들기 : http://nanaskinver6.tistory.com/28

 

다운로드 링크 

Nana Skin 6.3.zip

 

QnA 링크

http://nanaskinver6.tistory.com/20

 

QnA

질문/오류보고 전에 읽어주세요:) 1. 질문은 이 글에서만 해주세요 (방명록X) 2. 질문 전에 반드시 중복질문인지 확인해주세요 (Ctrl+F로 검색) 3. 티에디션 지원 X, 2차 카테고리 지원 X 4. jwplayer 커스

nanaskinver6.tistory.com

반응형