SKIN/다운&수정

[나눔] 티스토리 스킨 34 (v1.0) - 19.05.21 업데이트

2018.10.31 18:06


티스토리 스킨 34 - 전체 스크린샷


무료 다운로드


윈도우10 / 웨일(크롬, 크로미움 기반 브라우저) / LG G6 / 안드로이드 8.0 오레오 / 삼성브라우저 에서 테스트하였으며

이 외의 환경에서는 제대로 작동하지 않을 수 있습니다.


수정은 가능하지만 어떠한 경우에도 재배포는 불가하며

카피라이트 문구 변경, 삭제는 금지합니다. ( 발견 시 나눔 종료 )

사회적으로 문제가 되는 주제를 가진 블로그에서는 스킨을 사용할 수 없습니다.




본문 수정 삭제는 글 정보[각주:1]에 마우스를 올리면 나타납니다.


단축 키


커버 공지 설정


스킨 옵션 - 목록 형태, 트위터 위젯


노이미지, 보호글, 프로필 기본 이미지 변경


첫 화면을 특정 url로 변경


색상 변경


배경 변경


전체 폰트, 색상, 사이즈, 줄 간격 변경


텍스트 마우스 오버 효과


스크롤바 (크롬)


전체 박스


스위치


상단 영역 - 검색, 카테고리


전체 목록 형태 변경


부분 목록, 부분 웹진형으로 변경


갤러리형


목록형


댓글, 방명록에 프로필사진 적용


아이콘 폰트 수정


모바일 관련 수정



자주 묻는 질문 + tmi


👉 우클릭이 막혀있어 복사를 할 수 없어요 

→ 우클릭을 풀려면 제 블로그 전체를 풀어야하는데 저는 그렇게 하고 싶지 않습니다.

이제 드래그는 가능하실테니, 우클릭하지 마시고 컨트롤 + C 를 이용하면 간단하게 복사 붙여넣기 하실 수 있습니다.


스킨 수정은 크롬 브라우저 or 크로미움을 기반으로 한 브라우저를 이용하여

수정하고 싶은 부분을 마우스 오른쪽 클릭 → 검사 를 눌러 뜨는 우측 창에서 style.css 중 가장 위에 있는 부분과 그 근처의 css를 껐다 켰다 하며 수치를 조정할 수 있습니다. 

이를 응용하셔서 수정한 후 그대로 티스토리에 적용하시면 수정이 훨씬 쉬우니 꼭 해보세요!

- 악용하여 다른 스킨을 무단으로 퍼가거나 다른 사람의 소스를 무단으로 복사하지 않도록 합시다!! 


나눔 스킨은 수정 문의를 받지 않습니다.

수정 문의 외 다른 문의는 받습니다.





