SIMPLE LINE SKIN

2017.08.28 00:36


 

 

목차

1. SIMPLE LINE SKIN 소개

2. SIMPLE LINE SKIN 배포노트

3. SIMPLE LINE SKIN 사용시 참고사항

4. SIMPLE LINE SKIN 지원환경

5. SIMPLE LINE SKIN 이용조건 

6. SIMPLE LINE SKIN 문의



SIMPLE LINE SKIN 소개

1 ) 스킨 이름  :  SIMPLE LINE SKIN

2 ) 스킨 소개  :  LINE과 TEXT만으로 구성하여 최대한 심플한 느낌을 주며, Portfolio blog 목적으로 제작했습니다.

3 ) 제작 일자  :  1.0ver  /  2017. 04 ~ 2017.08.31 



배포노트

1 ) 1.0ver / 2017.08.31 / 배포

2 ) 1.1ver / 2017.09.30 / Youtube 영상 반응형 추가

3 ) 1.2ver / 2018.01.22 / 태그, SNS 공유 기능 추가

4 ) 1.3ver / 2018.03.20 / 문의하기 치환자 오류 해결

5 ) 2.0ver / 2018.06.14 / 카테고리 접기 및 텍스트 형식 리스트 추가



지원환경

1 ) 디바이스 :  반응형 스킨 / 태블릿, 모바일 지원

2 ) 브라우저 :  크롬, IE9 + ( IE9 이하 지원하지 않음 ) , 사파리, 파이어폭스 지원

3 ) 사용폰트 :  나눔스퀘어, Montserrat



이용조건

1 ) Created by BANANA 문구는 어떠한 경우에도 편집, 훼손, 수정할 수 없습니다.

2 ) Tistory가 아닌 다른 곳에서 무단 사용, 복제, 판매, 재배포 하는 행위는 어떠한 경우에도 허용되지 않습니다.

3 ) HTML, CSS 개인 커스텀을 목적으로 수정 가능합니다.

4 ) 커스텀 수정 후 공유는 금지합니다.

5 ) SIMPLE LINE SKIN 스킨 재배포(BANANA 블로그 외 다운로드 폴더를 올려놓는 행위)를 금지합니다.

6 ) 개별 커스텀 요구는 듣지 않습니다.



문의

1 ) SIMPLE LINE SKIN의 문의 서비스는 방명록에 남겨주세요.

2 ) 답변은 방명록 댓글로 남겨드립니다.

3 ) 개인적인 커스텀 요청 및 무리한 요청이라면 답변을 드리지 않습니다.

4 ) 오류 발견 및 업데이트 부분을 방명록에 남겨주세요.



 필수 설정

1 ) 블로그 관리에 들어갑니다.

2 ) 꾸미기 > 스킨편집에 들어갑니다.

3 ) 기본설정에서 홈 화면 글 수를 9개 표시합니다. ( 3개 단위로 끊어서 사용 가능합니다) 

4 ) 기본설정에서 글 목록 글 수를 9개 표시되며합니다. 

5 ) 기본설정에서 글 목록 형태를 목록 + 내용 형태로 표시됩니다. ( 하지 않을 경우 썸네일이 나오지 않습니다)

6 ) 기본 설정에서 댓글을 펼칩니다.  ( 접을 경우 댓글이 보이지 않습니다)

7 ) 티에디션을 사용하지 않습니다.

8 ) 꾸미기 > 설정에 들어갑니다. 

9 ) 블로그 메뉴 바를 표시합니다. ( 표시하지 않을 경우 LOGIN, LOGOUT 전환이 이루어지지 않습니다)

10 ) 티스토리 모바일웹 자동연결을 사용하지 않습니다.


자세한 설정 가이드는 스킨 가이드의  SIMPLE LINE SKIN 설치하기를 참조해주세요.



 적용된 블로그 보기

적용된 블로그를 보고싶다면 여기를 클릭해주세요.



 다운로드

모든 글을 숙지했으면 다운로드를 클릭해주세요.


