본문 바로가기

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

티스토리 스킨 - 반응형 타임라인2 티스토리 스킨 배포합니다.

반응형

스킨명 : 반응형 타임라인2 티스토리 스킨




1. 부트스트랩 기반으로 반응형으로 만들어진 타임라인 스킨입니다.


스킨 미리보기


* 미리보기는 네이비 컬러 테마입니다.


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

2019.03.06 - 1.0.1 Patch

SNS 링크 아이콘에 불필요한 텍스트가 표시되는 버그 패치


기존버전 사용자는 


359행

color:#b3b3b3;     -> color:#fff;


361~363행

.social-link a:hover {

color:#000;

}

.social-link a:before{

color: #999;

}

.social-link a:hover:before {

color:#000;

}

로 변경하면 됨.

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







2. 벡터 아이콘을 사용합니다. 티스토리 기본 비트맵 아이콘을 별도로 업로드할 필요 없습니다.

3. 아이콘은 폰트어썸(FontAwesome) 프리버전을 사용합니다.

4. 2가지 컬러테마가 제공됩니다. 스킨 편집 설정에서 기본네이비(Ocean), 레드(Red) 중 한가지를 선택해서 적용할 수 있습니다.






5. 커버기능 지원됩니다. 티스토리 공식 Poster 스킨의 커버 설정 화면이 그대로 제공됩니다.





설치 주의사항


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


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

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




다운로드




반응형
  • 타임라인2 파일 등록 해도 안되네요 어터게 해야 하나요

    • script.js 파일이 없다고 나옵니다.
      포함된 파일 전부 업로드 하셔야 합니다.
      skin.html, style.css 는 에디터에 붙여넣으시면 되지만, index.xml, script.js 파일은 반드시 업로드 해야 합니다.

  • 본 스킨미리보기와는 달리
    타임라인 가운데 원 아이콘에 날짜와 시간이 전부 보여지게 되어 원을 이탈되어집니다.

    그리고 글쓰기 본문을 늘릴 수 있을까요?

    • 1.
      적용된 블로그는 깨지는 부분 없이 정상적으로 잘 보입니다. 웹브라우저 캐시를 한번 소거해보시기 바랍니다.

      2.
      스킨 원본 기준
      style.css
      300행

      max-width: 860px;

      860을 늘리면 글 내용보기 화면 영역이 넓어집니다.

  • 안녕하세요 ... 다름이 아니라 티스토리 오른쪽 사이드바를 ...적용하려다가 지금 ... 저 상태가 되었는데
    어떻게 수정하면

    위치와 .. <="container">..그리고 위의 여백을 바꿀수 있을까요 ㅠㅠ도와주세요

    • 티스토리 팀에서 배포하는 레퍼런스 스킨은 티스토리쪽으로 문의를 하시기 바랍니다.
      제가 제작한 스킨이 아니기 때문에 스킨 구조를 알지 못합니다.

  • 안녕하세요! 작년부터 스킨 다운받아 잘 쓰고 있습니다. 그런데 언제부턴가 메인 타임라인에서 스크롤다운해서 더보기를 누르면 기존에 띄워져있던 날짜는 모두 undefined로 바뀌더라고요.. 계속 사용하고 싶어서 이걸 수정하려고 몇 달 째 시도하는데 잘 안돼서 해결방법을 여쭤봅니다ㅜㅜ
    올려주신 티스토리 날짜 표기 방법 변경에 대한 글도 확인했는데 타임라인2 스킨은 아마 변경을 안해주신것같고(script 파일 내용이 같습니다), 타임라인3 코드를 적용해보면 기존 날짜는 잘 남아있는데 더보기를 누를 때마다 기존 날짜 뒤에 undefined로 계속해서 추가 생성됩니다. 아마 자바스크립트의 더보기(viewMore)함수에서 뭔가 반복 호출되어 그런 것 같은데 모르겠네요..
    지금 제 블로그에는 다시 타임라인2 스킨으로 돌려놓은 상태입니다

    • 티스토리에서 뿌리는 날짜 표기 방법이 바뀌면서 그 이전에 배포한 스킨들이 날짜 분리하는 자바스크립트가 날짜를 제대로 못자르는 현상입니다.
      패치해드리겠습니다.
      잠시만 기다리세요.

    • 넵 정말 감사합니다ㅜㅜ

    • 패치를 했습니다.
      스킨 다시 다운로드 받아서
      style.css 덮어쓰고, script.js 파일 재업로드 해보시기 바랍니다.

    • 와.. 이렇게 빠르게 해결이 되다니 진작 여쭤볼걸ㅜㅜ 잘 됩니다 정말 감사합니다!

  • 선생님. 죄송한데...
    혹시 제목만 타임라인으로 보이게 할 수는 없을까요? 내용과 이미지는 안보이고 제목만 타임라인으로 보여지고 싶습니다. 혹시 가능하시면 부탁드립니다 (__)

    • style.css

      935행

      .post-item .excerpt {
      display: block;
      display:-webkit-box;

      .post-item .excerpt {
      display: none;

      로 수정
      -webkit-box 행은 삭제

      698행도 동일하게 변경
      .cover-list ul li .excerpt {
      display: block;
      display:-webkit-box;



      907행

      .post-item .thum {
      }

      클래스에

      display: none;

      속성행 추가

      652행
      .cover-list ul li figure {
      }

      클래스도 동일한 속성 추가

      를 하면 제목만 표시됩니다.

      화면상 표시만 안되게 하는 것입니다.

      아얘 태그 자체가 출력되지 않게 하려면 html 태그를 삭제해야 합니다.

      115 ~ 117
      122
      250~254
      256

      행을 삭제하면 됩니다.

  • 답장이 늦었습니다. 시간 내주셔서 정말 정말 감사드려요 :)
    비가 많이 오네요. 건강 유의하시구 좋은 하루 보내세용 ~_~


닫기