본문 바로가기

티스토리 스킨 배포/Bomnamu

티스토리 봄나무 스킨 공개

티스토리 봄나무 스킨의 베타판을 공개합니다.



그 동안 인생학개론 블로그에 사용된 블로그 스킨을 공개해달라는 요청이 조금 있었는데요.

혼자 쓰기 위해 만든 스킨이다보니 배포할만한 성격의 소스가 아니어서 공개를 못하고 있다가, 큰 마음을 먹고 며칠동안 소스를 다듬었습니다. 그래도 여전히 소스가 깔끔하지 못한 부분이 많으니, 그 점 참고하시기 바랍니다.

기본적으로 인생학개론 블로그와 큰 틀에서 디자인은 비슷합니다만, 소스를 정리하면서 필요하다고 판단되는 부분들의 디자인을 조금 수정하였습니다. 배포 버전 스킨의 디자인은 아래에 임시 데모사이트를 링크하니 들어가셔서 확인해보시면 됩니다.

데모사이트 : http://skincenter2.tistory.com

현재 보시는 인생학개론 블로그에 2016년 02월 21일에 적용하였습니다. 현재 이 블로그 자체가 데모 블로그 입니다.


봄나무스킨의 배포파일은 우리의 작업실인 "코드랩" 명의로 배포합니다.

따라서 아래 코드랩 티스토리 팀 블로그로 접속하시면 다운받으실 수 있습니다. 아래에 다운로드 받을 수 있는 페이지를 링크합니다.

스킨다운로드 페이지 링크 : 팀블로그 코드랩 스킨다운로드 페이지 바로가기



'티스토리 스킨 배포 > Bomnamu' 카테고리의 다른 글

