티스토리 스킨 62 - 커버
Tistory/스킨 미리보기
2021. 5. 24.
![](https://blog.kakaocdn.net/dn/SEG1b/btq5XGa4dlz/QTBL6Qjhqd08UMFbsiRkbk/img.png)
티스토리 스킨 62
로딩 속도 개선, 갤러리형에 집중했고 상대적으로 나머지는 거의 신경을 안쓴 기본 디자인 스킨입니다.
신경을 안썼다지만 제작에 거의 3달이라는 시간이 들어갈 정도로 제가 할 수 있는 것들을 90% 다 쑤셔 넣어 제작했으며, 레이아웃 테마와 기타 스킨 옵션 설정을 통해 사용자마다 다른 구성으로 스킨을 사용할 수 있는 점이 장점입니다.
다시는 이렇게 목록을 많이 구성하지 않을 것 같사오니 다양한 목록 형태의 스킨이 필요하다면 62번 스킨 관심 가져주세요.
신경을 안썼다지만 제작에 거의 3달이라는 시간이 들어갈 정도로 제가 할 수 있는 것들을 90% 다 쑤셔 넣어 제작했으며, 레이아웃 테마와 기타 스킨 옵션 설정을 통해 사용자마다 다른 구성으로 스킨을 사용할 수 있는 점이 장점입니다.
다시는 이렇게 목록을 많이 구성하지 않을 것 같사오니 다양한 목록 형태의 스킨이 필요하다면 62번 스킨 관심 가져주세요.
기본20,000원
커버25,000원
카피라이트 삭제+ 10,000원
카드 / 페이팔아래 카드 & 외화 참고
위 금액은 일반 개인용 가격으로 [ 업체/개인사업자/프리랜서/외주 등은 별도 상담이 필요합니다 ]
계좌 이체 시 입금 확인과 발송이 수동으로 처리 되기 때문에 시간이 소요됩니다.
카드 결제는 결제 후 바로 다운로드 가능하나 달러로 결제되기 때문에 VISA, 마스터카드 등 해외 겸용 카드로만 결제가 가능하며, 환율 영향과 카드사 수수료가 적용됩니다.
스킨 구입이 처음이신 분께서는 아래 [ 묘연 티스토리 스킨 통합 안내 ]를 먼저 읽어주세요.😃
스킨 사용 조건 / 제작 환경 및 지원 브라우저 / 주의 사항 / 할인 스킨 / 자주 묻는 질문 / 1:1 상담 등에 대해 안내 되어있습니다.
스킨 기능
더보기
![](https://blog.kakaocdn.net/dn/cMDTma/btq5TtRtXOe/aYYtGLmmiWzyajeHBuiJW1/img.png)
![](https://blog.kakaocdn.net/dn/0JNf7/btq5RCBf4Ow/HF1zSrrz8ATvFs4mLwkf61/img.png)
![](https://blog.kakaocdn.net/dn/b073oE/btq5W2MduC0/ilIdV2LcaXeHWPUvQakfOK/img.png)
![](https://blog.kakaocdn.net/dn/cpmBfT/btq5YuO1GwT/TKXZsqZ0gN76POX6XKABTK/img.png)
![](https://blog.kakaocdn.net/dn/bnEu9i/btq5WI1wKsh/IiEX47XDsvMbKXoBGsRpl0/img.png)
커버(첫 화면을 꾸미는 기능) - 커버 버전으로 구매 시
커버는 가장 첫 화면(홈 화면)을 꾸미는 기능으로 커버 버전으로 구매 시에 제공됩니다.
순서 변경, 불필요한 섹션은 제거 등 자유롭게 커스텀할 수 있습니다.
![](https://blog.kakaocdn.net/dn/cMDTma/btq5TtRtXOe/aYYtGLmmiWzyajeHBuiJW1/img.png)
![](https://blog.kakaocdn.net/dn/0JNf7/btq5RCBf4Ow/HF1zSrrz8ATvFs4mLwkf61/img.png)
![](https://blog.kakaocdn.net/dn/b073oE/btq5W2MduC0/ilIdV2LcaXeHWPUvQakfOK/img.png)
![](https://blog.kakaocdn.net/dn/cpmBfT/btq5YuO1GwT/TKXZsqZ0gN76POX6XKABTK/img.png)
![](https://blog.kakaocdn.net/dn/bnEu9i/btq5WI1wKsh/IiEX47XDsvMbKXoBGsRpl0/img.png)
더보기
![](https://blog.kakaocdn.net/dn/bf07Uh/btq50k6ierX/c4YWmA3LysKfA3XmBI8G0K/img.png)
스킨 옵션
![](https://blog.kakaocdn.net/dn/bf07Uh/btq50k6ierX/c4YWmA3LysKfA3XmBI8G0K/img.png)
- 반응형(모바일 지원)
- 레이아웃 테마 - 상단 버튼형 / 좌측 사이드바 / 우측 사이드바
- 목록 구성 요소 - 목록만 / 내용만 / 목록 + 내용
- 목록 형태 - 갤러리형 1 ~ 11 / 목록형 / 웹진형 1 ~ 2 / 유튜브 동영상 썸네일 갤러리형 1 ~ 11 / 유튜브 동영상 썸네일 웹진형 1 ~ 2= 총 27 형태
- 리스트 스타일 ( 특정 카테고리 목록을 특정 형태로 부분 설정 )
- 카테고리 구성 - 메뉴 / 카테고리 / 메뉴 + 카테고리
- 서브 카테고리
- 새 글 발행여부 표시
- 유튜브 이미지 썸네일 / 유튜브 동영상 썸네일
- 공지 - 메모장형 / 목록형 (갤러리형 1 ~ 11 / 목록형 / 웹진형 1 ~ 2 택 1)
- 태그 클라우드
- 새 에디터의 더보기 버튼 이름, 하단 닫기 버튼
- 새 에디터의 인용구 1, 2, 3
- 플러그인 - SNS 글 보내기
- 댓글
- 방명록
- 댓글, 방명록 답글에 답글 버튼
- 댓글, 방명록에 자동 html (이미지 주소 > 이미지 / url > 링크 / 유튜브, 비메오, 데일리모션 > 동영상으로 변환 = 첫 페이지에만 적용되며, 새 댓글 또는 방명록 작성 및 수정시에는 변환이 풀림)
- 반응형 유튜브 (16:9 / 9:16 지원)
- 단축키
- 마우스 드래그 (블럭)
- 다크 모드
- 맨 위로 버튼
- 사이드바, 목록 상단, 목록 하단 광고 영역
外, 스킨 옵션과 중복된 내용은 생략
미지원
- 유튜브를 제외한 동영상 자동 썸네일
- 보호글 썸네일
外 꼭 필요한 기능이 있다면 구입 전에 문의하세요!!
사용된 소스
- Jquery 3.6.0
- Masonry
- Images Loaded
- Youtube Background
- JavaScript Cookie
- Apple Dark Mode
- Font Awesome 4.7
- Themify
- Ease Scroll
- Autohtml (묘연 수정)
- Reset.css (묘연 수정)
- 폰트1 - Noto Sans (본고딕)
- 폰트2 - Calibri
- Codepen 참고
PC버전 프리뷰
더보기
![](https://blog.kakaocdn.net/dn/bLE1HB/btq5WJlRhYr/QPRqZxAXROXuO1WG9zcSb1/img.png)
레이아웃 - 상단 버튼 / 카테고리 구성 ( 사이드바 활용 )
![](https://blog.kakaocdn.net/dn/bKT75U/btq5SzdnMLm/RxyneyVsEdaAsIfkXnn50k/img.png)
![](https://blog.kakaocdn.net/dn/bSqch7/btq5W4ccJIv/HTb3HjeGr6Q8xVqRb1o3I0/img.png)
레이아웃 - 상단 버튼, 사이드바 1에 메뉴 적용 / 목록 상단 대표 이미지 / 스킨 넓이
![](https://blog.kakaocdn.net/dn/AOW9y/btq5U4X6igE/k9tv44TPvcQItHxepybSrK/img.png)
![](https://blog.kakaocdn.net/dn/bA5bMY/btq5Vw1vyfA/wfghx0THRwfUdVBx7LLZi0/img.png)
레이아웃 - 좌측 사이드바 / 목록 상단 대표 이미지 / 스킨 넓이
![](https://blog.kakaocdn.net/dn/busc88/btq5SbwEGjW/TBcpvcoLp5E2NvIR6v186K/img.png)
![](https://blog.kakaocdn.net/dn/bsdqsR/btq5TtjHsJZ/57Bx5wRpJOvUSoP0DqrK1K/img.png)
레이아웃 - 우측 사이드바 / 목록 상단 대표 이미지 / 스킨 넓이
다양한 레이아웃 구성
![](https://blog.kakaocdn.net/dn/bLE1HB/btq5WJlRhYr/QPRqZxAXROXuO1WG9zcSb1/img.png)
![](https://blog.kakaocdn.net/dn/bChooC/btq5Sdad6a0/HPGB4IkKjbW7IFEA3d3bZ1/img.png)
![](https://blog.kakaocdn.net/dn/bKT75U/btq5SzdnMLm/RxyneyVsEdaAsIfkXnn50k/img.png)
![](https://blog.kakaocdn.net/dn/bSqch7/btq5W4ccJIv/HTb3HjeGr6Q8xVqRb1o3I0/img.png)
![](https://blog.kakaocdn.net/dn/bSVLxK/btq5Y7sG3eI/0w5ipKnkb6wPYI0tPIJk6K/img.png)
![](https://blog.kakaocdn.net/dn/AOW9y/btq5U4X6igE/k9tv44TPvcQItHxepybSrK/img.png)
![](https://blog.kakaocdn.net/dn/bA5bMY/btq5Vw1vyfA/wfghx0THRwfUdVBx7LLZi0/img.png)
![](https://blog.kakaocdn.net/dn/tnf2I/btq5XHuig6V/7sdATSMUSzRkLYoz9V8500/img.png)
![](https://blog.kakaocdn.net/dn/busc88/btq5SbwEGjW/TBcpvcoLp5E2NvIR6v186K/img.png)
![](https://blog.kakaocdn.net/dn/bsdqsR/btq5TtjHsJZ/57Bx5wRpJOvUSoP0DqrK1K/img.png)
![](https://blog.kakaocdn.net/dn/UPM3O/btq5VxzmQTK/qbmmq1uA54Tij1OZZF8xhk/img.png)
더보기
![](https://blog.kakaocdn.net/dn/FwBJh/btq5Y7TI028/hLaKwIMTFI8dqHu95ryKUK/img.png)
![](https://blog.kakaocdn.net/dn/bc4zkz/btq5RC2kaVh/vrhDS095STJh5lobTrJnS1/img.png)
[원본 비율] 갤러리형1 / 갤러리형2 / 갤러리형3
![](https://blog.kakaocdn.net/dn/bSaw7A/btq5SSKm0uA/OyKEPamk31BmNYnDcSc0t1/img.png)
[원본 비율, 간격 없음] 갤러리형4 / 갤러리형5
![](https://blog.kakaocdn.net/dn/bbtdoi/btq50j7rn1g/JzkRAFUCW0ziWOeugFt7vK/img.png)
![](https://blog.kakaocdn.net/dn/cBGJeN/btq5W9krjte/JLgsdkAet5dlb8xeV13CeK/img.png)
[1:1 비율] 갤러리형6 / 갤러리형7 / 갤러리형8
![](https://blog.kakaocdn.net/dn/etjzGk/btq5XGvqi0D/pWYgsq3AGXT2wj7Qlv52Bk/img.png)
![](https://blog.kakaocdn.net/dn/bNItpe/btq5U5v09DG/7DtkKe5V7bO1SL2PrwMcAK/img.png)
[1:1 비율, 간격 없음] 갤러리형9 / 갤러리형10 / 갤러리형11
![](https://blog.kakaocdn.net/dn/cbIT85/btq5R0CfKTB/RmVKjmdpIjC3VgKjbxa0ZK/img.png)
목록형
![](https://blog.kakaocdn.net/dn/bpMxP0/btq50jM8B0I/7RHOkBB68u8NuD8beVzKVk/img.png)
웹진형1 / 웹진형2
목록 형태
![](https://blog.kakaocdn.net/dn/FwBJh/btq5Y7TI028/hLaKwIMTFI8dqHu95ryKUK/img.png)
![](https://blog.kakaocdn.net/dn/bc4zkz/btq5RC2kaVh/vrhDS095STJh5lobTrJnS1/img.png)
![](https://blog.kakaocdn.net/dn/cIp5H5/btq5R2tiAcS/zDonHaRKOM9wYsjwx6UY20/img.png)
![](https://blog.kakaocdn.net/dn/bSaw7A/btq5SSKm0uA/OyKEPamk31BmNYnDcSc0t1/img.png)
![](https://blog.kakaocdn.net/dn/RzMBq/btq5TrTE7QU/NTO6EdDXZEfUwGvSZo7Ie0/img.png)
![](https://blog.kakaocdn.net/dn/bbtdoi/btq50j7rn1g/JzkRAFUCW0ziWOeugFt7vK/img.png)
![](https://blog.kakaocdn.net/dn/cBGJeN/btq5W9krjte/JLgsdkAet5dlb8xeV13CeK/img.png)
![](https://blog.kakaocdn.net/dn/bcYUr9/btq5YuhcIZ1/oiKMI0Qz7Iq9k94XnvUUF1/img.png)
![](https://blog.kakaocdn.net/dn/etjzGk/btq5XGvqi0D/pWYgsq3AGXT2wj7Qlv52Bk/img.png)
![](https://blog.kakaocdn.net/dn/bNItpe/btq5U5v09DG/7DtkKe5V7bO1SL2PrwMcAK/img.png)
![](https://blog.kakaocdn.net/dn/cQu4ac/btq500GF7p6/4Fw3Rc0xlT8uDAkaztV2JK/img.png)
![](https://blog.kakaocdn.net/dn/cbIT85/btq5R0CfKTB/RmVKjmdpIjC3VgKjbxa0ZK/img.png)
![](https://blog.kakaocdn.net/dn/bpMxP0/btq50jM8B0I/7RHOkBB68u8NuD8beVzKVk/img.png)
![](https://blog.kakaocdn.net/dn/cmS1R9/btq5ScoMFYa/RB5IOWNLzrCx19gVnHYqm1/img.png)
더보기
![](https://blog.kakaocdn.net/dn/bPYias/btq54nClIPp/xTiXqLS8kMFn4xazCUZOIk/img.png)
홈 (최신 글 갤러리형1)
![](https://blog.kakaocdn.net/dn/VtJys/btq54ogU3Hy/elGLjKpllaaHkeDfzzuvkK/img.png)
본문 + 댓글
![](https://blog.kakaocdn.net/dn/Wdt1J/btq5202f5C2/2GNoWmkFAiIJQxl5m0zHdK/img.png)
보호글
![](https://blog.kakaocdn.net/dn/uOIFL/btq53YQlWhT/k2iQMFtSrtRgN31nbW0ce0/img.png)
메모장형 공지
![](https://blog.kakaocdn.net/dn/dcHFaZ/btq52pnTmLC/VG6EE32UrD8KVpKw9j0dZK/img.png)
방명록
![](https://blog.kakaocdn.net/dn/kLj2q/btq54M9ImkK/bLZV8cKBu6RaYmXYm7OJJK/img.png)
태그 클라우드
상세 보기 ( 레이아웃 - 상단 버튼 / 갤러리형1 기준)
![](https://blog.kakaocdn.net/dn/bPYias/btq54nClIPp/xTiXqLS8kMFn4xazCUZOIk/img.png)
![](https://blog.kakaocdn.net/dn/VtJys/btq54ogU3Hy/elGLjKpllaaHkeDfzzuvkK/img.png)
![](https://blog.kakaocdn.net/dn/Wdt1J/btq5202f5C2/2GNoWmkFAiIJQxl5m0zHdK/img.png)
![](https://blog.kakaocdn.net/dn/uOIFL/btq53YQlWhT/k2iQMFtSrtRgN31nbW0ce0/img.png)
![](https://blog.kakaocdn.net/dn/dcHFaZ/btq52pnTmLC/VG6EE32UrD8KVpKw9j0dZK/img.png)
![](https://blog.kakaocdn.net/dn/kLj2q/btq54M9ImkK/bLZV8cKBu6RaYmXYm7OJJK/img.png)
모바일 버전 프리뷰(안드로이드 기준)
더보기
![](https://blog.kakaocdn.net/dn/cbBE2Z/btq52h4vSjz/67O9t1gWQpHU8s8LqlEMJk/img.png)
홈 (갤러리형1) / 레이아웃 - 상단 버튼 일 때 카테고리 / 레이아웃 - 좌측 사이드바 일 때 카테고리
![](https://blog.kakaocdn.net/dn/bC7EEW/btq53Q5Ucae/aKVqVLbvYNM7dZcc0wpHK0/img.png)
레이아웃 - 우측 사이드바 일 때 카테고리 / 본문 / 보호글
![](https://blog.kakaocdn.net/dn/QkuRV/btq53uoy50L/IlGL6hT4CHcG6P1z2AMd4k/img.png)
메모장형 공지 / 태그 클라우드 / 방명록
상세 보기
![](https://blog.kakaocdn.net/dn/cbBE2Z/btq52h4vSjz/67O9t1gWQpHU8s8LqlEMJk/img.png)
![](https://blog.kakaocdn.net/dn/bC7EEW/btq53Q5Ucae/aKVqVLbvYNM7dZcc0wpHK0/img.png)
![](https://blog.kakaocdn.net/dn/QkuRV/btq53uoy50L/IlGL6hT4CHcG6P1z2AMd4k/img.png)
728x90
반응형