▶ 베이지 스킨으로 마무리 하겠습니다.

지금의 블로그 스킨을 고집 했습니다. 3단을 쓰기도 하고, 2단을 쓰기도 하고 여러가지로 실험적으로 많이 이용 했습니다. 스킨을 만들고 배포하면서... 많이 배웠습니다.
또, 많이 느꼈고요... 지금 현재의 스킨에서 마지막으로 베이지 스킨을 마무리로 스킨을 마무리 할까 합니다.

이젠 제 블로그 스킨을 뜯어 고쳐야겠다는 생각이 들었습니다...;;
그래서 지금의 스타일에서 좀 벗어나 깔끔한 스타일로 변경해볼까 합니다.



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

제 스킨을 수정하여 사용하는것은 좋은데요..  배포는 하지 말아 주셨으면 합니다.... (#..#)
스킨 맨 하단에 Skin Desiged by JAEA 는 삭제하지 마시길 바랍니다. (링크포함)




스킨 미리보기 (베이지 스킨)  기존의 블랙스킨을 보실분은 클릭

012





재아넷 JAEA@BLOG 베이지 스킨 배포 (2011년 6월 7일 오후 5시)




2011. 06. 07. PM 5:00

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

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

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

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

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



▶ 스킨 적용 방법


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

2011/06/03 - [재아/디자인] - 재아넷 블로그 화이트 스킨 배포 합니다.
2011/03/01 - [재아/디자인] - 재아넷 티스토리 블로그 스킨을 배포 합니다.





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






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






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





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





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




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






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

그럼 잘 사용하시고, 혹시 문제가 있으면 말씀 해주세요!;//

스킨의 수정은 여러분이 원하는데로 하시고 하단 카피라이터 부분은 수정하지 마시고 마지막으로 배포는 하지 말아주시길 바랍니다.



변경사항 안내

V1.5
2011. 06. 11 PM 5:00

베이지 버전과 기존 버전에서 문제가 되었던 태그 부분에서 지나치게 글씨가 컸던 부분인 1.2em 에서 1.0으로 변경 하였으며, 우측에 사이드바에 나오는 모듈이라는 단어를 제거 했습니다.
오타가 났더군요... 최근보근함 만 나와야 하는 최근보관함 모듈 이렇게 나왔습니다..

이부분을 수정했습니다.




V1.4
2011. 06. 07 PM 5:00

기존 블랙 버전에 이어서 화이트 버전을 하고 이제 베이지 스킨을 업데이트 했습니다.
현재 블로그 스킨에 대한 추가적인 업데이트를 이젠 안할까 합니다.

혹시나 문제가 되거나 버그가 발생되는 부분이 있으면 그 부분에 대한 수정을 하여 업할 생각은 있습니다.
파일명은 black 와 white 가 붙었습니다.




V1.3
2011. 06. 03 PM 3:00

기존 블랙 버전에 이어서 화이트 버전을 업데이트 했습니다.
기능적으로 추가된 부분은 없으며 그동안에 알려졌던 버그?? 부분을 모두 수정한 버전입니다.
블랙이나 화이트나 모두 1.3 버전이며...

파일명은 black 와 white 가 붙었습니다.



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. 앗 좀전에 스킨을 변경 했는데..이런..
    다음에 꼭 한번 적용해 보아야 겠습니다~~

  8. 재아님도 스킨 종결자 제작자가 되시는건가요?ㅋㅋ

  9. CSS나 스킨 수정이 막히는 것이 있을 때 물어봐도 될까요?

  10. ㅎㅎ 또 배포 하셨군요..ㅎㅎ 부러워라...ㄷㄷㄷ
    저는 화이트를 다운 받아 놓겠습니다..ㅋㅋㅋ 블랙은 없으니까...ㅋㅋㅋ

  11. 감사합니다.
    넘~ 마음에 들어요 ♬

  12. 화이트 설치했는데.. 제목을 보이게 하려면.. 스킨 파일 중에서.. 타이틀이 되어 있는 gif를 바꾸어야 하는건가요??

    • 블로그 타이틀을 나오게 하고 싶으면...
      블로그 스킨 수정에서 skin.html 을 말하는겁니다.

      거기서

      <!-- 블로그타이틀 <h1><a href="