07
13

큰 두께의 이미지 프레임이 특징인 단순한 스킨.

Copyright 부분의 수정·삭제를 금지합니다.
그 외엔 자유로운 수정이 가능하나, 재배포는 금지합니다.

세부 커버 디자인은 티스토리 공식 스킨 Whatever를 참고했습니다.


샘플 페이지 바로가기


다운로드

혹은 이 링크를 클릭하세요. (카피라이트 존재, 무료)


구글 Chrome과 티스토리 뉴에디터에 최적화.
다른 메이저 브라우저는 IE를 제외하고(...) 정상 작동 확인했습니다.

  • preview 이미지를 합해 약 800kb
  • 반응형, 0-1-2단 설정
  • 5가지 형태의 이미지 커버 기능
  • 같은 카테고리 게시글을 썸네일로 표시/비표시 설정
  • 배경 이미지를 통한 배경 애니메이션 설정
  • 프로필 사진 클릭을 통한 사이드바 접고 열기

 

※ 아래 설정들은 필수 설정은 아닌, 간단한 팁입니다. 참고해주세요!

더보기
더보기

 

  1. 본 스킨은 반응형 스킨이므로 꼭 꾸미기>모바일>티스토리 모바일웹 자동 연결을 꺼주세요.

  2. 시간 지나면 배경 투명화 설정은 껐을 땐 배경까지 투명해지고, 켰을 땐 이미지 테두리 내부만 투명해집니다. 무슨 말인지 잘 이해가 되지 않으신다면, 이 설정을 조정한 이후 마우스를 이미지 프레임 외부로 떼고 잠시 기다려보세요.

  3. 배경색과 글자색은 대비가 큰 색으로,(ex.검은색↔흰색) 글자 보조색은 글자색과 배경색의 중간색(ex.검은색, 흰색 조합일 경우 회색),
    강조색은 좋아하는 색, 강조 보조색은 강조색보다는 강하지 않은 색으로 설정하시는 것을 추천합니다.

  4. 카테고리글 이미지 썸네일 설정을 키실 경우 블로그 설정>플러그인>카테고리 글 더보기 설정을 끄시는 것을 추천합니다.

  5. 이미지가 없을 경우 대체 이미지 설정이 가능합니다. 이는 html 48번 줄을 수정하시면 됩니다. 어차피 background 프로퍼티라 따로 스킨 전체 설정에 넣진 않았습니다. background 프로퍼티 설정에 관한 건 이쪽을 참고해주세요.

  6. 기본적으로 사이드바를 열고 닫을 때 블로그 프로필과 검색창은 사라지지 않도록 설정되어 있습니다. 이 설정을 변경하고 싶으시다면 html 파일 712줄~ 부분과 images/script.js 파일 60~63줄 부분을 수정하시면 됩니다.

 

+)

나름의 챌린지 삼아 만든 생애 첫 티스토리 스킨.
구상은 전 학기 내내 계속 했는데 만드는 데엔 여행이다 뭐다 해서 생각보다 오래 걸렸네요.
그래도 이정도 퀄리티로, 구상한대로 커버 기능 다뤄본 건 기쁩니다.

 

피드백이나 질문은 다양하게 받습니다.
다만 위 주의사항들을 반드시 정독 후, 2번 이상은 구글에 검색해보신 후에 물어봐주세요.
답장이 느릴 수도 있을 뿐더러 필자도 전문가가 아니라는 점 양해부탁드립니다.
특히... javascript 관련 질문은 가능하면 지양해주세요.

COMMENT