티스토리 봄나무 스킨 공개  (39) 2016.02.20
  • Favicon of https://snax.tistory.com BlogIcon SNAX 2016.02.23 15:35 신고

    해피빈 사이트같아요! 이쁘네요 ㅎㅎ

  • Favicon of https://bcake.tistory.com BlogIcon bcakedev 2016.02.25 19:48 신고

    와 티스토리 스킨을 자주 둘러보는데 이쁜 스킨이 올라왔군요 감사합니다 :)

  • Favicon of https://sonylove.tistory.com BlogIcon SONYLOVE_ 2016.02.28 00:03 신고

    이제 저도 잘 써집니다. ㅎㅎ

  • Favicon of https://mangki90.tistory.com BlogIcon 시골마을청년 2016.02.28 11:43 신고

    와 이쁘네요!!!!!!!!! ^%^깔끔합니다!!

  • Favicon of https://mangki90.tistory.com BlogIcon 시골마을청년 2016.02.28 11:44 신고

    바로 블로그하나 만들어서 적용해봐야겠어요!! 업데이트 계속해주시는거죠!!^^

  • Favicon of https://okgo.tistory.com BlogIcon 스티브잡숴 2016.03.03 14:03 신고

    좋은 스킨 감사합니다.
    혹시 본문과 사이드바 조정은 어디를 손봐야 하죠?

    • Favicon of https://okgo.tistory.com BlogIcon 스티브잡숴 2016.03.03 23:11 신고

      아예...
      본문 620, 그리고 사이드바 300으로 하고 싶습니다.

    • Favicon of https://iconsketch.com BlogIcon 구름강아지 2016.03.03 23:16 신고

      혹시 블로그 관리 권한을 주실수 있나요? 손볼게 꽤 될거같은데..
      제가 배포한 소스에서 소스가 압축이 되어있기때문에...

      괜찮으시면 그냥 여기에 적어드릴까요?

    • Favicon of https://okgo.tistory.com BlogIcon 스티브잡숴 2016.03.03 23:36 신고

      음..일단 적어주시면 제가 하는데까지 해보겠습니다. ^^;

    • Favicon of https://iconsketch.com BlogIcon 구름강아지 2016.03.04 00:57 신고

      http://moksunung.com/82
      보호글 비밀번호 : 0304

      위에 들어가시면 전체 CSS 소스를 올려놨습니다.
      만약 css를 조정해서 사용중이시면 맨 아래에 필요한 부분만 수정하실 수 있도록 같이 적어놨습니다.

      소스코드를 읽어오는 부분이 자바스크립트인데.. 자바스크립트가 소스를 읽어오는 바람에 덕분에 로딩이 조금 걸릴 수 있습니다. 3천줄이 넘거든요 ㅠ_ㅠ; 제 컴퓨터에서는 크롬브라우져가 로딩하느라고 한10초정도 멈추네요.

      만약 글을 읽기가 곤란하거나 하시면 다시 댓글 남겨주세요^^
      그리고 소스코드를 적용하고 이상이 있다면 댓글로 알려주세요.

    • Favicon of https://iconsketch.com BlogIcon 구름강아지 2016.03.04 01:04 신고

      수정해야될 부분만 알려드리자면 내용은 아래와 같습니다.

      .body.body
      width: 1100px; -> width: 940px;

      .wrap_contents
      width: 850px; -> width: 620px;

      .body section
      width: 850px; -> width: 620px;

      .admin .admin-txt .admin-btn
      margin: 5px 0; 추가


      .gb-read-article
      width: 770px; -> 540px;

      .cmt-list
      width: 770px; -> width: 540px;

      .gb-read-ct-article
      width: 637px; -> width: 407px;

      .gb-read-cmt
      width: 640px; -> width: 410px;

      .cmt-list-list
      width: 640px; -> width: 410px;

      .gb-read-ct-cmt
      width: 532px; -> width: 302px;


      .aside-wrap
      width: 230px; -> width: 300px;

      aside
      width: 230px; -> width: 300px;

      .blog
      width: 230px; -> width: 300px;

      .blog img
      width: 230px; -> width: 300px;

      .blog .blog-owner
      width: 230px; -> width: 300px;

      .blog .blog-info
      width: 230px; -> width: 300px;

      .aside-common ul.article-list li
      width: 230px; -> width: 300px;

      .aside-common ul.tag-list li
      width: 72px; -> width: 96px;

      .aside-common ul.counter-list li
      width: 230px -> width: 300px;


      .footer
      width: 1100px; -> 940px;

      .footer .footer-footer
      width: 1100px; -> 940px;

      제가 스킨 파일을 배포할 때 CSS 코드를 압축해 놓아서 보기가 안좋으실텐데요.. beautify 같은 걸 모르시면 소스 정돈이 안되어 있어 정확한 위치를 찾아 변경하기가 곤란하실수도 있습니다.

      CSS를 조금 사용할 수 있으시면, 그냥 CSS탭에서 맨 아래에 !important 를 이용해서 강제적용시킬수도 있을 것 같네요. 해보지는 않았습니다.

      과로로 인해 정신력이 부족한 상황이라 설명이 이상하게 된것 같기도한데요. 도움이 필요하시면 댓글달아주세요 ㅠ_ㅠ;;

    • Favicon of https://okgo.tistory.com BlogIcon 스티브잡숴 2016.03.04 06:56 신고

      정말 정말 감사드립니다.
      제 서브 블로그에 적용해보니 원하는데로 되었네요.
      그런데 제목이 좀 길면..본문을 넘어가는것 같네요. ^^;

      http://testingme.tistory.com/2

      그 외는 이상이없는것 같네요~

  • Favicon of https://cocosoft.kr BlogIcon COCO Media 2016.03.03 16:50 신고

    정말 깔끔한 스킨이네요 멋집니다!!

  • 알 수 없는 사용자 2016.03.11 10:47

    스킨 너무 깔끔하고 이쁘네요. 잘 쓰겠습니다.

  • Favicon of https://kr302hs99.tistory.com BlogIcon 론유 2016.03.12 12:26 신고

    첫화면 어떻게 꾸미셧나요?

  • Favicon of https://tmlife.tistory.com BlogIcon 樹下 2016.03.25 13:12 신고

    님의 봄나무 스킨으로 새로이 적용해봤습니다. 대단히 감사합니다. 초자가 이렇게 무료로 가져가 낼름 삼켜버려 고맙게 쓰겠습니다. 깔끔하고 산뜻한 멋진 스킨 감사합니다 제목에 커서갔다되면 반응하는 것 어떻게 적용하면 될까요? 멋집니다.

    • Favicon of https://iconsketch.com BlogIcon 구름강아지 2016.03.25 14:56 신고

      어려운 것은 아닌데 하시려면 CSS를 다룰줄 아셔야해요. 제 블로그 제목에 맞춰 디자인한거라 포함해서 배포하기에 알맞지 않아 저건 제외하고 배포했는데요. CSS keyframe animation 으로 구글링해보시면 다양한 예제들을 찾아보실수 있습니다.

  • Favicon of https://hanjulgi.tistory.com BlogIcon 한줄기 단문시사 2016.04.02 22:18 신고

    안녕하세요. 멋진 스킨 공개해주셔서 감사합니다! 블로그 스킨 사용하려고 하는데 마우스 오버시 효과를 적용하려고 합니다.
    다만 이 부분에 있어 살짝 어려움을 겪고 있어 도움을 요청합니다.. ^^;
    해당 CSS 소스를 얻을 수 있을까요? 본 블로그의 소스를 주셔도 어느정도는 수정 가능합니다.

  • Favicon of https://kr302hs99.tistory.com BlogIcon 론유 2016.04.23 23:30 신고

    모바일 지원은 없는건가요?

  • Favicon of https://prejuicio.tistory.com BlogIcon 아구아 2016.05.21 10:19 신고

    진짜 이뻐요!

  • Favicon of https://kr302hs99.tistory.com BlogIcon 론유 2016.11.24 00:18 신고

    반응형을 아직도기대중

  • Favicon of https://kr302hs99.tistory.com BlogIcon 론유 2016.11.24 00:54 신고

    블로그 운영그만두신지알았는데 댓글달아주셧네 감사합니다 :)

  • Favicon of https://hyeb94.tistory.com BlogIcon 디메리 2017.01.04 16:52 신고

    좋은 스킨 감사합니다 ㅠㅠ 예쁘게 잘 쓰겠습니다!!

  • Favicon of https://guttolive.tistory.com BlogIcon 하워드 2017.02.01 23:36 신고

    안녕하세요. 오늘 봄나무스킨 다운로드받아서 적용해봤는데

    오른쪽 카테고리가 마비되어있고,

    댓글을 달면 그림이 보이지가 않고 이상하게 적용이 되는것 같습니다.

    이 부분에서 도움좀 주실수있을까요? 부탁드려봅니다. 감사합니다.

    http://guttolive.tistory.com/

  • 본문이 길어서 짤리는데 이건 수정 못 하는 건 가요...ㅠ

  • 어렵당 2018.06.07 09:21

    카테고리 펼침 모드로 쓰고 싶은데 뭘 바꾸면 되나요?

    그리고 애드센스 사이드바 광고를 넣는데 위에 메뉴에 딱 붙더라구요. [플러그인] 빈줄표시 도 넣어 봤는데 안먹는데 해결 방법 좀 알수 있을까요?

    사이드바, 티스토리에서 제공하는 사이드바 플러그인 HTML 배너출력은 애드센스로 광고 넣으면 기존 메뉴와 곁침 현상이 있네요.
    광고 두개를 넣으면 광고1광고2메뉴 3개 곁치네요.
    skin, html에서 수동으로 추가해서 넣으면 크롬은 정상적으로 나오는데..
    ie,엣지는 똑같이 곁침현상이 있어요

    너무 어렵네여 ㅠ

  • Favicon of https://whatso.tistory.com BlogIcon Hyunma 2018.06.08 15:28 신고

    스킨이 너무 깔끔하고 좋습니다 감사합니다!!