본문 바로가기

티스토리스킨/심플형 스킨

티스토리 스킨 085 - 반응형 1단 미니멀2 스킨 배포합니다.

반응형

스킨 085 : 반응형 1단 미니멀2


- 구 미니멀 스킨들을 개선해서 40가지 이상의 스킨 설정 옵션과 안정된 동작 구조로 업그레이드한 스킨입니다.

- 1단 스킨으로 사이드바는 감춤 메뉴 형태로만 설정됩니다.

- 최소 568px까지 좁은 너비를 설정해 미니멀한 블로그를 운영할 수 있습니다.

- 커버 기능은 글목록 타입 1가지만 지원합니다.

- 스킨에 포함된 index.xml 파일과 images 폴더 안의 script.js 파일을 업로드해야 스킨 레이아웃이 정상 동작합니다.

 

 







스킨 옵션 설정

 

스킨 옵션 설정에 대한 상세한 설명은 ->스킨 옵션설정 글을 보시기 바랍니다.(일부 옵션 항목은 제외되어 있습니다.)




A. 컨텐츠 영역 너비


B. 레이아웃 설정 옵션 그룹


C. 공통/페이지 옵션 그룹


D. 헤더 옵션 그룹


E. 사이드바 옵션 그룹


F. 글목록 옵션 그룹


G. 푸터 옵션 그룹





 

패치 내역

 

  • 2019-10-22 1.0.1 Patch - 스킨 옵션 설정값에 따라 상단 타이틀 위치가 왼쪽으로 쏠리는 현상 해결












설치 주의사항

 

  • 스킨 적용시 index.xml, script.js 파일을 반드시 업로드해야 스킨이 정상 적용됩니다.
  • 파일 업로드 후에는 웹브라우저 캐시를 한번 소거해야 바로 스킨이 정상 반영됩니다.



반응형
  • 너무 예뻐요^^
    잘 활용해볼게요..ㅎㅎ

  • 감사합니다. 2019.10.04 09:31 댓글주소 수정/삭제 댓글쓰기

    매번 이렇게 좋은 스킨을 공유해주셔서 감사합니다. 이 정도면 돈을 받고 공유를 해주셔도 될거 같은데 ㅠㅠ 취미라고 하시기에는 너무 열심히 하시는거 같아요 ㅠㅠ

  • 어포스트님 좋은스킨 감사드립니다! 한 8개정도 바꿔보면서 이것저것 해보고있어요 다 이뻐서 고민이되네요...
    HTML,CSS에 익숙하지않아 여쭤보는건데...

    색깔을 이것저것 수정중인데요..

    블로그를 약간 다크모드로 운영하고싶어서 ㅠㅠ

    글을 눌렀을 때 제목색깔/작성자,날짜 색깔/ 사이드바 배경 색깔

    을 어디서 바꿔야할지 못찾겠네요 ㅠㅠ
    혹시 알려주실수 있으실까요?

    그리고 혹시 글 작성때 내용 기본색깔도
    따로 설정할 수 있나요?

    • style.css 에서
      .entry-content 클래스 및 그 하위로 붙는 클래스들이 글 본문에 해당하는 스타일을 지정합니다.

      1910 ~ 2087 행 까지가 해당됩니다.
      본문은
      .entry-content p
      가 기본 문단이므로 컬러와 배경색 등 속성을 부여하면 됩니다.

      제목은
      .entry-content h1 ~ h6 까지 정의되어 있으므로 수정하면 됩니다.

      글 본문의 기본 색상은
      .entry-content{
      color: #444;
      overflow: hidden;
      }

      이 컬러값을 최우선으로 수정해야 하빈다.
      배경색도 여기다 지정할 수 있습니다.

      카테고리 열었을 때 배경색깔 / 글자색깔이라는건 어떤걸 말하는지 모르겠는데, 아마도 펼쳐진 카테고리의 배경을 말하는 것 같습니다.

      565행

      #header .menu.on
      클래스에 배경색이 흰색으로 지정되어 있습니다.
      다른것으로 변경하면 됩니다.

  • 감사합니다! ㅠㅠㅠㅠㅠ 찾아서 해볼게요 !

  • 말씀해주신대로 해서 카테고리랑 글 본문 색상 맞췄네요! ㅎㅎ 감사합니다!
    근데 엔트리컨텐츠 h1~h6 까지 color:#fff; 이런식으로 값을 추가해줘도
    계속 제목이 검게 나오네요 ㅠㅠ

    혹시 엔트리단 말고 또 만져야할 곳이 있을까요??

    글 눌렀을때 제목/날짜/작성자 이쪽 단 컬러 좀 바꾸고싶은데

    • 스킨 기본상태에서는
      .entry-content h1 ~ h6
      에 컬러 지정하면 잘 적용됩니다.

      블로그 들어가봤는데 잘 적용되는 것으로 나옵니다.

      글 제목/날짜/작성자 단은 별도로 분리된 클래스가 따로 있습니다.

      글보기 헤더 영역은
      .hgroup 클래스 하위로 정의합니다.

      글제목
      .hgroup h1
      작성자
      .hgroup .post-meta
      날짜
      .hgroup .post-meta

      찾아서 컬러 지정하면 됩니다.

      글목록 헤더 영역은
      .post-header 클래스 하위로 정의합니다.

      글목록 최상단 "전체 글" 과 같은 헤더 영역은
      .post-header
      클래스 하위로 정의합니다.

      .post-header h1

      를 찾아서 클목록 타이틀 색상을 변경할 수 있습니다.

  • 친절한 답변 정말 감사합니다! ㅎㅎ
    스킨도 감사드려요!


닫기