▶ 스킨을 배포 하는 이유

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


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

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

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



스킨 미리보기





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




2011. 03. 01. AM 10:00

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

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

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

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

고려할점
- 상단 타이틀을 텍스트로 이용 할수 있겠지만 그렇다면 위와같은 느낌이 나지 않기 때문에
   자체적으로 블로그 타이틀 이미지를 하나 만드셔서 이용하시길 바랍니다. 타이틀 이미지는 title.gif 저장후에
   업로드하시면 되며 사이즈는 가로 900px * 165px 입니다.. 레이아웃이나 블로그 사이즈를 조절하게되면
   같이 맞춰서 작업해주셔야 합니다



▶ 스킨 적용 방법

블로그 스킨 적용방법 동영상 강의 http://umz.kr/05AQH
필요하신분은 동영상강의를 보시고 하셔도 됩니다.

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


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






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






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





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





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




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






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

감사합니다.

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

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




변경사항 안내


V2.0 (2011년 12월 20일)
- 관리자만 보이는 부분의 본문 상단 부분의 리퍼러 부분이 새롭게 바뀐 관리자의 주소가 변경됨에 따라 그에 맞춰서
  변경 했습니다.



V1.9 (2011년 11월 16일)
- 관리자만 보이는 부분의 글쓰기 리퍼러 부분이 새롭게 바뀐 관리자의 주소가 변경됨에 따라 그에 맞춰서
  변경 했습니다.




V1.8
- 본문 사이즈 조절시에 댓글입력창, 댓글리스트창, 방명록입력창, 방명록리스트창 등의 사이즈가 자동으로
   리사이즈가 안되던 부분을 비율에 맞게 조정 되도록 변경 하였습니다.
