서브메뉴

티스토리용 skyfac.diary v1.1 스킨

by 엔하늘

사용자 삽입 이미지

다운받기


지난 skyfac.diary v1.0 스킨 에서 몇 가지 수정을 거친후 v1.1 을 발표하게 되었습니다. 수정 된 사항은 다음과 같습니다.

  • 레이아웃 최적화하기(메인 영역을 늘릴 때 쉽게 변경할 수 있도록)
  • 카운터 수정하기(누적카운트 수가 올라가면 줄이 내려가는 현상 발생)
  • rss feed / designed by skyfac.com 위치 옮기기
  • 관리자모드 링크(기존의 새글쓰기에서 관리자 메뉴로 바꾸었습니다.)
  • 기본 폰트 수정(나눔고딕/맑은고딕)
  • wysiwyg.css 수정하기
  • 코멘트 표시방식 수정
  • 가로폭 수정(600px)
  • 플래시 타이틀 조각 업데이트 버전 포함(http://minsangk.com/85 참고)

이 스킨에서는 네이버에서 제공하는 '나눔고딕체'를 기본 글꼴로 사용하고 있습니다. 나눔 고딕체는 이곳에서 다운받으실 수 있습니다. 아래는 나눔고딕체를 적용했을 때의 모습입니다.


나눔고딕체가 없으면 맑은고딕체가 기본 글꼴로 표시됩니다. 각자의 기호에 맞게 사용하시면 됩니다.

다음으로 많은 분들이 항상 문의하시는 스킨의 가로폭 수정에 대해 알려드리겠습니다. 가로폭을 수정하고 싶으실 때는 style.css 를 연 후 다음 내용을 수정하면 됩니다.

1 /* +++++++++++++++++++++++++++++++++++++++++++++++++ 2 Layout 3 +++++++++++++++++++++++++++++++++++++++++++++++++ */ 4 #container { margin:0 auto; width:810px;} 5 #header { width:600px; padding:5px; margin:0; background-color:#333; } 6 #content { width:600px; background-color:#fff; margin:0; padding:5px; float:left; clear:both; } 7 #sidebar { width:180px; background-color:#333; padding:0 10px; float:right;} 8 #footer { width:810px; clear:both; margin:0 auto; padding-top:15px;} 9 10

- 코멘트 입력창 부분
#content .writeForm .comment_content { background:url(images/bgInput.gif) 0 0 no-repeat white; border:1px solid #999; width:505px; padding:3px 2px; margin-top:5px; }

- 방명록 입력창 부분
.guestbook .writeForm .guestbook_content{ background:url(images/bgInput.gif) 0 0 no-repeat white; margin-top:5px;width:550px; height:50px; border:1px solid #999; overflow:visible;}

- 방명록 입력 버튼 부분
#content .writeForm .btnComment_gb width:550px; font:7pt verdana; color:#555; margin-top:3px; padding:2px 0; border:1px solid #999; background-color:#eee; font-weight:bold;}

  • 먼저 컨텐츠 영역의 width는 현재 600px로 지정되어 있습니다. 늘리거나 줄이고 싶은 만큼 #header와 #content의 width 값을 설정합니다.
  • 늘이거나 줄인만큼 #container와 #footer의 width값을 변경합니다.(예를들어 컨텐츠 영역의 폭을 650으로 늘렸다면 #header와 #content의 width는 600px로 #container와 #footer는 현재 값보다 50을 늘린 860px를 입력합니다.
  • index.xml 파일을 열어 <contentWidth>600</contentWidth>의 값을 변경합니다. 변경후에는 다시 업로드 합니다.(글을 쓰거나 편집할 때 나오는 창의 가로폭을 조절하는 역할을 합니다.)
  • 기본값(600px) 보다 크기를 줄이실 때는 코멘트 입력창의 길이와 방명록 입력창의 길이도 함께 줄여주셔야 합니다.

스킨이 적용 된 페이지 : http://diary.skyfac.com 
* 주의사항 : 위 페이지는 테스트용 페이지가 아닌 저의 일상을 기록하는 공간입니다. 따라서 시험 삼아 코멘트를 달아보셨다면 꼭 삭제해 주시기 바랍니다.

기타 스킨에 관한 문의사항은 http://diary.skyfac.com/16  에 남겨주시기 바랍니다. 감사합니다.
2008/10/31 19:33 2008/10/31 19:33
Rated 3.85/5 (76.92%) (13 Votes)
받은 트랙백이 없고   19개의 댓글이 있습니다.
이 글의 댓글/트랙백 RSS : http://www.textcube.org/theme/rss/response/852
이 글의 관련글(트랙백) 주소 : http://www.textcube.org/theme/trackback/852