데모 블로그



기본정보

  • 본문 가로길이: 700px
  • 사용 글꼴: 본고딕(Noto Sans), Lato, FontAwesome(아이콘)



특징

  • 반응형 스킨
  • 1단
  • 사이드바 지원
    • 공지사항
    • 최근에 올라온 글
    • 최근에 달린 댓글
    • 링크
    • 태그 클라우드
    • 방문자 카운터
    • 달력
  • 단축키 지원
    • W 글쓰기
    • E HTML/CSS편집
    • R 유입경로
    • H 블로그 홈
    • T 태그 로그
    • L 지역 로그
    • G 방명록



테스트 환경

  • PC 브라우저 : ie8+(ie tester), ie edge, chrome 44.0.2403.125, firefox 39.0, safari 8.0.6
  • 모바일 디바이스 : 아이폰 5S, 6+ / 아이패드 에어 / 갤럭시 S4

인터넷 익스플로러 구버전에서는 레이아웃이 틀어지거나 기능적인 면에서 제대로 동작하지 않을 가능성이 있으니 참고 바랍니다.



다운로드

ONE skin v1.0 (2015-07-30).zip



설치방법

기본적인 설치 방법은 다른 스킨들과 동일합니다.
상단 로고의 경우 스킨 등록시 정사각형 이미지의 이름을 logo.gif로 변경해서 업로드하면 자동으로 가로 150px 세로 150px의 크기로 표시 됩니다.
'블로그 관리 > 글관리 > 글설정 > 글환경 탭'에서 '글쓰기 가로폭을 700px'로 변경하셔야 글 작성시 블로그 크기에 맞게 이미지가 업로드 됩니다.
그리고 반응형으로 사용하실 분들은 '블로그 관리 > 꾸미기 > 모바일웹 스킨 > 스킨 탭'에서' 모바일웹 스킨을 OFF'로 변경하셔야 합니다.



참고

첨부파일

첨부파일 업로드시 첨부파일을 감싸고 있는 p태그에 class="attached-file"와 같이 클래스를 지정하면 아래와 같이 표현이 가능합니다.


<기본>


<변경>




각주

기본 각주[각주:1] 스타일을 변경하였습니다.


code 태그

code 태그에 class="red" class="blue" 속성을 추가하여 하이라이트를 줄 수 있습니다.


kbd 태그

kbd 태그를 이용해 키보드 입력에 대한 표현이 가능합니다.

ctrl + r 새로고침


더보기/접기

더보기&접기는 이렇게 표시됩니다.



남기는 말

바쁘다는 핑계로 몇 달 만에 완성된 반응형 티스토리 스킨입니다. 

처음으로 만들어보는 스킨이라 부족한 점이 많습니다.

스킨 사용중에 발생하는 오류나 문의에 대해 피드백을 주시면 반영토록 하겠습니다.

하단 copyright 부분을 제외한 나머지 부분에 대해서는 제약없이 수정해서 사용하셔도 됩니다.

그럴 일은 없겠지만 다운로드의 경우 제 블로그 링크로 제공해주시기 바랍니다.

wallel님의 도움으로 마무리할 수 있었습니다. 

감사합니다 :-)


버전 & 수정내역

  • 2015.07.30. - v1.0 배포


  1. 변경된 각주입니다. [본문으로]

WRITTEN BY
덜구
시간나면 강아지들 데리고 캠핑도 가고, 셀프 리모델링도 하고 이것 저것 하면서 즐겁게 잘 살고 있습니다 :-)

