(2차 수정) 사이드바 부분의 간격이 안습인 것을 미처 눈치채지 못하고(..) 그대로 올려버렸습니다.
수정하였으니 다시 다운해 주세요 T_T 정말 죄송;;;;
=====================
안녕하세요.
이번에 gray rain 스킨을 대대적(?)으로 수정했습니다.
그 외에 검색 부분을 사이드바 부분으로 옮겼습니다.
※ 스킨 코드가 조금 달라졌기 때문에 본문 크기 수정방법이 좀 달라졌으니, 본문 크기를 조절하실 분들은 아래 부분을 참고해 주세요.

Gray Rain 스킨. 크게 보시려면 클릭.
![]() 텍스트큐브 | ![]() 티스토리 |
스킨 소개
- 늘 컨버팅만 했지만 이번에는 제가 직접 만들어 본-┌ Gray Rain 스킨입니다.
- 사이드바는 하단에 'menu open'을 클릭하면 열리게끔 되어있습니다. 이 부분의 소스는 티스토리 스킨 중 Gallery 스킨을 참고하였습니다.
- 사이드바 스타일의 특성상 '달력'은 빠졌습니다.
- 스킨 수정, 재배포 가능합니다. 다만 skin by celli는 지우지 마시길 바랍니다.
- 스킨에 대한 질문 사항이나 버그 신고는 http://ennuism.net 의 방명록으로~.
- 미리보기는 "여기 "를 클릭해 주세요.
사용방법
- 스킨을 다운로드 한 후 압축을 푼다.
- FTP든 뭐든 사용해 skin 폴더에 넣는다.
- 블로그 관리자 모드에 들어가 '꾸미기' → '스킨 선택'에 들어가 스킨을 선택한다.
- '꾸미기' → '위젯'에 들어가 사이드바를 조절한다.
- 사용한다.
본문 가로 사이즈 조절하기
style.css 파일을 여신 다음, #page { ~~ } 부분과 #hearder { ~~ } 부분을 찾아주세요.{ } 안의 내용 중 width: 610px; 나 width: 566px; 라고 되어있는 부분의 수치를 늘려주시면 됩니다. 만약 700px로 늘리고 싶으시면 #page, #header 부분의 width 값에서 90px 씩 늘려주시면 되겠죠~
#header {
width : 700px; /* 610 + 90 = 700 */
margin:0 auto;
padding: 80px 0 0 0;
}
#page {
width : 656px; /* 566 + 90 = 656 */
margin: 0 auto;
background: #FFF;
border: 3px solid #eee;
}