BusinessBlogSkin 티스토리 스킨 배포합니다.

게시자: 대문 demun 카테고리: 티스토리/스킨배포 2012.10.08 09:00

이름하여 Business Blog Skin 비지니스 블로그 스킨입니다. 

전체적으로 흰색 바탕에 깔끔한 스킨이며 미리보기는 하단에 링크를 제공했으니 꼭 방문해서 아래의 기능들을 둘러보고 클릭해보세요.

티스토리 스킨을 약 30여회 제작을 했습니다. 그중에 필요한 기능이 있는것도 있고 없는것도 있고 합니다.

여러분이 많은 피드백을 줘서 나름대로 사용할만한 기능을 추가해서 제작을 했습니다.


배포하는 BusinessBlogSkin 기능을 소개합니다. 이글을 읽지 않고서는 어떻게 사용하는지 조차 모를정도로 기능이 많고 복잡합니다.

티스토리 초보분들은 잘 읽고 사용하셔야 합니다.

아직까지도 본문의 글을 읽지도 않고 무작정 스킨을 요구하는 분들이 있습니다. 그러지 마세요...힘빠집니다....


사설 접고 스킨의 소개와 기능을 알려드리는 글을 시작합니다.

  1. 글꼴 - 나눔고딕, 나눔고딕 웹폰트.
  2. 레이아웃 - 전체 960px, 본문 620px, 사이드바 300px
  3. CSS3 없음.
  4. 메인메뉴 드롭다운 - 블로그메뉴, 카테고리메뉴.
  5. 사이드바 접고 펴는 기능.
  6. 사이드바 접은형태, 긴형태 모두 사용가능.
  7. 태그 두가지 형태 - 사이드바 기본 태그 형식, 태그 클라우드 형식.
  8. 링크 두가지 형태 - 사이드바 기본 링크 형식, 드롭다운 링크 형식.
  9. 고정된 하단 글.
  10. 따라다니는 메뉴 - 플로팅 메뉴.
  11. 사이드바에서 메뉴기능 관리 - 블로그메뉴, 카테고리메뉴, 사이드바, 고정된 하단글, 플로팅메뉴 등.
  12. 최소한의 이미지 사용으로 가벼움 추구.
  13. 부드러운 스크롤 링크.
  14. 업데이트 - 요건 하단에 설명글을 보세요.
  15. 스킨 배포.


이렇듯 내용이 많습니다. 하나 하나 설명해 가겠습니다. 내용이 너무 많아 접기를 사용합니다.


더보기


스킨을 변경할때의 주의점.
관련파일을 업로드하고, html, css 코드를 넣고 저장을 클릭합니다.
여기서 끝나면 안됩니다.
반드시 사이드바와 화면설정에서 메뉴와 화면출력까지 모두 저장을 클릭해줘야 정상적으로 스킨이 변경이 됩니다.

티스토리 스킨을 설치하고 사용하는 방법을 모르시는 분을 위해 제가 티스토리 스킨인 BusinessBlogSkin 을 직접 설치하고 사이드바에서 각 메뉴를 변경했을때 어떻게 보여지는지 등을 동영상으로 담았습니다.

보시면 어떤 스킨인지? 어떤식으로 변경하는지 등을 알 수 있습니다.




동영상을 찍다가 메인메뉴에서 블로그메뉴가 없고, 카테고리메뉴만 있을때 드롭다운메뉴가 실행되지 않은 점 바로잡았습니다.
또하나 기본적으로 메인메뉴는 왼쪽에 블로그메뉴가 있고 오른쪽에 추가적으로 카테고리를 추가하는 방식입니다. 그래서 카테고리메뉴의 하위메뉴는 왼쪽으로 펼쳐지게 만들어져있습니다.
만약 블로그메뉴를 사용하지 않고 카테고리메뉴만 사용할경우 메인메뉴에서 왼쪽에 카테고리메뉴가 있게 되는데요. 그럼 하위메뉴도 왼쪽으로 보여져서 화면에서 안보일수도 있습니다.

드롭다운메뉴 수정.

드롭다운메뉴가 왼쪽이면 오른쪽으로, 오른쪽이면 왼쪽으로 하위메뉴가 펼쳐지게 수정하였습니다.

15. 배포.

배포조건은 이전에 제 스킨을 한번이라도 사용한 적이 있는 유저 중에서 제 블로그에 트랙백을 한번이라도 날려준 유저에게는 묻지마 배포입니다. 

마찬가지로 오류나 수정될 점을 알려주신분도 포함됩니다.

제가 스킨을 만들고 배포하면서 이러 이러한 점을 트랙백을 날려주세요....라고 말했습니다. 

이는 다른 사람에게 스킨을 적용하기 전에 미리보기를 할 수 있는 잇점과, 제가 피드백을 받기 위함입니다. 

서로 윈윈하는 개념이죠...


해당되는 분들은 트랙백 날린 글주소와 블로그주소, 이메일주소를 알려주시면 메일로 스킨을 보내드리겠습니다.


만약 난 이글을 첨본다....