1 , 댓글  156개가 달렸습니다.
  1. 이전 댓글 더보기
  2. 안녕하세요 덜구님!! 스킨 너무 깔끔하고 예뻐서 적용했는데 혹시 상단로고를 없앨수는 없나요? 번거롭게 해드려 죄송합니다ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ알려주신다면 감사해요!!!:>
    • 로고를 없애는 것은 skin.html의 <div class="logo"> ... </div> 부분을 삭제하시거나 주석처리하시면 됩니다만, 그렇게 되면 블로그의 제목이 길 경우 검색창과 블로그 제목이 겹칠 수 있습니다. 그 부분에 대한 처리는 따로 해주셔야 할 것으로 생각됩니다!
  3. 비밀댓글입니다
    • 주말에 제가 컴퓨터를 하기가 어려워서!
      지금은 좀 보기 힘들구요ㅠ
      월요일에 출근해서 한번 볼게요~_~
    • 확인해보니.. 스킨을 수정하시다가..

      http://ts.daumcdn.net/custom/blog/190/1901060/skin/images/no-user-image.png

      이 이미지를 빼먹으신게 아닌가싶어요.
      위 링크에서 이미지를 받으셔서 이름은 똑같이 맞춰서 올려주시면 될거같아요~
      올렸는데도 제대로 표시가 안되면 브라우저 캐시를 한번 날려보시구요~ :D
    • 비밀댓글입니다
  4. 비밀댓글입니다
  5. 안녕하세요 :) 며칠전에 해당 스킨 잘 다운받아서 적용시켰습니다.
    제가 HTML 초보인데도 불구하고 해당스킨을 조금 개조하려 하는데,
    top-blank, bottom-blank 같은 속성들이 인터넷에 쳐도 전혀 정보가 없더라구요 ㅠ
    이게 bottom-blank를 새로 적용시키고 싶은 부분이 있어서 집어넣어도 적용이 안되서 찾고있는 거거든요 ㅠㅠ 혹시 blank 속성에 대해 조금만 설명해 주실수 있나요?
  6. 비밀댓글입니다
  7. 비밀댓글입니다
    • 네ㅎㅎ
      지금은 힘들고 내일 출근해서 한번 보고 댓글드릴게요~
    • 네 감사합니다 ㅜㅜ 왜이렇게 된건지 아시면 꼭 댓글 남겨주세요 ㅜㅜ
    • 오늘 봐드려야지 했는데 업무가 바빠서 못봤네요ㅠㅠ
      티에디션 적용하신거죠?
      그 부분에 대해서는 스킨에서 지원을 하지 않는데..
      최대한 빠른 시일내에 보고 알려드릴게요ㅠ
      조금만 기다려주세요~
    • 네 감사합니다 ㅎㅎ!!! 새해복많이받으세요
    • 네 새해복 많이 받으세요!
      아침에 블로그 들어가서 스킨을 잠깐 봤었는데..
      티에디션 구성이 어떻게 하신건지..^^
      소스보기로 해드리려고해도 한계가 있네요ㅠ
      저도 똑같이 구성을 해놓고 테스트를 해봐야해서..
      댓글로 남기기 힘드시면~ minho.park@live.com으로 메일 주셔도 됩니다!
    • 티에디션으로 적용하고, 확인해보니 스마트폰으로 봐도 컴퓨터로봐도 비율이안맞아서 핸드폰에 맞추려고 폭을 대폭 줄였어요
    • 이게 저도 참 도와드리기가 애매한게.. 애초에 티에디션을 염두에 두고 만든게 아니라..
      그리고 티에디션이 반응형을 지원하지 않습니다.
      별도의 수작업이 필요합니다..ㅠ
    • 알겠습니다 ㅎㅎ 어쩔수없죠 !
      도움 감사합니다 :)!!
    • 네 도움이 못되서.. 죄송합니다 :(
      좋은 하루 보내세요!
  8. 비밀댓글입니다
    • 안녕하세요 뻐뻐님
      문의 주신건.. 잘 봤구요.
      가능할지는 저도 한번 생각을 해봐야 하는 부분인지라.. 시간이 조금 걸릴거같아요ㅠㅠ
      윗분이 문의 주신것도 아직 못봐드려서요ㅠㅠ
      가능할지 최대한 빨리 한번 볼게요..ㅠㅠ
    • 적용해봤는데..
      http://one-skin.tistory.com/ 처럼 보이면 되는건가요?
    • 늦게 봐서 죄송합니다ㅠㅠ 네네네 그렇게요!! 아이고 감사합니다ㅜㅜㅠㅜㅡㅠㅜ 진짜 예뻐요..... 가뜩이나 바쁘셨을 텐데 시간 내주셔서 정말 감사드려요 어떻게 하면 그렇게 될까요...? ㅠㅠ♡
    • 늦은 시간이지만..^^;
      관리 > 꾸미기 > HTML/CSS 편집에 들어가셔서 오른쪽 소스 영역에서 'CSS'탭을 선택하세요~
      그러신 다음 제일 하단에..
      body#tt-body-index .content { display: none; }
      이 부분을 추가해주시면 됩니다!
      첫 페이지일 경우 <body> 태그의 id가 tt-body-index로 넘어오고 첫페이지가 아닐 경우 tt-body-page로 넘어오는데 id값으로 첫페이지 여부를 판별하여 content 클래스의 영역을 숨겨주는 소스입니다.
      PC와 모바일 정상동작 확인하였습니다!
      즐거운 밤 보내시길^^
    • 비밀댓글입니다
  9. 비밀댓글입니다
  10. 비밀댓글입니다
  11. 비밀댓글입니다
  12. 모바일웹 스킨은 설정할수 없나요??
  13. body 태그의 id값이 "tt-body-index"나 그외 다른 값으로 바뀌는 부분은 어떻게 실행되는 건가요??
  14. 예쁜 스킨 감사합니다.
  15. 잘사용하겠습니다! 감사합니당
  16. 헉 아랫글은 무시해주세요!
    껐다가 켜니까 어째선지?? 적용되어있네요! 감사합니다!!

    안녕하세요 ㅠㅠ 넘나 깔끔하고 예쁜 스킨 감사합니다!! 잘 사용할게요!
    다름이 아니라 제가 덜구님께서 말씀하신 방법대로 맨 위의 로고 그림을 바꾸려고 해봤는데 바꾼그림이 스킨에서 적용되지가 않아요. 이 점은 어떻게 하면 수정할 수 있을까요?
  17. 스킨 너무 예쁘네요! 잘 사용할게요. 정말 감사합니다.
  18. 안녕하세요, 제공해주신 스킨 잘 이용하고 있습니다^^ 다름이 아니라 카테고리에 있는 폴더모양 이미지를 혹시 수정할 수 있나요?
  19. 너무 감사해요ㅎㅎㅎㅎ 스킨 잘 쓰겠습니다!!!
  20. 처음으로 스킨 적용해 봤는데 너무 마음에 드네요. 감사드립니다.
  21. 스킨 잘 사용할게요 감사합니다-!
secret