본문 바로가기

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

티스토리 스킨 - 반응형 그리드 1단 940 티스토리 스킨 배포합니다.

반응형

스킨명 : 반응형 그리드 1단 940 티스토리 스킨




고정형 너비를 원하는 분이 있어서

앞서 배포된 반응형 그리드 1단 스킨을 레이아웃 너비를 940px 로 고정해서 변형을 준 스킨입니다.

컬러를 최대한 배제하고 미니멀하게 보일 수 있도록 몇몇가지 튀는 부분을 개선했습니다.


->너비 100% 이전 스킨 보기


변경된 사항들은 다음과 같습니다.


  1. 글 목록 썸네일 제목을 1줄로 고정.
  2. 글 목록 글 내용 미리보기 줄 수를 4줄로 고정(모바일은 기존 2줄에서 4줄로 고정)
  3. 글 목록 제목과 내용 줄수가 고정되면서 하단에 불필요하게 여백이 남는 문제가 사라졌습니다.
  4. 레이아웃 전체 좌우 여백을 40px 에서 30px로 줄여서 조금더 컴팩트하게 레이아웃이 잡히도록 했습니다.
  5. 배경색을 흰색으로 조정했습니다.


스킨 미리보기



* 미리보기시 브라우저 창 크기를 줄이면 모바일 반응형 화면을 확인할 수 있습니다.


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

2019-09-03 - 1.1.0 Patch - IE호환성 개선, 모바일 호환성 개선

1.0.1 Patch - 이웃추가 링크에 버그가 있어 패치되었습니다.

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


스킨 다운로드






