반응형
▶ 스킨을 배포 하는 이유
원래 스킨 배포 생각은 없었습니다. 제가 스킨을 만들수 있는 사람도 아니고 다만 뜯어 고쳐서 쓸수 있을정도의 실력밖에 안되는데.. 다들 좋다고 하시고 또,,, 배포 할 생각은 없으시냐고 물으셔서 생각만 해보겠다고 했었는데 잊을만 하면 물어보시고 하셔서 결국 수정해서 배포 하는 방향으로 결정 했습니다. (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 입니다.. 레이아웃이나 블로그 사이즈를 조절하게되면
같이 맞춰서 작업해주셔야 합니다
스킨은 2단이며, 제가 현재 사용하는 스킨의 구조와 똑같습니다.
본문은 640px 입니다. (본문 글과 본문 삽입 이미지 사이즈도 동일 합니다.)
사이드바 220px 입니다. (제가 지금 현재 사용하는 사이드바 폭 보다는 작습니다.)
전체 컨테이너 폭이 900px 입니다.
상단 타이틀 이미지 900px * 165px 입니다.
(직접 제작하신다면 파일명 title.gif 으로 작업하시고 업로드 해주시면 적용됩니다.)
(현재 사용중인 타이틀의 배경색(짙은남색)의 코드값은 #2D333E 입니다.)
스킨위자드 지원하지 않습니다.
굴림체를 기본으로 합니다.
스킨 특징
- 상단 타이틀 아무곳이나 클릭하면 블로그 홈으로 갑니다.
- 본문 상단 부분에서 어디서든 수정할수 있는 관리자, 글쓰기, 리퍼러, 스킨편집등이 용이 하도록 했습니다.
(블로그 운영자만 보입니다.)
고려할점
- 상단 타이틀을 텍스트로 이용 할수 있겠지만 그렇다면 위와같은 느낌이 나지 않기 때문에
자체적으로 블로그 타이틀 이미지를 하나 만드셔서 이용하시길 바랍니다. 타이틀 이미지는 title.gif 저장후에
업로드하시면 되며 사이즈는 가로 900px * 165px 입니다.. 레이아웃이나 블로그 사이즈를 조절하게되면
같이 맞춰서 작업해주셔야 합니다
▶ 스킨 적용 방법
스킨 적용 방법입니다.
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 에서 수정하여 주시길 바랍니다.
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>
새로 다운받으신분은 이미 링크가 수정되어 있습니다.
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;}
위처럼 바꾸어 주시면 됩니다.
이 부분에서 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>
새로 다운받으신분은 이미 링크가 수정되어 있습니다.
반응형
'재아 > 디자인' 카테고리의 다른 글
재아넷 플로팅 툴바 만들어 봤습니다. (25) | 2012.02.16 |
---|---|
재아넷 블로그 명함 만들기 이벤트 후기 (6) | 2012.01.26 |
이웃블로거 류시화님 블로그 타이틀 받아 가세요^^; (10) | 2011.10.08 |
재아넷 티스토리 블로그 스킨을 수정 배포 (Ver 1.7) 합니다. (115) | 2011.08.27 |
재아넷 블로그 스킨 화이트 1단 스킨 배포 (46) | 2011.06.15 |
공감 | |||||||