코코넛창고 블로그 스킨

SavedSkin(2017-05-19).zip

기본 스킨으로 제공되는 티스토리 넘버원 (#1) 기반으로 만든 스킨입니다.

만들었다고 해 봐야 색깔 입히고 스크롤 부분을 조금 고친 것입니다.

그렇게 해서 기본 스킨의 요소 배치를 원형 그대로 살려서 쓸 수 있게 했습니다.

기존의 스킨은 레이아웃은 좋지만 새하얀 바탕 때문에 눈이 부십니다.

밝거나 푸른 색은 디스플레이를 통해서 표현하기에는 좋지 않습니다.

밝고 튀는 것이 싫어서 따뜻한 계통의 색상으로 차분하게 바꿔 봤습니다.

디자인 참고: http://nanite.tistory.com/9

GitHub: https://github.com/NaniteFactory/Tistory-nanite-vault

블로그 테마 CSS 색상표

강조

#E74C3C | 빨강 | 최상위 컨테이너 구분선

#F69630 | 오렌지색 | 비밀글 등 강조 표시

#D7C1A6 | 두루마리 | 링크와 기본 경계선

바탕

#302724 | 어두운 갈색 | 기본 배경색

#3F3431 | 밝은 갈색 | 도드라진 배경

내용

#DCDAD5 | 차분한 흰색 | 기본문자색상

#FFF | 흰색

#000 | 검정

수정1

메뉴

• 메뉴에 '로그인/로그아웃', '이웃 추가'를 덧붙였습니다.
• 모바일 화면용 메뉴에도 같은 리스트가 표시되도록 수정했습니다.
• 카테고리에 등록된 글의 수를 표시할 수 있습니다.
  (블로그 관리 페이지의 카테고리 설정에서 '등록된 글 수 표시'나 '새글 표시' 기능을 활성화해도 적용되지 않는 문제를 없앴습니다.)
• 메뉴바의 카테고리 리스트에 스크롤바를 추가했습니다.^[각주:1]
  (스크롤바는 카테고리 리스트가 브라우저의 창 높이보다 길 때만 나타납니다.)

푸터

• 블로그 푸터(하단)에 모바일 환경에서만 표시되는 PC버전보기/모바일버전보기 버튼을 추가했습니다.
• 푸터 안에 내용이 여러 줄 포함되었을 때 레이아웃이 망가지는 문제를 없앴습니다.^{[각주:2][각주:3]}

본문

• 모바일 크기 화면에서 어떤 문자가 가늘게 표시되던 문제를 없앴습니다.
• 게시물 공개 여부 설정 버튼에 '취소' 문구를 추가했습니다.
• 모바일 화면에서 비밀글 체크박스 체크가 선명하게 표시됩니다.

각주

• 티스토리 각주의 말풍선 문구를 검은색으로 표시합니다.
• 각주에 URL이 있으면 자동으로 링크로 변환됩니다.
• 각주번호가 [각주:0]의 형식으로 표기됩니다.
• 각주번호나 '본문으로'를 눌러서 이동할 때 메뉴바가 글자를 가리는 문제를 수정했습니다.
  (#id로 한 웹페이지의 사이를 이동할 때 헤더(메뉴바)가 해당 항목을 가리지 않습니다. 이 효과는 댓글란의 '댓글주소' 링크에도 적용됩니다.)

SavedSkin(2017-05-23)_수정1.zip

수정2

• GIF 형식의 이미지를 PNG 파일로 변경하여 품질을 개선했습니다.
• 2017년 8월 말 티스토리 개편 직후 로그인/로그아웃이 토글되지 않는 문제를 수정했습니다.

SavedSkin(2017-09-18)_수정2.zip

변경사항 이외는 수정1과 같습니다.

1. 참고: http://sometimes-n.tistory.com/3 [본문으로]
2. 참고: http://sometimes-n.tistory.com/51 [본문으로]
3. 참고: http://sometimes-n.tistory.com/18#comment5240056 [본문으로]