본문 바로가기

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

티스토리 스킨 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

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

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

  • 안녕하세요, 깔끔하고 이쁜 스킨 정말 감사드려요!

    올리신지 오래되어 질문을 드려도 괜찮을까 싶은데.. 바꾸고 싶은 부분이 생겨서 질문 올려봐요

    모바일 환경에서 글을 내리면 상단에 뜨는 반투명한 제목. 메뉴 등의 색상을 변경하고 싶어요..!

    • 스킨원본기준
      style.css
      217행

      #header .nav.on{
      }
      클래스의

      background-color: rgba(0,0,0,0.2);

      속성이 스크롤 상단 고정 메뉴의 배경색입니다.
      rgba에 대해서 모르시면 구글 검색을 해보시면 되고...
      검정색(0,0,0)을 20%(0.2) 반투명으로 표시하는 것입니다.
      rgb 컬러값과 투명도를 변경하시면 됩니다.

      블로그 타이틀 색상은 스킨 옵션 설정에서 변경할 수 있습니다.
      헤더 > 블로그 타이틀 색상 선택 항목에서 색상을 선택하면 됩니다.

      모바일 보기에서 블로그 글자 하단이 미세하게 잘리는 버그가 있어서 스킨을 패치했습니다.
      style.css 를 재적용하시기 바랍니다.

  • 답변 감사드립니다! 스킨 만드시는거 너무 존경스러워요.. 앞으로도 행복한 일만 가득하길 바랄게요! <3


닫기