본문 바로가기

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

티스토리 스킨 - 반응형 미니멀B 티스토리 스킨 배포합니다.

스킨명: 반응형 미니멀B 티스토리 스킨



가로 너비를 600px로 작게 설정한 미니멀 스킨입니다.

컨텐츠 영역은 540px 입니다.


----------------------------------

2019.04.05 1.1.0 Patch - 기존 2종으로 나누어져 있던 스킨 파일을 통합해서 1개의 단일한 스킨으로 변경.

----------------------------------


스킨 주요 특징


1. 티스토리 커버 기능 전체 지원


2. 반응형 스킨으로 모바일 완벽 지원


3. 벡터 스킨 아이콘 사용으로 화면 해상도와 무관하게 고화질 아이콘 표시. 아이콘 이미지 업로드 불필요


4. 최적화된 옵션으로 화면 출력속도 향상


5. 메인 슬라이더 자동 스크롤 지원


5. 스킨에 사용한 글꼴은 오픈 글꼴인 네이버 나눔고딕 입니다.


6. 4가지 배경색과 6가지 레이아웃 테두리를 옵션을 선택할 수 있습니다.


7. 마우스오버 하이라이트 색상은 3가지(파랑, 빨강, 녹색) 중 한가지로 선택할 수 있습니다.




기본 링크된 웹폰트는 3종(네이버 나눔 고딕, 노토셰리프, 노토산스)으로 그중 네이버 나눔고딕이 기본 글꼴로 설정되어 있습니다.


글꼴을 변경하려면 


style.css 파일의 32행과 59행의 글꼴 설정 부분을 변경하면 됩니다.


  font-family: 'Nanum Gothic', 'Noto Serif KR', 'Noto Sans KR', sans-serif;


차례대로 나눔고딕(Nanum Gothic), 노토셰리프(Noto Serif KR), 노토산스(Noto Sans KR) 이며, 가장 앞에 오는 글꼴이 사용됩니다.

사용할 글꼴명을 제일 앞으로 옮기거나, 사용하지 않을 글꼴 이름을 지우면 됩니다.


배경색 및 테두리 형태를 변경하려면 커버 설정에서 배경색상, 테두리 모양 을 선택하면 됩니다.











설치 주의사항


1. index.xml 파일을 반드시 업로드해야 합니다. 티스토리 신스킨은 스킨 옵션 설정을 위해 반드시 이 파일이 필요합니다.


2. script.js 파일 업로드 후에는 웹브라우저 캐시 소거를 한번 해주시기 바랍니다. 브라우저 환경에 따라 구 사용 스킨의 자바스크립트 파일이 캐시에 남아 자바스크립트가 정상 동작하지 않는 경우가 있습니다.

사이드바 메뉴가 펼쳐지지 않는다거나 할 경우 캐시 소거를 하면 됩니다.




024_minimalB.zip


