Mellow Apricot
post-img
Read more →
post-img
Read more →
post-img
Read more →
post-img
Read more →
entry-thumbnail

1단 레이아웃

블로그를 SNS처럼 만든다면? #3 스킨을 통해 티스토리에서 새로운 SNS를 느껴보세요! 홈 화면에서 당신의 취향을 자유롭게 표현할 수 있는 스킨 커버가 여러분을 기다리고 있어요. 디데이를 카운트 다운하여 중요한 순간을 기다리거나 기념할 수도 있고, 최신 글들을 다양한 형태로 출력할 수 있습니다. 이모지로도 당신을 표현할 수 있어 더욱 개성 있는 블로그를 만들 수 있습니다. #3 스킨으로 재미있는 SNS 체험을 시작해보세요!

스킨 수정 가능 | 재배포, 재판매 금지 | 카피라이트 삭제 금지 

 

지원 부분

- 반응형
- [스킨 레이아웃 2종] 1단, 2단
- [홈 커버 10종] : 하이라이트, 공지사항, 태그 클라우드, 디데이, 링크, 피드, 카드, 리뷰, 글목록, 갤러리
- [카테고리별 목록 6종] : 웹진, 심플, 갤러리, 피드, 카드, 메세지
- [공지사항 1종]
- [본문 2종] : 카테고리별 스타일1, 스타일2 🌸
- [본문] : 관련글, 페이징
- [본문] : 인용, 더보기, 링크, 파일 리디자인
- [본문] : 신고 버튼, 공감 버튼, 통계 버튼 리디자인
- 새 글 발행 알림 리디자인 (NEW 아이콘)
- 탑버튼 지원
- 팔로우 버튼, 로그인(아웃) 버튼 리디자인 (2차 도메인 미지원)
- 댓글 | 방명록 신규 치환자 지원 및 리디자인
- 관리자 페이지 바로가기 및 글쓰기 페이지 바로가기 지원 (글쓰기 페이지는 홈 커버 하이라이트에서 지원)

 

스킨 미리보기

• https://aooopoorooioocooot.tistory.com/ (메인)

• https://aooopoorooioocooot.tistory.com/29 (본문)

• https://aooopoorooioocooot.tistory.com/48 (본문2)

 

스킨 구매

