티스토리 뷰

블로그 스킨

코코넛창고 블로그 스킨

코코넛냠냠 2017.05.19 04:47

★ (여기를 클릭해서 이미지 펼치기)



기본 스킨으로 제공되는 티스토리 넘버원 (#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로 한 웹페이지의 사이를 이동할 때 헤더(메뉴바)가 해당 항목을 가리지 않습니다. 이 효과는 댓글란의 '댓글주소' 링크에도 적용됩니다.)


★ (이미지 펼치기)


수정2


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


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


  1. 참고: http://sometimes-n.tistory.com/3 [본문으로]
  2. 참고: http://sometimes-n.tistory.com/51 [본문으로]
  3. 참고: http://sometimes-n.tistory.com/18#comment5240056 [본문으로]
저작자 표시 동일 조건 변경 허락
신고

'블로그 스킨' 카테고리의 다른 글

코코넛창고 블로그 스킨  (5) 2017.05.19
댓글
댓글쓰기 폼