각주

  1. 글 제목, 작성일 [본문으로]
  2. 블로그 관리 > 꾸미기 - 스킨 편집 > html편집 > 파일 업로드 [본문으로]
  3. 내 티스토리 url을 기준으로 뒷 부분 경로 [본문으로]
  • 카테고리 글 더보기
  • 댓글 99
    • 이전 댓글 더보기
    • 덕분에 좋은 스킨 잘 쓰겠어요 감사합니다 완전 재능기부세요 !! 복받으세용

      ㅠㅠ/ 2019.01.12 23:58
    • 재능 기부 겸 나눔 겸 스킨을 구매하시거나 커미션 의뢰하실 분들의 샘플용 겸사겸사 무료 스킨을 가끔 나눔하고 있습니다
      ㅠㅠ님께서도 새해 복 많이 받으세요~

      BlogIcon 묘연、 / 2019.01.13 06:30 신고
    • 비밀댓글입니다

      / 2019.01.15 09:45
    • 비밀댓글입니다

      / 2019.01.15 12:50
    • 비밀댓글입니다

      / 2019.01.19 09:02
    • 감사합니다~! ^_^ 잘 쓰겠습니다! 예쁜 스킨 공유해주셔서 감사해요!

      BlogIcon 04/ZF/ 2019.01.28 21:24 신고
    • 안녕하세요 !! 댓글 남겨주셔서 감사합니다! 곧 설인데 명절 잘 보내세요~

      BlogIcon 묘연、 / 2019.01.31 12:13 신고
    • 안녕하세요! 예쁜 스킨 나눔해주셔서 감사합니다. 예쁘게 사용할게요 ㅎㅁㅎ!

      BlogIcon sum + more/ 2019.01.28 23:51 신고
    • 감사합니다 !!! 😍

      BlogIcon 묘연、 / 2019.01.31 12:14 신고
    • 예쁜 스킨 나눔해주셔서 감사합니다!

      BlogIcon coincidencee/ 2019.01.30 20:52 신고
    • 감사합니다 !! 알차게 채워가시길 바랄게요~

      BlogIcon 묘연、 / 2019.01.31 12:15 신고
    • 비밀댓글입니다

      / 2019.02.03 17:25
    • 안녕하세요! 긴 댓글 감사합니다.
      모바일 뿐만 아니라 pc에서도 마우스 휠을 한번만 위 또는 아래로 해보시면 스크롤 딱! 하고 멈추는게 아닌 스무스 하게 멈추는 것을 확인하실 수 있을 것 같습니다!

      저는 설 연휴 쉴틈없이 바빴어요 ㅠㅠ
      이제서야 겨우 컴퓨터 앞에 앉아 찔끔거릴 수가 있네요 ㅠㅠ
      익명님께서도 설 연휴 잘 보내셨길 바라고!
      늘 건강하시길 바랍니다~
      감사합니다!

      BlogIcon 묘연、 / 2019.02.07 16:45 신고
    • 헉 안녕하세요 너무너무 예쁜 스킨 배포해주셔셔 감사합니다ㅠㅠㅠ 이전에 배포해주셨던 스킨도 잘 썼었는데 이번 것도 예쁘게 쓰겠습니당 *U.U* 조금 늦었지만 새해 복 많이 받으시고 날이 많이 추운데 감기 조심하세요!! 항상 감사합니다
      +)댓글 내용이 날아가서 다시 쳤는데ㅜㅜ 중복으로 달렸다면 삭제해주시면 감사하겠습니다!

      BlogIcon 포무/ 2019.02.10 00:33 신고
    • 안녕하세요! 포무님께서도 새해 복 많이 받으시길 바랍니다!!
      언제 또 나눔 스킨을 배포하게 될지는 모르겠지만 다음에 또 뵐 수 있기를 바랍니다!!
      늘 행복하세요~

      BlogIcon 묘연、 / 2019.02.17 07:44 신고
    • 비밀댓글입니다

      / 2019.02.16 12:19
    • 제가 태블릿을 사용하지 않아 해당 현상에 대해 인지를 하지 못했습니다. (태블릿 미지원)

      확인 결과 첫 화면에서만 가로 길이를 다르게 보이도록 설정해두었는데 css 모바일 영역에 해당 소스를 풀어두는 작업을 하지 않아 첫화면만 왼쪽으로 치우쳐져 보이셨을 것 같습니다

      이 현상은 css에서 스크롤을 아래로 쭉 내리신 후 반드시 모바일 영역 안에

      #tt-body-index #container {
      max-width: none;
      }

      위 코드를 입력하시면 개선될 것입니다.
      말씀해주셔서 감사합니다

      개선하여 업데이트 하겠습니다

      BlogIcon 묘연、 / 2019.02.17 07:43 신고
    • 비밀댓글입니다

      / 2019.02.17 10:58
    • 포함입니다~

      BlogIcon 묘연、 / 2019.02.17 11:40 신고
    • 비밀댓글입니다

      / 2019.02.18 12:18
    • 비밀댓글입니다

      / 2019.02.17 18:03
    • 티스토리에서 가장 중요한 것은 치환자입니다. (html에 들어갑니다) https://tistory.github.io/document-tistory-skin/

      여기 있는 예제 html만 모아놔도 스킨의 뼈대는 완성이 되어요.

      메뉴 생성은 직링도있고 카테고리 치환자를 통해서 설정하는게 두개 있고 메뉴라는 기능까지 하면 총 4가지가되겠네요
      그 중 본인이 생각한 디자인에 가장 적합한 것을 선택하시면 된다 생각합니다. 직링을 제외하고는 위에 적어드린 url을 참고해서 직접 해보시는게 가장 이해가 빠릅니다.

      css는 저도 아직 모르는 것들이 많은데 저는 따로 책을 보거나 한건 아니라서 자료는 없습니다. 필요 시에 구글 참고 많이 했구요.

      스킨을 만들기 전에는 기본 스킨들과, 나눔해주신 분들의 스킨을 오랫동안 붙잡고 분석했던 것 같아요. 그 당시는 css에대해 전혀 몰랐던 때라 다른 스킨을 보면서 이건 이런 소스고 저건 저런 소스고 그렇게 하나하나 습득한 다음에 디자인적인 요소는 국내 여성의류 사이트나 핀터레스트, 데비앙아트 같은 해외 이미지소스 사이트를 많이 보고 응용했던 것 같습니다. 현재 가장 도움이 되는 것은 역시나 구글검색이 가장 크고 그 다음에 https://codepen.io/ 같은 곳이 되겠네요

      무튼간 무턱대고 만들기 시작하다보면 막히기 마련인 것 같습니다. 많이 보고 이해하고 분석하고 응용하는게 중요한 것 같네요~

      BlogIcon 묘연、 / 2019.02.18 00:27 신고
    • 묘연님 나눔해주신 예쁜스킨 정말 잘 사용하고 있어요 감사합니다ㅠㅠ
      혹시 커버 - 공지부분에서 공지 작성할때 글 부분 엔터적용이 안되고 한줄로만 글이 작성되는데 혹시 엔터적용은 불가한건지 문의드려요ㅠ.ㅠ

      닮음/ 2019.02.24 02:51
    • 스킨에 html 태그 적용 가능하다 되었지 않나요? 글쓰기 누르고 작성 후 html모드로 들어가 복사해서 커버 공지 부분에 입력하시면 됩니다

      BlogIcon 묘연、 / 2019.02.28 19:20 신고
    • 와... 묘연님 진짜 스킨 다운을 처음받아봐서 어떻게 해야하는지 멘붕왔는데 다행히 잘 설치가 되어서 스킨이 저장이 되었어요!!! 감사해요 이런 예쁜 스킨을 다운받을 수 있게 해주셔서ㅜㅠㅠ 잘 사용하겠습니다:)

      BlogIcon soa_912/ 2019.03.02 22:43 신고
    • 비밀댓글입니다

      / 2019.03.23 16:44
    • 비밀댓글입니다

      / 2019.04.22 16:43
    • 비밀댓글입니다

      / 2019.04.23 15:36
    • 비밀댓글입니다

      / 2019.04.24 12:58
    소스 긁어가지 마시고 궁금하신 사항이 있으시면 문의를 해주세요!