• apricot orchard (https://posty.pe/frut93)

 

기술 지원 제공 여부 및 방법 

• ‘스킨의 오류’는 어떤 상황이든 일어날 수 있기에 오류 관련 제보는 항시 받습니다. 

• 오류 제보 : 본 글의 댓글

• 수정 문의 : 본 글의 댓글

 

스킨 저작권 정보

• 제작자 : 살구(#f8b878) 

• 블로그 : https://mellowapricot.tistory.com

• 이메일 : worksapricot@gmail.com

entry-thumbnail

1단, 라인, 흑백, 이미지 흑백
2단, 라인, 흑백, 이미지 흑백
1단, 라운드, 컬러, 이미지 컬러
1단, 라운드, 흑백, 이미지 컬러

Grayscale Line 스킨을 통해 콘텐츠의 느낌을 한층 더 풍부하게 표현할 수 있습니다! 홈 화면에서는 당신의 취향을 자유롭게 표현할 수 있는 스킨 커버를 지원하며, 본문의 너비를 조정해도 매끄러운 출력이 가능하여 여백의 미를 느끼거나 꽉 찬 컨텐츠를 즐길 수 있습니다. 또한 카테고리별로 앨범형 | 목록형 | 웹진형 등 각각의 콘텐츠에 적합한 디자인을 선택할 수 있습니다. 이제 블로그에서 새로운 경험을 즐기세요! 당신이 만들어가는 세상이 더 풍요로워질 거예요. 

스킨 수정 가능 | 재배포, 재판매 금지 | 카피라이트 삭제 금지 

 

지원 부분

- 반응형
- [스킨 레이아웃 2종] : 1단, 2단
- [스킨 테마 2종] : 선형, 라운드형
- [홈 커버 5종] : 공지사항, 태그 클라우드, 앨범형, 웹진형, 라인형
- [카테고리별 목록 5종] : 앨범형 2개, 목록형 2개, 웹진형
- [공지사항 디자인] : 공지형, 메모형
- [본문] : 관련글, 페이징 버튼 
- [본문] : 인용, 더보기, 링크, 파일 리디자인
- [본문] : 신고 버튼, 공감 버튼, 통계 버튼 리디자인
- 새 글 발행 알림 리디자인 (NEW아이콘)
- 탑버튼 지원 (스크롤 메뉴의 프로필 이미지 클릭 시)
- 댓글 | 방명록 신규 치환자 지원 및 리디자인

 

스킨 미리보기

• https://apricotdemo.tistory.com (메인)

• https://apricotdemo.tistory.com/13 (글 양식)

 

스킨 구매

• apricot orchard (https://posty.pe/to5zda)

 

기술 지원 제공 여부 및 방법 

• ‘스킨의 오류’는 어떤 상황이든 일어날 수 있기에 오류 관련 제보는 항시 받습니다. 

• 오류 제보 : 본 글(218번글)의 댓글

• 수정 문의에 대한 답변 여부는 때에 따라 다를 수 있습니다.

 

스킨 저작권 정보

• 제작자 : 살구(#f8b878) 

• 블로그 : https://mellowapricot.tistory.com

• 이메일 : worksapricot@gmail.com

entry-thumbnail

심플하면서도 다양한 슬라이드로 티스토리를 즐겨보세요! 커버, 헤더 메뉴, 하트 속 이미지, 스킨의 다양한 곳에서 슬라이드를 지원합니다!

 

살구 스킨#2이 다양한 기능들을 담아 새롭게 돌아왔습니다 !

변경사항은 아래와 같습니다.

더보기

v.1 → v.2 변경 사항
- 폰트 : Monda 삭제, Pretendard | Open Sans | Poppins 변경
- 스킨 편집 홈에서 스킨 너비/높이, 포인트 색상, 대표이미지 설정 등이 가능하도록 업데이트
- 폰트어썸 4.7 → remixicon svg 변경

- 빠른 구동을 위해 제이쿼리 삭제, 바닐라 자바스크립트로 변경 (티스토리 자체 서버 및 오류로 스킨 내 라이브러리는 존재함)

- 티스토리 스킨 에디터 업데이트로 HTML/CSS 압축X, 들여쓰기로 변경

- 각종 클래스 네임 변경

 

1) 본문, 공지사항
- 인포메이션 탭 (타이틀, 날짜 출력 부분) 디자인 변경
- 뉴에디터 양식 일부 리디자인
- 신고 | 공감버튼 리디자인
- 어드민 버튼 리디자인

2) 헤더 (많이들 문의하셨던 그것...)
- 모바일에서도 프로필 사진이 나오도록 변경
- 모바일에서도 하트버튼 클릭 시 슬라이드 사진이 나오도록 변경

3) 댓글 & 방명록
- 입력 폼 리디자인
- 댓글/방명록 리스트 리디자인

4) 카테고리
- 카테고리 리스트 노출 : 직접 입력 -> 치환자 사용으로 변경
- 카테고리별 디자인 지정

5) 비밀글
- 입력 폼 리디자인

 

6) 커버

- 커버 지원

전체적인 디자인은 유지하며, 최대한 업데이트된 치환자들을 제공하려 했습니다.

 

스킨 수정 가능 ㅣ 재배포 불가능 ㅣ 카피라이트 삭제 절대 금지

• html 하단의 <div class="copyright"> ~ </div>는 제거 불가능합니다
• Link 부분은 자유롭게 수정 가능

 

지원 브라우저

(이전 버전의 브라우저는 지원하지 않습니다. 브라우저 혹은 운영체제를 업데이트 해주세요.)

