▶ 스킨을 배포 하는 이유

원래 스킨 배포 생각은 없었습니다. 제가 스킨을 만들수 있는 사람도 아니고 다만 뜯어 고쳐서 쓸수 있을정도의 실력밖에 안되는데.. 다들 좋다고 하시고 또,,, 배포 할 생각은 없으시냐고 물으셔서 생각만 해보겠다고 했었는데 잊을만 하면 물어보시고 하셔서 결국 수정해서 배포 하는 방향으로 결정 했습니다. (2011년의 약속이기도 합니다.)


▶ 스킨의 변천사

이 스킨은 원래 티스토리 기본 스킨 (짧은여행 3단) 스킨이었습니다.
3단 스킨을 2년정도 사용하다가, 2단 스킨으로 제가 변경해서 사용 했습니다.
그리고 2단으로 사용하면서 폭을 넓히게 되었습니다. 시원하고 좋다고 하시네요~...


재아넷 JAEA@BLOG 스킨 사용에 대한 약속?

제 스킨을 수정하여 사용하는것은 좋은데요..
배포는 하지 말아 주셨으면 합니다.... (#..#)

스킨 맨 하단에 Desiged by JAEA 는 삭제하지 마시길 바랍니다.



스킨 미리보기





재아넷 JAEA@BLOG 스킨 배포 (2011년 8월 25일 오후 8시) 수정 배포




2011. 03. 01. AM 10:00

▶ 스킨의 구조와 사이즈 900px (640px + 220px)

스킨 사이즈
스킨은 2단이며, 제가 현재 사용하는 스킨의 구조와 똑같습니다.
본문은 640px 입니다. (본문 글과 본문 삽입 이미지 사이즈도 동일 합니다.)
사이드바 220px 입니다. (제가 지금 현재 사용하는 사이드바 폭 보다는 작습니다.)
전체 컨테이너 폭이 900px 입니다.
상단 타이틀 이미지 900px * 165px 입니다.
(직접 제작하신다면 파일명 title.gif 으로 작업하시고 업로드 해주시면 적용됩니다.)
(현재 사용중인 타이틀의 배경색(짙은남색)의 코드값은 #2D333E 입니다.)

스킨위자드 지원하지 않습니다.
굴림체를 기본으로 합니다.

스킨 특징
- 상단 타이틀에 상관없이 상단 어느 부분을 클릭하든 블로그 홈으로 갑니다.
- 본문 상단 부분에서 어디서든 수정할수 있는 관리자, 글쓰기, 리퍼러, 스킨편집등이 용이 하도록 했습니다.
(블로그 운영자만 보입니다.)

고려할점
- 상단 타이틀을 텍스트로 이용 할수 있지만, 제 블로그처럼 하나의 큰 타이틀 이미지가 필요 합니다.
  (쓰신다고 하면 만들어 드릴 의향은 있습니다.)


▶ 스킨 적용 방법


스킨 적용 방법입니다.
1. 위의 스킨 jaea_blog_skin_black_v1.7.zip 파일을 다운로드 받으시고 압축파일을 풀어 줍니다.
2. 자신의 블로그 환경설정으로 가서 스킨메뉴로 이동합니다.
3. 스킨을 업로드 하기전에 현재 사용중인 스킨 저장 하시길 바랍니다.
   (스킨 작업을 하기전에 항상 스킨저장은 필수입니다.)


위에서 보시는것처럼 새스킨등록을 클릭 하여 줍니다.






왼쪽 위에 스킨의 이름을 적어 줍니다.. 재아넷스킨으로 하겠습니다.
파일업로드를 클릭 합니다.






위에서 보시는것처럼 index preview skin style  파일 모두 선택하여 열기 를 하면 업로드가 됩니다.
더불어서 images 폴더 안에 모든 파일을 선택하여 업로드 하여 줍니다.





위처럼 모든 파일이 업로드 되었으면  저장을 눌러줍니다.
참고로 images (60개) 이며 루트에 있는 파일 4개로써 총 파일이 64개입니다.





저장을 누르면  위처럼 스킨을 저장하겠냐고 묻습니다. 를 눌러줍니다.




확인을 누르면 스킨 리스트에 들어가게 됩니다.






위처럼 저장한 스킨중에 방금 업로드한 재아넷스킨이 업로드 되었고 리스트에 속해 있는것을 알수 있습니다.
적용을 눌러서 스킨을 적용 시켜 줍니다.

감사합니다.

스킨의 수정은 여러분이 원하는데로 하시되, 배포는 하지 말아주시길 바랍니다.

혹시 문제가 있으면 말씀 해주세요!;//




변경사항 안내

V1.7
스마트폰에서 재아넷 스킨을 이용할때, pc화면으로 볼때 트랙백 부분이 트리형태로 보이는 부분 수정
음.. 제가 개인적으로 아직 스마트폰이 아니라서..확인을 안했는데요 이런현상이 생기네요!
뭐 아무튼.. 스마트폰에서도 정상적으로 보이도록 수정하였습니다.




V1.6
검색창 클릭시에 엔터로 검색이 안되던 부분 수정
검색어를 입력하고 마우스로 검색버튼을 클릭하여야지만 되던 문제가 수정되었습니다
ie에서는 검색어 입력하고, 앤터를 치나 검색어 버튼을 입력하나 모두 검색이 되었습니다.
그런데 파이어폭스에서는 엔터로 검색이 안되더군요 그 부분을 수정 했습니다.




V1.2
2011. 05. 9 PM 8:42 (로그아웃시에 댓글창에 댓글 입력버튼이 보이지 않는 부분을 수정 했습니다.)

5. 9일 이전에 받으신분중에 댓글을 달았을때 로그인에 달았을때는 잘 보이고 ,로그아웃을 하면 댓글입력창이 보이지 않던 부분이 있습니다. 이부분을 아래와 같이 수정하여야 비로그인자도 댓글입력버튼이 보이게 됩니다.
아래와 같이 style.css 에서 수정하여 주시길 바랍니다.

.commentWrite { padding:5px; margin-top:20px; height:200px;}

이 부분에서 200px 이라고 되어 있는 부분을 auto로 변경 하여 주시길 바랍니다. 그러면 아래와 같이 됩니다.

.commentWrite { padding:5px; margin-top:20px; height:auto;}

위처럼 바꾸어 주시면 됩니다.



V1.1
2011. 04. 11 PM 4:42 (로컬부분인 지역로그 링크가 잘못된 부분을 수정 하였습니다.)

4. 11 이전에 받으신분중에 지역로그를 사용하시는분은 skin.html에서 localink 되어 있는 부분을
_BLOGLINK_ 로 변경하시고 뒤에 location 으로 변경 하여 주시면 됩니다.

다음과 같이 해주시면 됩니다.

    <li class="tab_local"><a href="[샵샵_blog_link_샵샵]localtion">지역로그</a></li>

새로 다운받으신분은 이미 링크가 수정되어 있습니다.

포스팅이 유익하셨다면 추천 부탁드립니다. ^^
본문 밑에 작은 하트를 눌러주세요!
홈으로
공감
Post by : 재아

여러분의 소중한 댓글입니다.

  1. 이전 댓글 더보기
  2. 비밀댓글입니다

  3. 안녕하세요 재아님.
    예전에 이승욱이라는 닉넴으로 가입해서 잘 사용하고 있는 초보입니다.^^;;
    http://senbridge.tistory.com/entry/송창의-옛사랑-Old-Love
    를 보시면 댓글란이 있는데요. 이게 좀 이상해서요. (이것 뿐만이 아니라 다 그렇습니다.ㅠㅠ)

    로그인을 한 상태로 보면 댓글달기 버튼이 보입니다.
    근데 로그아웃을 한 상태로 보면 댓글달기 버튼이 갑자기 사라져서 안보이구요.
    근데 또 댓글을 하나 달고나면 로그아웃을 한 상태에서도 댓글달기 버튼이 보이거든요.

    이 부분을 어떻게 조치할 수 있는 방법이 없을까요? ㅠㅠ
    무슨 문제인지 잘 모르겠습니다. 부탁드립니다.ㅠㅠ

    • 확인 했습니다.

      로그인 했을때는 잘 보이네요.. 댓글 달기버튼도 그렇고 제가 보기엔 게스트일때 부분에서 세로의 댓글창 크기가 먹히는 현상입니다.

      저런 부분의 경우는 수치 입력이잘못되었거나 혹은 댓글창에 이미지를 넣는 부분에서 변경이 되어 그런것 같은데 소스를 봐야 할것 같습니다.
      .
      보지 않고서는어디 부분을 어떻게 고쳤는지 알수가 없어서요@

    • 항상 스킨을 변경하기전에는 저장을 하는 습관을 드리셔야 합니다.

    • 감사합니다.

      수치입력과 댓글창 이미지 관련해서 좀 만져봐야겠네요.

      좋은 스킨 잘 사용하고 있습니다.

      하시는 일 잘되시길 바랍니다.^^

  4. 잘쓰고갑니다 2011.04.03 13:57

    잘적용하였습니다 마음에드네요 고맙습니다

  5. 천루향 2011.04.18 22:48

    감사히 다운하여 잘 쓰고있습니다
    대문제목은 어떻게 설정하나요?
    맨위의 제목이요..JAEA@BLOG 큰제목 써져있는곳이요

    • 해당 위의 부분은 이미지로 제작되어 있고 스킨을 받아보시면 image 폴더 안에 title.gif 로 작업되어 있습니다.

      사이즈는 900px 165 px로 작업 하시면 됩니다.

      스킨 images 폴더 안에 덮어 씌우시면 변경 됩니다.

  6. 비밀댓글입니다

    • 오른쪽에 있는 메뉴 부분은 스킨에 들어가시면 skin.html 이 아니라 style.css 에 보시면요...

      #wrap_sidebar {
      width:220px;
      float:right;
      overflow:hidden;
      background-color:#FFFFFF;
      padding:0px 0px 0px 0px;
      }

      라는 부분이 있습니다. 여기서 220 이라는 숫자를 늘려주시면 됩니다... 240 250 이런식으로요..

      현재 제 블로그의 기준으로 말씀 드리면 280으로 되어 있습니다....

      또 궁금한거 있으시면 말씀 하세요

  7. 재아님 스킨 잘 이용하고 있습니다..궁금한 점이 있어 이렇게 문의 드립니다..
    사이드바 매뉴 제목 센터 정렬로 되어있는데 좌측정렬로 하고 싶은데 어디를 손봐야 할지 모르겠어서요..
    답변좀 부탁드리겠습니다..^^ 좋은하루 되세요..
    아..그리고 댓글다는쪽에..로그인했을때는 댓글달기 버튼이 보이는데 로그아웃 했을시 댓글달기 버튼이 사라집니다..그래서 로그아웃 상태에선다른분들이 댓글을 달수 없게 됩니다.
    이미 댓글이 달린 포스트에는 로그아웃상태에서도 댓글버튼이 보이지만 댓글이 없는 포스트엔 댓글달기 버튼이 사라집니다..또 가장 먼저 달린 댓글은 댓글다신분 아이디가 댓글버튼과 겹쳐서 보이는 현상이 나타납니다.
    혹시 로그인하지 않은상태에선 댓글달수 없게 막아놓으신 건가해서요 ???
    문의를 드리고 찬찬히 댓글을 살펴보니 센브리지님이 한신 문의와 제가 겹치네요..그래서 제가 재아님 원본스킨 그대로 적용해봤는데요..아무것도 고치지 않은 상태에서 적용을 해도..로그아웃상태에선 댓글입력창이 안보입니다..ㅠㅠ

    • 사이드바의 타이틀 메뉴는 왼쪽 정렬을 하신듯 하니 안알려 드려도 될것 같네요!

    • 확인 했습니다.

      어느 부분이 문제인지 알았습니다.

      아래와같이 해주시면 해결이 되실겁니다.

      style.css 에 부분에서

      .commentWrite { padding:5px; margin-top:20px; height:200px;}

      이 부분이 있습니다.

      이 부분에서 200px로 되어 있는 부분을 auto로 바꾸어 주시면 됩니다.

      그래서 이렇게 됩니다

      .commentWrite { padding:5px; margin-top:20px; height:auto;}

      위처럼 바꾸어 주시면 됩니다.


      잘 되는지 안되는지 저도 확인 작업이 필요할수 있으니 댓글로 알려주셨으면 합니다.
      감사합니다

    • 한솔골프 2011.05.09 21:50

      오호...이제 잘 되네요...감사합니다..^^

  8. 비밀댓글입니다

    • 보니깐 상단에 구글 사용중이신데요

      2단을 1단으로 바꾸시면 될것 같은데요!

      테이블 쓰시면 2칸이 아니라 1칸에 1줄로 하시면 될것 같고요... 보더나 테그 이용하시면 어렵지 않은 부분입니다..

  9. 재아님~ 남색 코드값이
    #2D333E 아닌 것 같아요 ㅎㅎ
    그 코드로 만든 배너 색이 지금 요래요 ▼ 제 테스트 페이지에요 ;;
    http://bomulchanggo.tistory.com/

    • 확인해보니...

      배너 색상값이 틀리네요..

      다시 확인 해보시면 아시겠지만 제가 알려드린

      이 값이 맞습니다. #2D333E

      근데 윤뽀님이 만드신 배너는 #4145502 이 값으로 되어 있습니다...


      상단 배너 (타이틀) 말씀 하시는거겠죠..
      다시 확인 해보세요!1

    • 네 상단 타이틀이에요
      만드신 분이 #2D33E로 했다고 하는데
      뭔가 기준 삼고 있는 것이 다른 것 같네요 ㅎㅎㅎ

    • 그런가보네요^^;;

      누가 만드셨는지 고마우신분임...

    • 지금 막 수정 부탁드려서 적용했어요
      눈 빠지겠어요 ㅠㅠ
      그 색이 그색 같아서 ;;;;
      재아님도 하나 만들어 주시면 안될까요?
      참여해보세요 캬캬컄

    • 그러겠습니다. ㅋ

  10. 갱신하셨군요 ^^
    제 것 적용해야겠어요
    감사합니다!!

  11. 이럴수가.. 전 어제 밤새면서 겨우 끙끙대면서 폰트 수정하고 본문간격 넓히고, 블로그 제목에 이미지 집어 넣었는데.......

    이럴수가...........

    • 다 만드시고 스킨을 주세요!

      skin 과 style. css만

      재아넷 (커뮤니티) 올려주시면
      수정하여 다시 드리겠습니다.

    • 우선 여기까지만 해놓았는데, 지금 스킨에서는 이정도가 괜찮은 것 같아서 그냥 사용하려고 합니다.

      아 혹시, 지금 제가 사용하고 있는 스킨에서, 재아님 블로그 스킨처럼 가운데로 정렬되게 할 수 있을까요?
      제 블로그는 왼쪽으로 정렬이 됩니다. = =;

    • 스킨을 좀 뜯어봐야겠는데요

      개인적으로 저런 스킨은.. 가운데 정렬하면
      이상하긴 하더군요...

    • 아하... 그렇군요.
      그럼 이 스킨은 그냥 이대로 사용하는 게 나을 것 같습니다.
      만들고 싶은 스킨이 있기는 한데, 제 수준에선 아직 많이 어렵습니다. 스킨 구조가 어떻게 되어있는지 잘 몰라서요. 그것만이라도 알면 좀 할 수 있을 것 같은데...

      개인적으로는 이런식으로 스킨을 만들고 싶긴 합니다.
      http://dopus.tistory.com

  12. 스킨 수정본 배포하시는군요...
    역시 능력자~~~ㅎㅎ

  13. 우와 깔끔하네요 능력자 ㅋㅋ

  14. 재아님 스킨 많은 분들이 애용하시는 것 같던데요? ^^
    저도 요즘 스킨배포용으로 스킨만들고 있는데 여간 귀찮은게 아니더군요. ㅠ
    빨리 만들어서 저도 배포해봐야겠어요~!
    많은 분들에게 스킨 나누어주시는 모습 본받아야겠습니다~!
    즐거운 주말 되세요 재아님~!

    • 배포까지도 문제이지만 배포하고 나니 몰랐던 문제점도 ㅋㅋ 많이 발생하더군요!!..;;

      그러면서 또 배우긴 합니다.

  15. 인턴기자 2011.08.21 10:42

    감사합니다. 궁금한 부분이 있는데요. 사이드바에 원하는 카테고리나 원하는 포스팅으로 링크 연결하게
    해주는 방법이있나요?

    • 사이드바에

      원하는 카테고리와 원하는 포스팅을 거는방법이 있긴 합니다.하지만 수동작업이고 매번 바꾸어 주셔야 합니다.

      티스토리 자체적으로 마법사처럼 설정이 가능한게 아니거든요!

      일일히 매번 링크를 수정하고 만들어주어야 하는 번거로움이 있습니다.

  16. 재아님 감사해요..ㅎㅎ 잘 쓸께요...ㅎㅎ 지금 블로그 스킨도 이쁘지만..ㅎㅎ
    그래도.. 새로운 것을 좋아하는 저는.. 새것으로 바로 바꿉니다..ㅋㅋㅋ

  17. 깔끔한 스킨 맘에드네요~~
    일단 다운받았습니다.
    즐거운 주말 보내세요

  18. 뽀님이 커뮤니티에서 얘기했었던 그문제 땜에
    수정배포 하시는군요...ㅎㅎ
    역시 A/S는 철저하셔~~ㅋㅋ

  19. 앞으로 스킨수정할때는 재아님에게 자문 좀 드리고 해야겠어요..
    한번 수정할려면 일주일은 해야하니...

    잘 봐주이소..ㅎㅎㅎ
    주말 잘 보내세요^^

    • 스킨의 구조는 거이 비슷하기 때문에
      수정에 어렵진 않지만 가끔 스킨을 만드신분이
      좀 독특하게 만들어서 어려운 경우도 있습니다.

      그래서 사실 스킨이 이미지를 많이 안쓰는 스킨이
      수정하기가 용이한게 사실입니다....;; ㅋㅋ

      제가 아는 한도안에서... 해결해드리겠습니다.

  20. 스킨 아주 끝내주네요! ㅎㅎㅎ
    너무 너무~~ ^^

  21. 스킨 이쁘네요 잘쓸께요

댓글을 달아주세요!