스킨 다운로드
스킨 설치 방법



  • 우앙 너무 예뻐요:)
    근데 한가지 문제아닌 문제점이 있는것 같아요.
    커버아이템을 이용할 경우 메뉴 기능을 통해 방명록에 접근 할 수 있는데,
    최신글/리스트로 할 경우, 방명록에 접근할 수 없는 문제점이 있네요 ㅜ-ㅜ
    이 부분만 해결되면 넘나 완벽하고 이쁜 스킨이 될 것 같아요.ㅎ
    좋은 스킨 배포해 주셔서 넘나 감사합니다 :D

    • 음..
      말씀이 맞는 것 같습니다.

      티스토리 블로그 메뉴가 거의 사장되다 시피해서 일부는 삭제될 예정이기는 합니다만...

      애초의 목적은 스킨명 그대로 미니멀이어서 불필요한 링크를 가능하면 최소화하는 것이었는데...
      필요한 분도 있을 것 같습니다.

      스킨을 2타입으로 갈라서 커버에만 블로그메뉴(홈,태그,미디어로그,위치로그,방명록) 가 표시되는 기존 버전과 함께
      커버와 무관하게 공통으롤 푸터에 블로그메뉴가 표시되는 버전(style_commonfooter.css, skin_commonfooter.html) 을 추가했습니다.
      스킨 압축파일을 다운로드하면 기존 버건과 함게 공통 푸터 버전 스킨이 함께 들어있습니다.

      기존에 스킨을 설치하신 분은
      style.css에서
      ".cover-footer" 검색(10개 검색됨)
      -> "#footer" 로 변경

      862~868행 삭제
      847~855행 삭제


      skin.html에서

      160~162 행 3줄을 컷해서(아래 3줄 내용)

      <nav class="menu">
      [샵샵_blog_menu_샵샵]
      </nav>

      453~454행 사이에 붙여넣음.
      (위의 샵샵은 키보드 Shift+3 입니다. 티스토리 글에 치환자를 직접 입력할 수 없어서 저렇게 표시한 것입니다.)


      <footer id="footer">
      붙여넣을 정확한 행을 못찾을 경우 위 <footer... 줄 밑입니다.

      이렇게 하면 공통으로 블로그 메뉴가 전체 스킨에 표시됩니다.

    • 우앙 빠른 패치 넘나 감사합니다^__^
      스킨변경을 통해 새로운 스킨으로 업로드후 적용을 하니 푸터 부분이 비정상 출력 되길래, 한번 스킨 편집을 통해 패치받은 skin_commonfooter.html 과 style_commonfooter.css 의 소스를 복사+붙여넣기를 통한 수동 입력+저장해주니 정상 출력되고 좋네요:)
      빠른 패치 다시한번 감사하구요:D
      스킨 이쁘게 잘 사용하겠습니다 ^___^

  • 좋은 스킨 공유해주셔서 감사합니다 ^^
    잘쓸게요 :D

  • 좋은스킨 감사합니다. 깔끔하고 좋아요. 제 스타일 이네요 ㅎㅎ 바로 적용했어요!

    하지만 공지사항 글 상세보기에서 수정 및 삭제 링크가 안된다는점은 아쉽네요. 패치했으면 합니다!

    • 추가적으로 검색부분 search1.png 이미지를 찾을 수 없어요. 넣어주셔야 할듯 합니다.

    • 공지글 수정/삭제 링크는 티스토리 시스템에서 치환자 대체가 안되고 있습니다.(치환자가 있지만, 공지글 수정/삭제 페이지로 이동하는 링크로 대체가 안됨.)
      스킨단에서는 티스토리에서 제공하는 레퍼런스 치환자를 그대로 사용하고 별도로 조정을 한 것은 없습니다.
      공지글 수정/삭제 링크를 안보이게 스킨 패치를 해야하는지 여부를 판단하기는 어렵습니다.
      이러다 어느날 티스토리에서 버그패치? 같은걸 해서 링크가 걸릴수도 있기 때문에...

    • search1.png 파일이어떤 이미지 파일을 말하는지 모르겠습니다.

      제 스킨에서는 기본적으로 티스토리 레퍼런스 스킨의 비트맵 아이콘이나, 기타 비트맵 아이콘을 전혀 사용하고 있지 않습니다.

      images 폴더에도 비트맵 아이콘 이미지는 포함되어 있지 않습니다.

      폰트어썸 프리버전 벡터 아이콘을 cdn 링크해서 해당 벡터 아이콘만 사용하고 있습니다.

      스킨에서도 이미지 파일이 없다는 에러는 나고 있지 않습니다.

    • 아하 그렇군요 ㅎㅎ search1.png파일은 검색버튼을 누르게되면 콘솔창에 나타나더라구요
      지금은 안나오네요 잠깐 오류였나봅니다 ㅎㅎ

      암튼 좋은스킨 공유 감사합니다. 짱이쁩니다 ㅎㅎ 너무 감사해요 :D

  • 안녕하세요. 정말 좋은 스킨인거 같습니다. 깔끔하니....그런데 혹시 상단에 검색창을 클릭해서 오픈하는 스타일이 아니라 항상 오픈해 두고 싶은데 어떻게 하면될까요?

    또 표 같은 부분도 반응형으로 안먹히네요...표에서 with 부분을 100%로 주었는데 말이죠..ㅠㅠ

  • 사용 여부는 아직 고민을 해봐야 하는데 테스트용도로 받아 갑니다.
    멋진 스킨 만들어 주셔서 감사합니다. ^^

  • 텍스트큐브 2019.10.19 20:47 댓글주소 수정/삭제 댓글쓰기

    안녕하세요. 텍스트큐브 사용자 입니다. 님 스킨을 텍스트 큐브에 적용시키기 위해서 노력중에 있는데 일단 커버부분은 태그를 지워야 하더군요..그런데 문제는 태그 부분을 삭제를 해도 본문은 노출이 안됩니다. ㅠㅠ 이것도 어느 부분하고 충돌이 있는거 같은데 그걸 감을 못잡겠습니다.

    http://main.issuemo.com/

    혹시 어느 부분을 수정해야 할지 조언 부탁드립니다.

    • 기원이 같고 기존 구조를 구성하는 태그들이 같지만, 현재시점에서 티스토리와 텍스트큐브는 더이상 같은 구조를 가지는 서비스가 아닙니다.

      티스토리에 추가된 수많은 치환자와 변수들이 텍스트큐브에서는 인식되지 않기 때문에 티스토리용 스킨을 다른 서비스용으로 수정해서 쓰는데 무리가 많이 따릅니다.

      그냥 커버쪽 들어내고 치환자 좀 손봐서 쓸 수 있는 구조가 나오지 않습니다.
      커버를 제외하고 기본으로 사용되는 치환자와 변수 갯수 차이가 2배 이상 납니다.

      텍스트큐브를 구지 사용하시는 이유를 모르겠는데, 더이상 유지보수가 안되는 설치형 블로그입니다.

      설치형으로 블로그를 운영하시려면 워드프레스를 사용하는 것이 가장 좋습니다.

      아니면 티스토리 서비스를 이용하는 것을 추천합니다.

      텍스트큐브는 더이상 업데이트나 유지보수가 안되기 때문에 기능적으로도 많이 부족하고, 향후에 나타날 보안 문제에 대해서도 지원이 되지 않을 가능성이 큽니다.


닫기