- 사이드바 블로그이미지 패딩값 조절 했습니다.
- 블로그 본문 및 전체적인 사이즈 조절시에 필요한 스킨수정에 따른 주석 처리를 넣었습니다.
- 이미지가 없음에도 불구하고 태그가 작동되어 없는 이미지를 불러서 로딩이 지연되던 부분 수정 했습니다.
- 하단 카피라이터의 링크 부분인 www.jaea.net 을 blog.jaea.net 으로 변경 했습니다.
- 타이틀 로고 부분이 원래는 좌측 상단 정렬이었으나 가운데 정렬로 변경하였습니다.
  그럼으로 타이틀이 아닌 앰블럼 로고를 titlt.gif 로 제작후에 업로드 하게 되면 타이틀의 정 가운데로 배열됩니다..




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. 음.. 다운받아서.. 변경을 해야할까요??ㅎㅎ

  4. 아... 능력자분 블로그에 방문하게 되었네요? ^^;;

    많은 사람들을 위해서 이렇게 하시는거 보면 정말 대단하세요 ^^

  5. 옷, 깔끔깔끔!!!!!
    잘 지네시죠? ㅎ

    전 댓글창이 너무 마음에 들어요~

  6. 오호... 스킨이 바뀌었군요...
    제가 블루칼라를 좋아해서 그런지는 몰라도 시원시원 깔끔해 보여요...^^

    • 앞 스킨은 왠지 저와 어울리지 않는 다는 생각을
      많이 해왔습니다.

      그래서 더이상 고치질 않았다가 이참에
      다시 손보고 있습니다.^^; ㅋ

  7. 재아님! 상단 타이틀 제작 부탁드려도되나요?;

    글에 써져있어서요 ㅎ

    그리고.. 지금 1280? 여기 해상도에 딱 들어가게 할려고 하는데.. 사이드바를 220에서 200으로 줄여서 할려구요.. 그러는데

    전체 폭을 20줄이고 사이드 20줄이면 되는거 아닌가요?. 잘 안되서.. 문의를 -_;

    • 네에 해드리겠습니다.

      넣고싶은 문구?? 라고 해야 하나 정확한
      타이틀 명칭... 한글인지 문구를 정해서 보내주시면
      됩니다...

      지금 1280이면 어떤걸 말씀 하시는지요!

      사이드 바를 220 에서 200으로 줄이시고 본문을
      더 넓히시겠다는건가요??

    • 와우 감사합니다!

      해상도 1280에서요^^

      밑에 스크롤바가 안생기게 할려고 하거든요..

      본문은 놔두고 사이드바를 20정도 줄이면 스크롤바가 없어질거같아서요

      문구는 어떤식으로 보내드림되요?;

    • 근데 제가 지금 보기에는요!!
      1280 에서 아래 하단에 스크롤바가 생기지 않고 있는것 같습니다.

      문구는 그냥 타이틀에 쓰여질 문구만 딱 적어서 주세요!


      예를들어

      큰타이틀 : 감성시대
      작은타이틀 : gamsing..
      그냥 넣었으면 하는 작은 문구 : 어서오세요

      뭐 이런식으로요

    • 아 그런가요 ㅡ.ㅡ;;;;

      모니터가 이상한가봐요 --;;

  8. 타이틀 문구..

    큰타이틀- 류시화 감성 라이프
    작은타이틀- 그녀와 함께하는 삶의 이야기
    작은문구- 맛집/영화/그외 리뷰

    요렇게 부탁드려요~ 배경은 좀 밝은색으로 해주세용!
    바탕배경색을 바꿧거든요.. ^^
    그리고 본문 크기는 화면출력930 사이드220이에요!

    • 네에 시간나는대로 해보겠습니다.^^;

      ㅎㅎ ^^;;

      배경색은 안넣어도 되게 투명으로 하던지
      아니면 배경색에 맞춰서 하던지 해보겠습니다.

      전체적으로 꽉 차게 할까요?
      아니면 그냥 로고식으로 가운데로 할까요^^;

    • 네 감사합니다~^^..

      어떤방식이 좋을지는.. 재아님이 괜찮다 생각하시는쪽으로 해주세요^^

    • http://blog.jaea.net/1841

      이 글에서 받아가시면 될것 같습니다.

  9. 와우 역시능력자재아님 ~_~//
    저는 조잡한직접수정한스킨사용중이라는 ㅜㅜ

  10. 스킨 얻어가겠습니다^^
    기본 제공 스킨을 만지작 거려봤는데 제 뜻대로는 안 되더라고요 ㅜㅜ
    그런데 이런 이쁜 스킨을 발견하게 될 줄이야 +ㅅ+

    저두 첨엔 그냥 제가 필요한 자료들 정리하려고 블로그를 시작한 거였는데... 점차 이래저래 욕심이 나네요;

    좋은 글들이 너무 많고 배우고 싶은 것도 많아서 종종 놀러오겠습니다 ^_^

  11. 아 재아님 스킨도 써먹어야 할텐데 말이죠.. 스킨변경이 귀찮기도 하네요.. T.T..gg

  12. 블로그 스킨 이쁘네요^^
    재아님 대단하십니다~^^

  13. 깔끔하니 쓰기 좋을 거 같아요. 잘 쓰겠습니다.

  14. 현재 블로그 스킨 잘 쓰고 있는데요~ 문제가 생겼습니다 ㅜㅜ
    별다르게 수정한게 없는데... 마우스 손가락 표시가 없어지질 않네요...
    그니까 링크된 곳에 마우스를 올리면 손가락 표시가 나다가, 링크된 곳을 벗어나면 마우스 손가락 표시가
    풀려야하는데, 풀리질 않습니다.
    재아님의 지금 블로그 페이지도 아래 페이지번호에 마우스를 올렸다 내리니 마찬가지의 현상이 발생하네용...
    제 컴퓨터가 문제인건지, 설정의 문제인 것인지 알 수는 없지만 해당 현상이 혹시 스킨 내 설정으로 고칠 수 있는 것인지 해서 ㅜㅜ

    지금 다시 확인해보니 정확히는, 이전 단계에 나오는 애들이 계속 유지가 되는거 같습니다. 글자 I이런 바라면 계속 이 표시로, 모래시계표시가 뜨면 계속 모래시계로... 다른거 바뀌기 전까지 계속 유지가 되네용...

    • cursor : hidden;
      요거를 삭제하구 나니 해당 문제가 없어졌습니다 ㅜㅜ
      근데 이걸 빼두 되는건지, 이게 모하는건지 잘 모르겠네요 ㅜㅜ;; 흐밍 ㅎㅎ

    • 음 그렇군요!!
      뭐 잘 쓰고 계시다니 다행입니다. ㅋ

      해당 부분은 삭제 하셔도 무방한 부분입니다.^^;

  15. 스킨 너무 멋져서 요리조리 살피며, 사용중입니다. 많이 배워가고 있고요.
    혹시 게시물 제목 하단의 (수정 : 수정(창으로) | (공개)→비공개로..........리퍼러 | 글쓰기) 요 라인을 떼버리려면 어떻게 해야 할까요?
    암튼 멋진 스킨 배포해 주셔서 감사합니다.~

    • 그 부분은 일반손님이나 다른블로그분들에게는 보이지 않는 부분이긴 합니다.

      오로지 주인장에게만 보이죠!
      가장 많이 쓰이는 부분만 추가적으로 만들어 둔건데요
      만약에 그 부분을 쓰고 싶지 않으신다면 주석 처리 하시면 됩니다.


      소스중에...

      <!--<div class="blog_admin">
      <p align="center"> <a href="">수정</a> : <a href="#" onclt/">
      ----생략-----
      <font color="#FF6600"><b> 글쓰기 </b></font></a>
      </div> -->

      위처럼 맨 앞이랑 맨 뒤를 주석처리 하시면 됩니다.
      <!-- 이거랑
      --> 이거를 앞뒤에 넣어주세요!

      css 에서 하는방법도 있지만 불편하니깐...

  16. 감사합니다. 그대로 따라하니 잘 적용됬습니다.^^/

  17. 백만년만에 이웃방문이네요^^

    인쇄쟁이입니다. 재아님의 스킨이 너무 예뻐서 세컨블로그에 사용하겠습니다.

    너무나 감사하고, 심플해서 이뻐 죽겠네요^^

    감기가 지독하네요~

    감기조심하세요^^

  18. 예전 재아님에게 스킨배포받았던 생각이 나네요..그땐 정말 아무것도 모르는 상태였죠..재아님에게 도움을 많이 받았습니다...^^

  19. 재아님 스킨 살짝 고쳐서 잘 사용하고 있습니다~
    이번에 블로그 하나 더 만들었거든요 ㅎ

    재아님 짱~

  20. 감사합니다 잘 적용했어요 ^^;
    이제 슬슬 조금씩 건드려봐야겠다능!

  21. 깔끔한 스킨이 마음에 들어 받아갔습니다. 감사합니다. ^^
    그런데 설치하고 보니 카운터부분이 제대로 나오지 않습니다. 다 제대로 업로드 했는데... 왜 그런지 잘 모르겠어요. ㅠㅠ

댓글을 달아주세요!

티스토리 툴바