본문 바로가기

티스토리스킨/베이직 디자인 스킨

티스토리 스킨 095 - 반응형 2단 노트5 스킨 배포합니다.

반응형

스킨 095 : 반응형 2단 노트5


- 노트에 필기는 하는 느낌의 블로그를 만들 수 있는 2단 스킨입니다.

- 4가지 노트 디자인이 있으며 스킨 옵션 설정에서 선택해 사용할 수 있습니다.

- 컨텐츠 영역 너비는 855px로 고정입니다. ( 변경하려면 스킨 CSS에서 레이아웃 크기까지 함께 변경해야 합니다.)

- 사이드바 위치를 스킨 옵션 설정에서 왼쪽, 오른쪽, 감춤 중 선택 가능합니다.

- 커버 페이지는 글목록 타입 1가지만 지원됩니다.

- 카테고리 위치를 스킨 옵션 설정에서 헤더 상단, 헤더 하단, 사이드바 중 선택할 수 있습니다.

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

 

 






스킨 옵션 설정

 

2단 스킨이며, 사이드바2는  펼침 메뉴로 감추어져 있습니다.

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



A. 스킨 설정 옵션





B. 카테고리를 헤더 상단, 헤더 하단, 사이드바 위치에 위치시킬 수 있습니다.






C. 사이드바 표시 위치 설정 

사이드바를 왼쪽(2단스킨), 오른쪽(2단스킨), 감춤(1단스킨) 중 선택할 수 있습니다.






C. 4가지 노트 디자인 중 한가지를 선택해 사용할 수 있습니다.





 

패치 내역

 

  • 없음



설치 주의사항

 

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


반응형
  • 잘봤습니다~!

  • 오래 사용해 오던 다른 제작자의 스킨이 문제가 생겨 찾다보니 여기까지 왔네요.
    디자인 심플하고 매우 만족하고 있습니다.
    그런데, 게시물을 클릭하면 랜덤하게 인 것 같은 광고가 게시물 하단 쯤에 보이는데요.
    이 광고는 어떻게 없앨 수 있는지 알고싶습니다.
    감사합니다.!

    • 스킨에 별도로 광고같은걸 뿌리는 코드가 붙어있거나 하지는 않습니다.
      블로그에 적용한 외부 모듈(라이브리 등)이나 위젯, 플러그인등에서 뿌리는 것입니다.
      외부 모듈에 대해서는 해당 모듈 배포 사이트에서 확인을 해보시기 바랍니다.

  • 비밀댓글입니다

    • 댓글엔진은 요즘에는 사용하지 않는 추세입니다. 블로그가 무거워지기도 하고, 광고없이 제공되는 티스토리 댓글 엔진은 거의 없다고 보시면 됩니다.
      그마저도 대부분 구버전들이어서 최근의 티스토리 레이아웃이나 디자인에는 잘 맞지도 않습니다.

      위젯 달력에 컬러링하는 것은 제 스킨에서는 아주 초창기 외에는 모두 제외되어 있습니다. 날짜별로 글이 있을 경우에만 링크가 달리는 것만 남아있습니다.

      구지 컬러링을 하려면
      style.css 에서 .cal_click 클래스를 찾아서
      그 위나 아래에

      .box_aside .tt-calendar tbody tr.cal_current_week {
      background-color:#f0f0f0;
      }
      .box_aside .tt-calendar tbody td.cal_day_sunday {
      color:#ee802f;
      }
      .box_aside .tt-calendar tbody td.cal_day4 {
      font-weight:bold;background-color:#e0e0e0;
      }

      클래스들을 추가해주면 됩니다.
      원하는 컬러나 스타일은 조금 손을 보면 될 겁니다.

  • 감사합니다~친절하게 설명 글도 잘 써주셔서 덕분에 예쁜 스킨 쓰게 되었네요^^

  • 처음 시작하는데, 괜찮은 스킨이 없나 돌아다니면서 찾게 되었습니다.
    감사히 잘 쓰겠습니다^^

  • 놀자~ 2020.03.13 12:28 댓글주소 수정/삭제 댓글쓰기

    안녕하세요. 스킨이 너무 예뻐서 블로그에 적용해서 사용해보고 있는데요. 혹시 상단 타이틀 있는 곳 뒤나 좌우로 배경 이미지를 넣을 수 없을까요? 블로그 상단에 블로그 성격을 알 수 있는 이미지를 넣고 싶은데 방법을 몰라서 문의 드립니다.
    예쁜 스킨 올려주셔서 감사합니다~

    • 해당 스킨은 노트 디자인으로 가용 영역이 대부분 배경이미지가 들어가 있고

      헤더 영역에 배경 이미지를 깔려면

      스킨 원본 기준
      style.css 317행에

      #header > .title

      스타일 속성으로 배경 이미지를 추가하는 방법만 사용 가능합니다.

      예를 들어

      background-image: url(./images/header-bg.jpg);

      이렇게 배경 이미지 속성을 추가하면 헤더 타이틀 영역 안쪽 전체에 배경 이미지가 추가됩니다.

      background-image: url(./images/업로드한이미지파일명);

      이렇게 실제로 업로드한 파일 이미지명으로 변경을 해서 추가해주면 되고...

      헤더 영역 높이값은 175px 가 기본 값입니다.

      헤더 배경에 센터 정렬로 꽉차게 채우려면

      background-position: center center;
      background-size: cover;
      background-repeat: no-repeat;

      이렇게 속성 3개를 더 넣어주면 크기가 조절되서 센터 배경에 자동으로 붙습니다.
      기본 스킨 상태에서 높이 175px 너비 1135px 이고 너비를 좀더 크게해서 붙여넣으면 좌우가 자동으로 잘려서 적당히 맞게 붙여넣어질 겁니다.

  • 놀자~ 2020.03.13 15:14 댓글주소 수정/삭제 댓글쓰기

    감사합니다. 덕분에 배경 잘 넣었습니다~~ 복 받으실거에요~~

  • 공유해주신 스킨 잘 사용하고 있는데요 궁금한게 있어서 문의 드립니다. 지금까지 다른 글들은 플러그인을 통해서 유튜브 영상을 첨부했을때 가로폭에 맞춰 잘 나왔었는데요 이번에 올린 글은 동영상이 작게 들어가서 어떻게 하면 좋을지 몰라 문의 드립니다. https://codeya.tistory.com/29 문제가 되고 있는 글입니다. 다시 한 번 감사드립니다.

    • 티스토리 유튜브 플러그인으로 붙이신듯 싶은데...
      플러그인에서 설정한 듯한 크기값이
      480x360으로 고정되어 있습니다.
      유튜브의 문제는 아닌것 같고 플러그인에서 설정값을 이렇게 잡은거 같은데...

      티스토리 유튜브 플러그인은 현재 에러가 있는건지 저는 영상 검색이 안됩니다.

      플러그인의 문제인듯 싶기는 한데...
      영상을 다시 붙여넣어 보시기 바랍니다.

      플러그인으로 영상을 붙여넣어볼 수 없어서 확인을 못하고 있습니다.

  • 새벽에 영상을 다시 넣어보기도 하고 새글을 써서 해도 안 되더니. 지금은 플러그인에서 영상 검색이 아에 안 되네요. 티스토리 플러그인에 뭔가 문제가 있나 보네요. 항상 친절하게 답글 달아주셔서 감사합니다.


닫기