DESKTOP
• Microsoft Edge | Chrome | Safari
MOBILE
• Samsung browser | Chrome | Safari

 

지원 부분

 반응형 스킨
 [홈 커버] : 공지, 태그 클라우드, 리스트, 갤러리, 슬라이드
 [카테고리별 목록 스타일] : 심플 리스트, 갤러리1, 갤러리2, 웹진
 본문 - 인용, 더보기, 링크 리디자인
 본문 - 신고버튼, 공감버튼, 통계버튼 리디자인
• 본문 - 페이징 버튼

• 어드민 페이지 이동, 글쓰기 버튼

 반응형 동영상

본문 페이징 버튼 : 기본 페이징 버튼과 동일하게 <를 누를 때 최신 글이 뜨며, >를 누를 때 이전 글이 뜹니다.

 

미지원 부분

• 티스토리 댓글 / 방명록에 대한 신규 치환자는 지원하지 않습니다. (추후 수정될 수 있으나 현재로선 계획 없습니다.)

 

사용된 폰트, 라이브러리

• Pretendard(주|한글), Open sans(영문), Poppins(영문)

• plain JS slideToggle 응용했습니다. https://github.com/ericbutler555/plain-js-slidetoggle

 

스킨 적용 방법

• 관리자 화면 > 꾸미기 : 스킨 변경 > 스킨 등록 > 압축을 푼 첨부파일의 images 폴더 내용까지 모두 업로드

• images 폴더까지 적용하지 않는 문제는 답변드리지 않습니다. 

 

스킨 저작권 정보