또는 트랙백을 날린적이 없다 하시는분들 중 제 스킨을 사용한 적이 있으시면,  지금이라도 스킨을 사용한 소감이나 장단점을 해당 스킨 배포글에 트랙백을 날려주시고, 스킨을 한번도 사용한 적이 없는분은 다른스킨을 먼저 사용해보세요. 

요청하세요. 그리고 트랙백 날리고 이 BusinessBlogSkin 스킨도 사용하시면 됩니다.

현재 티스토리 스킨인 BusinessBlogSkin 은 여기에서 한동안 미리보실수 있습니다.

제 메일주소는 demunskin@naver.com 입니다.



업데이트.

2012-10-11.

검색리스트 display: inline-block 가 display: blcok 로 잘못된것 수정합니다.


수정전.

.searchList li a { display: blcok; }

수정후.

.searchList li a { display: inline-block; }

댓글

  1. 2012.10.08 12:54 신고 BlogIcon 이리니  댓글주소  수정/삭제  댓글쓰기

    스킨이 깔끔하니 이쁘네요.
    공을 참 많이 들이신듯 합니다. ^^

    • BlogIcon 대문 demun 2012.10.08 14:48 신고  댓글주소  수정/삭제

      맞습니다. 공좀 들였습니다. 여러가지 기능을 넣었구요....
      선택을 할 수 있도록 했습니다.
      워낙 사용자들의 입맛이 다르니까요...
      감사합니다.

  2. 2012.10.09 10:14 신고 BlogIcon 한솔골프  댓글주소  수정/삭제  댓글쓰기

    스킨이름과 분위기가 딱 떨어지는듯 보이네요..^^
    또 한번 좋은 작품을 남기셨네요...^^
    한번 만져보고 싶은 충동이...ㅋㅋ

    • BlogIcon 대문 demun 2012.10.11 00:26 신고  댓글주소  수정/삭제

      보이기만 그래요....좀 디테일하고 만져야할것 같습니다.

      스킨을 두개를 동시에 내놓다보니....시간이 또 부족하네요..ㅎㅎㅎ

  3. 2012.10.09 15:02 신고 BlogIcon 니나잘해™  댓글주소  수정/삭제  댓글쓰기

    안녕하세요!!
    대문님 블로그 스킨이 한층더 업그레이드 된듯 하네요!!
    항상 좋은 정보 감사합니다.

    즐거운 수요일 되세요!!

    • BlogIcon 대문 demun 2012.10.11 00:26 신고  댓글주소  수정/삭제

      자바스크립트가 로딩이 안된듯 합니다.
      다시 한번 업로드해보세요. 코드에는 문제 없는거 같은데...

      그리고 보호글에도 문제가 있군요....
      검색리스트에도 속성이 하나 빠졋어요....

      지금 계속 수정하고 있어요.
      http://businessblogskin.tistory.com 에서 실시간으로 수정하는 부분을 볼수 잇습니다.

  4. 2012.10.10 22:52 신고 BlogIcon 스마트 메신저  댓글주소  수정/삭제  댓글쓰기

    부트스트랩 티스토리 스킨버전 3.1을 오늘 오후에 메일로 보내주신 Mobilenews 티스토리 블로그 운영자 입니다.
    우선 다시한번 감사드리고요, 보내주신 스킨 파일을 오후에 스킨 적용을 한번 시도해 봤습니다.
    다른 문제는 없는 것 같은데요, 사이드바 한글이 모두 깨져서 나옵니다.
    해서 지금은 다시 원복 해 놨습니다.
    어떻게 해결해야 하는지 부탁드립니다.
    그리고 html(index)와 css(style)를 기존 코드 앞에 붙여넣고 난 후 기존 코드는 주석처리하거나 지우는 건지, 어떻게 처리하는지 궁금합니다.
    부탁드립니다.

    • BlogIcon 대문 demun 2012.10.11 00:14 신고  댓글주소  수정/삭제

      따로 주석처리할것은 없습니다. 제가 다 주석처리 해놨으니.
      이미지 폴더안에 파일은 모두 업로드하셨죠???

      스킨 변경한 후 사이드바, 화면설정, 링크 등등...저장을 한번 클릭하세요.
      캐쉬때문에 간혹 이상하게 나옵니다.

      다시 해보세요.
      한글이 깨지는것은 아직 본적이 없습니다.

      스킨 변경하는 방법은 알고 계시죠?

    • BlogIcon 스마트 메신저 2012.10.15 14:47 신고  댓글주소  수정/삭제

      다시 스킨 등록해서 블로그에 적용 했습니다.
      깔끔하고 아주 좋네요.
      잘 쓰도록 하겠습니다.
      감사합니다.
      그런데 상단 메뉴의 전체글 버튼을 누르면 전체 글이 펼쳐지지 않고 홈 버튼 누른 효과가 나오는데요. 한번 봐 주셨으면 합니다.
      수고하세요.

    • BlogIcon 대문 demun 2012.10.15 22:16 신고  댓글주소  수정/삭제

      전체글은 드롭다운형식이 아닙니다. 단순 링크형식이에요.
      카테고리의 전체글과 같은겁니다.
      현재 보이는것이 맞습니다.

    • BlogIcon 스마트 메신저 2012.10.16 00:36 신고  댓글주소  수정/삭제

      네 감사합니다.
      앞으로 필요한 부분 수정해 나가면서 질문드리겠습니다.
      앞으로도 부탁드립니다.
      수고하세요.

    • BlogIcon 스마트 메신저 2012.10.18 18:18 신고  댓글주소  수정/삭제

      실수로 하단 디자인 카피 부분을 지웠다가 다시 복구해서 쓰고 있습니다.
      지인들한테 평이 좋네요. 깔끔하다고...
      널리 소개해 보겠습니다.
      다른 스킨도 기회가 되면 써보고 싶네요.
      수고하세요.

    • BlogIcon 대문 demun 2012.10.18 22:01 신고  댓글주소  수정/삭제

      내일 3.2가 나옵니다. 기존의 반응형레이아웃에서 광고 달기가 어려웠는데. 거기에 촛점을 맞추었으니 보시고 판단하세요.

  5. 2012.10.12 06:25 신고 BlogIcon 니나잘해™  댓글주소  수정/삭제  댓글쓰기

    BusinessBlogSkin을 적용 했습니다.
    대문님이 스킨을 잘 제작 하셔서 오류나 에러 없이 잘되네요!!

    대문님 CSS소스 중간에 보니 #gnb>ul>li>a:hover,#gnb>ul>li:hover>a
    이렇게 되어있습니다. ">" 들어가는게 맞습니까??

    • BlogIcon 대문 demun 2012.10.12 16:45 신고  댓글주소  수정/삭제

      네 맞습니다. 그건 자식선택을 할때 사용합니다. 바로 아래 자식이요. 장남만 선택을 합니다. 차남은 선택안하고요.
      ㅎㅎㅎㅎ

      비지니스 블로그 스킨이 버그가 좀 있습니다.
      제가 지금 업데이트 중인데....스킨을 너무 많이 수정하지 마시고....얼마있으면 다음 버젼이 나오니 그걸 이용하세요...

      발견된 버그는 수정될겁니다.

  6. 2012.10.15 18:47  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    • BlogIcon 대문 demun 2012.10.15 22:18 신고  댓글주소  수정/삭제

      통화햇죠.
      원하시는분들때문에 스킨에 관해서 따로 포스팅과 카테고리를 준비해야하는데.....
      스킨 제작하는데 시간을 많이 쓰다보니 자꾸 늦어지네요.

      제가 제작한 스킨이 대략 30개 정도가 됩니다.

  7. 2012.10.17 09:14 신고 BlogIcon IssacYang  댓글주소  수정/삭제  댓글쓰기

    또 다른 스킨이 언제 나오나 궁금했었는데
    새로운 스킨이 나왔네요.
    새로운 스킨이 나올 때마다 놀라게 하셔서 너무 신기하고 존경할 따름입니다. ㅎㅎ
    이번 스킨도 조심스럽게 한 번 적용시켜보겠습니다 ^^ㅋ
    감사합니다~ㅋ

    • BlogIcon 대문 demun 2012.10.17 15:05 신고  댓글주소  수정/삭제

      감사합니다. 메일은 보냈습니다. 제가 업데이트후에 보내드릴게요.
      혹 업데이트했다고 포스팅을 했는데 스킨이 안가면 미안하지만 다시 한번 메일 주세요.

      제가 혹시라도 까먹었을경우입니다. ㅎㅎㅎ

  8. 2012.10.18 18:41 신고 BlogIcon 니나잘해™  댓글주소  수정/삭제  댓글쓰기

    대문님 비지니스 스킨은 이제 완벽한것 같은데요!!

    스킨수정은 끝난건가요!!

    • BlogIcon 대문 demun 2012.10.18 21:22 신고  댓글주소  수정/삭제

      사실 버젼2가 있습니다. css3가 포함된 걸로 만드는 중인데...버젼1의 버그를 잡느라고 1.1을 내놓았습니다.

      조만간 버젼2가 나올 계획입니다.

  9. 2012.11.03 23:54  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  10. 2013.03.22 14:55 신고 BlogIcon 페이스투  댓글주소  수정/삭제  댓글쓰기

    스킨이 깔끔합니다

    다만 위 1차메뉴에서 슬라이딩 되는 메뉴가 구글애드센스 위에 있을경우
    애드센스 위반행위에 포함되니 적절히 조절하는게 좋을듯 합니다.

  11. 2013.10.29 22:46  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

  12. 2014.12.30 16:28 신고 BlogIcon TISTORY  댓글주소  수정/삭제  댓글쓰기

    안녕하세요. TISTORY입니다.

    티스토리 블로거가 제작한 스킨을 홍보할 수 있는 공간을 마련하였습니다.
    티스토리 홈에 ‘스킨’ 게시판입니다.

    제작한 스킨을 ‘스킨’에서 홍보해보세요~!

    감사합니다.