COMMENT

  • 이전 댓글 더보기
  • 2018.03.27 18:26 비밀댓글입니다
  • BlogIcon 회색풍경 2018.03.28 20:59 신고 넘넘 이쁜 스킨^^ 잘 ~사용할께요~~^^
  • BlogIcon 꿈뱅e 2018.04.05 11:20 신고 헝 ㅠㅠ 넘 좋아요 ㅠㅠ 감사합니다! 저같은 초보에게 넘나 감사한 스킨입니다ㅠ
  • BlogIcon 딸꾹거북 2018.04.10 18:37 신고 안녕하세요. 티스토리 블로그를 오랜만에 다시 활성화시키려하다 좋은 스킨을 발견하게 되어 감사한 마음으로 적용시켜 사용하려 설정중에 있습니다. 가이드해주신 내용을 바탕으로 설정을 하다보니 맨처음 블로그를 방문했을때 바나나님의 샘플 블로그의 경우 공지사항의 글이 표시되는 것 같은데, 저의 경우 최신글이 표시되는것으로 확인됩니다. 혹시 제가 놓친 셋팅이 있는 것인지 궁금해 문의드립니다.
  • BlogIcon gogo5911 2018.04.11 12:37 신고 블로그 첫 화면 꾸미기는 스킨에 포함되어 있는 내용이 아닙니다. 따로 설정을 해주셔야합니다. http://sonylove.tistory.com/1106 이쪽 링크를 타고 들어가시면 상세하게 설명이되어있습니다!
  • 2018.04.15 17:18 비밀댓글입니다
  • BlogIcon gogo5911 2018.04.16 13:07 신고 네 아직 텍스트 목록은 구현하지 않은 상태입니다. 그 부분은 추후 업데이트때 추가하도록 하겠습니다. 감사합니다.
  • BlogIcon 생선그릇 2018.04.18 02:53 신고 깔끔한 스킨 감사합니다! 잘 쓰겠습니다.
  • BlogIcon Iva 2018.05.04 23:08 신고 ㄱㅏㅁㅅㅏㅎㅏㅂㄴㅣㄷㅏ ㅠㅠㅈㅣㄱㅡㅁ ㅋㅣㅂㅗㄷㅡㄱㅏ ㄱㅗㅈㅏㅇㄴㅏㄱㅣㄴㅎㅐㅆㄴㅡㄴㄷㅔ... ㅈㅓㅇㅁㅏㄹ ㅈㅏㄹㅆㅡㄱㅔㅆㅅㅡㅂㄴㅣㄷㅏ ㄱㅏㅁㅅㅏㅎㅐㅇㅛ!
  • BlogIcon 힐링모엔 2018.06.20 10:38 신고 감사합니다 ㅠㅠ 지금 키보드가 고장나긴했는데... 정말잘쓰겠습니다 감사해요!
    를 말하고싶으신거죵 ㅎ.ㅎ ~ 크크
  • BlogIcon 박요일 2018.05.17 13:38 신고 이것저것 써보다가 결국 여기에 정착했네요. 이만한게 없습니다. 잘쓰겠습니다. 감사합니다.
  • 2018.06.15 08:51 비밀댓글입니다
  • BlogIcon 힐링모엔 2018.06.19 13:46 신고 정말 잘쓰고 있습니다 감사드립니다 ^^ ~ 너무 깔끔하고 이뻐용 !! 굳꾿
  • BlogIcon 미니도날드 2018.06.19 14:22 신고 잘 쓰고 있어요. 다른 어느 스킨보다 깔끔하고 좋아요, 감사합니다:-)
    한가지 문의사항이 있습니다, 글에 소스코드를 넣고자했는데
    SyntaxHighlighter나 ColorScripter가 제대로 출력이 안되어서요...
    혹시 관련된 오류사항 해결방법이 있을까요?
  • BlogIcon gogo5911 2018.06.19 16:35 신고 SyntaxHighlighter같은경우는 써보지 못해서 잘 모르겠으나 ColorScripter의 경우 제가 사용했을때 아무이상없이 동작했었습니다. 어떻게 제대로 출력이 안되는지 상세한 설명주시면 감사하겠습니다.
  • BlogIcon 미니도날드 2018.06.19 14:55 신고 그리고 제작자님 블로그에서는 보이는데, 제가 적용한 블로그에서는 댓글의 썸네일이 안보여요 ㅠㅠㅠ
  • BlogIcon gogo5911 2018.06.19 16:33 신고 안녕하세요. 댓글의 썸네일이 자신의 아이콘을 말씀하시는거라면 블로그관리에 들어가셔서 메뉴 제일 하단 관리>블로그에 들어가시면 블로그 설정에 아이콘과 파비콘을 설정할 수 있는 곳이 있습니다. 그곳에서 아이콘을 설정해주시면 썸네일이 나타납니다. 만약 이렇게 설정하시고도 오류가 나타난다면 말씀해주세요!
  • BlogIcon 미니도날드 2018.06.19 17:14 신고 친절한 답변 감사드려요, 번거롭게 해드려 정말 죄송하지만... 다시 여쭤볼게요!

    1. ColorScripter의 경우는 아래 URL의 글처럼 위쪽에 여백이 생기거나, 왼쪽의 줄넘버하고 오른쪽의 코드가 어긋나는 경우가 있었어요. 글 작성/수정할때는 정상적으로 보이는데 글 등록한 뒤 확인하면 저렇게 보이더라고요.
    http://01s2-min.tistory.com/17?category=660564

    2. 아이콘은 지금 이 댓글의 썸네일처럼 오리 아이콘을 등록 했어요. 그런데 제 블로그 댓글에서는 아래URL처럼 썸네일이 그냥 흰공간으로 나오더라고요.
    http://01s2-min.tistory.com/23?category=664335

    제작자님의 스킨 말고 다른 스킨은 눈에 들어오지 않아 꼭 이 스킨을 잘 활용해 쓰고 싶은 유저의 마음으로 문의드려요. 감사합니다 :)

  • BlogIcon gogo5911 2018.06.19 19:30 신고 안녕하세요! 해결방법은 다음과 같습니다.

    1. HTML 편집에 들어가셔서 CSS에 들어갑니다. 그리고 아래와 같은 문장을 찾아줍니다.

    /* 09 ccl 위치 수정*/
    .tt_article_useless_p_margin div:last-child{margin-top:60px !important;}
    .tt_article_useless_p_margin div:last-child div{margin-top:0 !important;}

    이 부분을 삭제해줍니다. 그렇다면 정상적으로 나옵니다. (티스토리의 경우 CCL의 클레스 이름이 변경되어 지워도 상관없습니다.)

    2. 티스토리 자체 메뉴 플러그인에서 댓글아이콘 사용을 설정해주셔야합니다.

    블로그관리에서 하단 메뉴 플러그인에 들어갑니다. 그리고 플러그인에서 블로그 아이콘 표시를 찾습니다. 그리고 블로그 아이콘 표시를 적용하시면 잘 나옵니다!



  • BlogIcon 미니도날드 2018.06.19 20:37 신고 말도안되게 감사드립니다 ♥
  • 2018.06.19 20:41 비밀댓글입니다
  • BlogIcon gogo5911 2018.06.20 12:53 신고 다음과 같은 부분은 개별 커스텀이기에 제가 상세하게 말씀드리기 힘듭니다.

    간단하게만 말씀드린다면 css에서.list_content {width: 203px; height: 203px;} .list_con li {width: 240px;} 요부분과 .list_con li .con_img {width: 240px; height: 240px; } 요부분의 width, heigh 사이즈를 변경해주시면서 됩니다.
  • 2018.06.20 09:32 비밀댓글입니다
  • BlogIcon gogo5911 2018.06.20 12:43 신고 안녕하세요 대표 이미지 썸네일 해상도의 변경은 HTML 편집에 들어가셔서 CSS에 들어가셔서 다음과 같은 부분을 찾습니다.

    <s_article_rep_thumbnail> <img src="//i1.daumcdn.net/thumb/C400x400/?fname="> </s_article_rep_thumbnail>

    C400x400부분을 변경해주시면 됩니다. (저와 다를수 있습니다. 저 부분을 변경해주면 됩니다 예를 들어 C600x600 , 혹은 C200x200 이런식으로요)
  • BlogIcon Dinobotottpvr 2018.06.20 15:32 신고 감사합니다. 잘쓰겠습니다. ^^
  • 2018.06.20 21:37 비밀댓글입니다
  • 궁금이 2018.06.21 16:37 신고 안녕하세요. 스킨 너무 이뻐서 사용하고 있어요!
    그런데 모바일에서는 텍스트만 보이고 썸네일이 안보이더라구요 ㅜ
    썸네일도 보이도록 할 수 있나요?
    (PC에서는 썸넬+텍스트로 이용중입니다.)
  • BlogIcon Maktoob :) 2018.06.21 17:29 신고 안녕하세요! 이쁜 스킨 감사드립니다!
    본문 폰트 크기와 줄간격을 변경하려고 하는데 CSS에서 어떤 부분을 건드려야 할까요? ㅜ
    어떤 영역인지 알려주시면 정말 감사하겠습니다 ㅜ

티스토리 툴바