반응형
  • 익명 2018.11.01 14:49 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • 에러메시지 때문에 오해가 생기는 듯한데 스킨하고는 아무런 관련이 없는 에러입니다.

      rss에 출력되는 내용에는 스킨과 관련부분들이 없습니다. 본문 컨텐츠 내용만 rss로 뿌려집니다.

      rss 등록을 하면 네이버웹마스터에서 가끔 이해안되는 메시지를 띄우는데 그중 하나입니다.
      원인은 rss 내용이 길이가 너무 길거나, 또는 해석못하는 내용이 있거나 한 경우에 이런 메시지를 토해냅니다.

      브라우저에서 님블로그url/rss 를 해보시면 rss 내용이 주욱 출력되는데 이 길이가 너무 길거나(rss 특정 항목 길이가 여기에 해당되거나) 해석 못하는 경우가 생기는 것입니다.

      몇번 반복해서 올리다 보면 되기도 하고 갯수를 좀 줄여보면 되기도 하고 그렇습니다.
      몇번 반복해서 시도해보시고...
      안되면
      블로그 관리화면 관리 > 블로그 > 기타설정에서 10개로 설정된걸 5개 정도로 줄여서 등록을 해보시기 바랍니다.
      그래도 안되면 1개로 줄여보시고...

    • 아 그렇군요, 자세한 설명 감사드립니다.
      방금 말씀하신데로 수정 후에 시도했더니 잘 되네요. 정말 감사드립니다!
      좋은 하루 되세요 : )

  • 익명 2018.12.10 15:24 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • 이 스킨은 기본적으로 포토갤러리형이라 글에 이미지가 있어야만 레이아웃이 맞습니다.
      이미지가 없는 경우 개별 썸네일 하단에 여백이 생기는 구조적인 한계가 있습니다.
      높이를 가변으로 하면 밑줄 포스트 썸네일 정렬이 깨지거나, 여백이 생겨 붕 떠 보이는 문제가 있기 때문에 현재 구조가 최적입니다.
      아니면 메이슨리를 쓴 다른 스킨을 쓰시면 가변형으로 적용이 가능합니다.

      메인 하단에 불필요하게 여백이 더 붙는 것은 최소 높이값이 정해져 있기 때문입니다. 썸네일이 1줄만 있으면 이 최소 높이때문에 더 늘어져 보이는 것입니다.
      최소 높이를 없애거나, 2줄이상 포스트 썸네일이 생기면 자연스럽게 해결됩니다.

      최소 높이는 style.css 파일의
      51행에서
      min-height:858px;
      요걸 삭제하면 불필요한 여백이 붙지 않습니다.

    • 2018.12.10 21:43 댓글주소 수정/삭제

      비밀댓글입니다

    • 목록에 표시하는 글 목록 갯수 설정은 티스토리 스킨 편집 환경설정에서 합니다.
      블로그 관리자 화면 > 꾸미기 > 스킨편집
      선택해 들어가면 오른쪽에
      홈설정, 기본설정에의
      홈화면 글수와 글목록 글수의 갯수를 조정해서 설정합니다.

  • 익명 2018.12.24 01:36 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

  • 익명 2019.01.04 00:28 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

  • 익명 2019.01.08 15:19 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • 1번 2번은 대충 이해가 가는데 3번은 쓰신 내용이 이해가 되지 않습니다.
      다른데서 보신거면 샘플이나 레퍼런스가 있으면 url을 찍어주시면 일부라도 수정하는데 도움을 드릴 수도 있을 것 같습니다.
      1, 2번도 마찬가지로 원하시는 레이아웃이거나 위치를 잡은 레퍼런스 블로그 같은걸 찍어주시면 이해가 좀더 쉽지 싶습니다.

  • 익명 2019.01.08 17:49 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

  • 익명 2019.01.27 13:19 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • 카테고리가 펼쳐지지 않는건 웹브라우저 캐시가 남아있어서 자바스크립트 파일 업로드한 내용이 반영이 안된 것입니다. 웹브라우저 캐시를 소거해 보시기 바랍니다.
      아니면 images 폴더 안의 자바스크립트 파일(script.js)을 업로드 하지 않은 것입니다.

      메인 썸네일 목록에서 본문 내용을 빼시려면 skin.html 의
      226행
      <p class="txt_post"></p>
      부분을 지우시면 됩니다.

  • 익명 2019.01.29 21:48 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

  • 익명 2019.02.07 07:13 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • 적용하신 블로그 URL을 알려주세요.

      https://skintestor.tistory.com
      에 테스트용으로 해당 스킨을 적용했는데
      별다른 이상은 없는 것으로 보입니다.
      스킨 css를 커스터마이징 한게 아니시면 살짝 버그일 가능성도 있겠지만, 테스트해본바로는 별 문제는 없어보입니다.

  • 익명 2019.02.08 23:28 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

  • 감사합니다. 2019.02.24 23:39 댓글주소 수정/삭제 댓글쓰기

    안녕하세요. 제작해주신 스킨 너무 잘 쓰고 있습니다. 먼저 감사의 말씀드려요.
    다름이 아니라 갤러리 아래 제목과 본문 내용 일부가 보여지는데 혹시 본문 내용을 숨길 수 없을까요?
    갤러리와 제목 내용만 표시되게요. 바쁘신 와중에 이런 질문 드려서 죄송합니다.
    늦었지만 새해 복 많이 받으세요 :)

    • 스킨 원본 기준으로
      skin.html 파일을 열면

      226행 <p...
      행이 내용 미리보기입니다. 이행을 지우면 됩니다.

      228행 ~ 232행 <div... </div>
      행이 카테고리와 날짜 입니다. 이행들 전부를 지우면 카리고리와 날짜 표시 영역이 사라집니다.

      전체 영역 높이는 자동으로 줄어들게 구조가 되어있기 때문에 css를 별도로 수정할 필요는 없습니다.

  • 감사합니다. 2019.02.25 01:12 댓글주소 수정/삭제 댓글쓰기

    무료로 배포해주시는데 이렇게 빠른 답변까지 주시다니
    너무 감사드립니다. (__)

  • 익명 2019.04.16 18:43 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

  • 익명 2019.07.21 03:00 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • 해당 부분은 블로그의 현재 위치를 표시해주는 일종의 타이틀 기능입니다.

      안보이게 만들 수는 있지만, 그렇게 되면 하위 카테고리로 이동했을 경우 현재 위치를 알기 힘들어지는 문제가 있습니다.

      티스토리 시스템상 루트냐 하위냐를 구분해주는 방법이 별도로 없기 때문에 아얘 안보여도 무방하다면

      style.css
      에서

      .article_skin .list_title

      을 검색(스킨 원본기준 53행)해서
      속성으로
      display: none;
      을 추가해주면 됩니다.

      아니면
      skin.html
      의 208~212행을 그냥 지워도 됩니다.

      최근 스킨들은 보통 메인페이지를 따로 커버 기능으로 구성해서 목록을 개별로 표시해줄 수 있는데, 이 스킨은 구 스킨이어서 커버 기능이 별도로 지원되지 않습니다.

  • 익명 2019.08.29 15:28 댓글주소 수정/삭제 댓글쓰기

    비밀댓글입니다

    • 반응형 스킨에 분이려는 고정형 애드센스를 붙이면 반응형으로 레이아웃이 가변으로 변할때 원하지 않는 레이아웃 깨짐이 나올 수 있습니다.

      어쨋든 붙이자면...
      스킨원본 기준 skin.html 206행
      <div id="article" class="article_skin">

      요줄 밑에 붙여넣으면 되고

      붙이는 태그는
      <div id="side_ad" style="width: 300px; height: 600px; margin-top: 20px; margin-left: -330px; float: left; position: absolute; display:none">

      정도로 margin-left값을 -330 정도를 줘서 왼쪽으로 광고 너비만큼 밀어줘야 합니다.

  • 하단에 티스토리 자체에서 제공하는 카테고리글 더보기 말고....스킨자체에 있는 관련글이 현재 4개로 출력되고 있습니다. 이 부분을 좀더 늘리고 싶은데 어떻게 하면 될까요? 스킨도 무료로 제공해주고 일일이 답변까지 달아주시고 바쁘신데 귀찮게 하는게 아닌지 모르겠습니다. 언제라도 보신다면 부탁드리겠습니다.

    • 관련글을 스킨 단에서 뿌리기는 하지만 스킨 단에서 갯수 설정을 한다거나 스킨 설정에서 설정하는 파라메터가 없습니다.
      4개 고정으로 써야 합니다.

  • 그럼 어쩔수 없네요...답변 감사드립니다. 좋은 하루 마무리 하세요^^

  • 음..또 문의를 드리게 되네요..ㅠㅠ 3단.2단일때에는 상단의 타이틀을 클릭하면 홈으로 이동이 가능해집니다. 그런데 1단일때에는 상단의 타이틀 자체를 클릭할 수 없습니다...

    즉, 모바일 버전에서 상단의 타이틀을 클릭하면 홈으로 이동하게 하고 싶은데 이건 어떻게 하면 되는걸까요? 또다시 질문을 드려서 죄송합니다. ㅠㅠ

    • 스킨이 1.1버전으로 패치되었습니다.
      스킨을 다시 다운로드받아 적용해보시기 바랍니다.
      자잘한 IE와 모바일 호환성을 개선했습니다.
      구스킨이어서 구조적인 한계가 있어서 가능한 부분만 적용을 했습니다.

  • 새로 적용된 파일을 바로 적용해 보았습니다.^^ 일단 친철한 답변을 감사드립니다.
    PC버전에서는 아직 문제를 발견하지 못했습니다.
    그런데 모바일 버전으로 역시 들어가면 1단으로 나올때 메인 썸네일과 상단의 타이틀이 딱 붙더군요..그래서 45PX 값을 늘려봤더니 음...그게 본문 헤드값(?)과 연결이 되어 있습니다. ㅠㅠ

    즉..메인에서 썸네일과 타이틀영역이 붙는게 깨름칙해서 공간을 만들어 버리면 본문에서 타이틀과 카테고리 사이에 공간이 횅하니...남는 상황이 발생됩니다. ㅠㅠ 본문에 맞춰버리면 또 메인썸네일이 타이틀 위로 올라가는 현상이 발생되고 ㅠㅠ 이건...수정이 힘드신건가요?

    (PS...귀찮게 하는걸수도 있겠지만 작은 관심과 애정으로 이해를 해주셨으면 감사하겠습니다.)

    • 스킨 수정이야 어려운건 아니겠지만
      썸네일과 타이틀에 딱 붙는다는게 어떤말인지 모르겠습니다.
      모바일 실기기에서 기본적인 테스트를 한후에 업로드를 하기 때문에 스킨을 만든 만든 의도대로는 보이고 있습니다.

  • 복둥이엄마 2020.10.08 00:45 댓글주소 수정/삭제 댓글쓰기

    감사합니다 잘쓸게요


닫기