• 제작자 : 살구(#f8b878) 

• 블로그 : https://mellowapricot.tistory.com

• 이메일 : worksapricot@gmail.com

 

스킨 미리보기

메인 : https://apricot111777.tistory.com/

글 양식 : https://apricot111777.tistory.com/13

 

[ 사용 조건 ]  

(안내 사항을 정독하지 않아 발생한 불이익에 대해 책임지지 않습니다.)
1. 브라우저 혹은 티스토리 업데이트로 오류가 발생할 수 있습니다. 스킨 자체 오류 외, 티스토리 오류 및 사용자의 커스텀으로 인한 오류는 수정 범위에 들어가지 않을 수 있습니다. 
2. 스킨의 자체 오류는 최대한 지원하며 오류 검수 작업, 기능 수정 등으로 스킨의 버전은 업데이트 될 수 있으며 디자인이 변경될 수 있습니다. 
3. 제작자의 동의 없이 스킨을 상업적으로 이용하는 것을 금지합니다.

(단, 애드센스 등의 엔진 광고 및 커미션 수준의 페이지는 제외합니다.)
4. 스킨 수정은 레이아웃을 변경하지 않는 선에서 자유롭게 가능합니다.

5. 어떠한 경우에도 카피라이트 삭제 옵션은 제공되지 않습니다. (육안으로 식별이 가능하다는 전제 하에) 카피라이트 색상 변경 아이콘 변경 모두 가능합니다. 스킨 배경 이미지(또는 색상)로 인해 식별이 불가할 경우 반드시 카피라이트 색상을 변경하셔야 합니다.
6. 타 제작자와 커미션 작업 시, 혹은 스킨 배포 시 본 스킨을 베이스로 쓰거나 디자인을 가져가는 것을 금지합니다.

7. 어떠한 경우에도 타 스킨과 짜집기 불가합니다.

 

다운로드 행위는 [사용 조건]에 동의한 것으로 간주합니다.

 

 

1. 홈 커버 태그 개수 설정

개수 : 관리자 화면 > 꾸미기 > 사이드바 > 태그는 []개 표시되며~
순서 : 관리자 화면 > 꾸미기 > 스킨 편집 > 홈 설정 > 기본 설정 > 태그 클라우드 순서 > []

 

2. 스킨 수정 방법 및 자주 묻는 질문

https://mellowapricot.tistory.com/240 참고 부탁드립니다.\

 

더보기

스킨 변경 사항

 

(2.1) 2023:08.15 

- 리스트 관련 CSS 및 반응형 동영상 JS 수정 

 

(2.2) 2023.08.23

- 본문 페이징 버튼 지원

- 목록 구성 요소 : 내용만 보기에서 인용 등 디자인 통일

- 코드 정리

 

(2.2.1) 2023.08.25

- 코드 정리

 

(2.3.0) 2023.08.27

- 어드민 페이지 버튼 추가

 

(2.4.0) 2023.09.25

- 코드 정리 및 스킨 옵션 추가

- new아이콘 리디자인

 

(2.5.0) 2023.10.31

- svg 스프라이트 추가

- 썸네일 로딩 추가

(2.5.1) 2023.11.21

- 스크립트 오류 수정

 

(2.5.2) 2023.11.22

- 네임카드 리디자인

(2.5.3) 2024.01.08

- 반응형 썸네일 오류 수정

(2.6.0) 2025.03.11

- index 파일 수정 (스킨 변경이 안 되는 오류 해결)

 

미루고 미루다가 그냥 배포합니다!

오류 문의는 댓글로 주세요^-^♡

 

스킨 최초 배포 : 2023.07.29 ver.2 (리뉴얼)

"살구(#f8b878) https://mellowapricot.tistory.com

 

 

entry-thumbnail

https://mellowapricot.tistory.com/216

 

티스토리 스킨 (2. 슬라이드 스킨) 수정 배포

살구 스킨#2이 다양한 기능들을 담아 새롭게 돌아왔습니다 ! 변경사항은 아래와 같습니다. 더보기 v.1 → v.2 변경 사항 - 폰트 : Monda 삭제, Pretendard | Open Sans | Poppins 변경 - 스킨 편집 홈에서 스킨

mellowapricot.tistory.com

 

수정 배포합니다

 


 

 

https://mellowapricot.tistory.com/216

수정 배포합니다.

 

수정 자유롭게 가능 ㅣ 재배포 불가능 ㅣ 카피라이트 삭제 절대 금지

> LINK 버튼 누르면 나오는 창의 카피라이터는 완전히 제거 가능합니다

> html 하단의 <div class="copyright">~</div>는 제거 불가능합니다

 

190327 수정

 

다운로드시 기본적으로는 프로필사진 / ♥ / ARCHIVE / LINK 버튼을 누를 때 슬라이드가 활성화 됩니다.

 

스킨안내

색상코드 #000000 <포인트색은 #000000. 그 외 기본 검정색은 #000으로 구분했습니다.>

브라우저 익스플로러11 엣지 크롬 파이어폭스

사용방법 압축을 풀어 images 폴더에 담긴 것까지 모두 업로드해주세요.

모바일웹 블로그관리창 [꾸미기]탭의 [모바일]에서 모바일웹 자동연결 "사용하지 않습니다"로 설정해주세요.

사진변경 프로필 사진을 변경하시려면 블로그관리창 [관리]탭의 [블로그]에서 이미지를 변경해주세요.

 

티스토리 업데이트에 대하여 다운로더의 스킨을 1:1 수정하는 것은 불가능하여 스크립트를 간소화하였습니다.

ex) 날짜 표시 형식 변경, 신고 버튼 의무화, 글 주소 형식

해당 사항을 변경하고 싶다면 검색을 통하여 직접 수정 부탁드립니다. 

기타 질문은 댓글로 부탁드립니다.

질문 전 중복 질문에 대한 답변 확인 해주세요,

 

스킨 변경 내역은 스킨 수정 안내에서 확인 부탁드립니다.

 

많은 사랑 감사했습니다! 확인한 게 몇 년이 지난 후라, 일부 댓글에 답변 못 드린 점 죄송합니다.

더이상 리뉴얼 전 버전에 대한 질문은 받지 않습니다.

Guestbook.