저는 스킨제작 경험도 없고 아무것도 모르는 상태에서 지금의 블로그를 만들었습니다.
최고의 디자인이라고 자부할수는 없지만 저 한테만은 마음에 듭니다..:)
배경사진 바꾸기
제 블로그의 원래 스킨이 무엇인지 혹시 아시는분 계신가요?ㅎ
이것이 제가선택한 기본스킨입니다.
중간에 스킨을 바꾸게 되면 사이드바의 설정과 위젯의 설치를 처음부터 다시해야하기 때문에 정말 골치아픕니다. 그래서 직접 스킨편집을 통해 뭔가 다른블로거와 차별성을 두도록 만져보았습니다.
배경을 바꾸는 방법은 간단합니다
관리자-> 스킨 -> 스킨편집 으로 가시면 skin.html을 변경하는곳과 style.css를 변경하는곳 이렇게 두가지가 있습니다. 우선 블로그 배경으로 하실 파일을 만드신후 간단하게 bgs.jpg 또는 gif로 저장을하시고(파일명은 큰상관이 없습니다) 파일업로드를 합니다. 업로드후 저장을 누르지 마시고(이미 업로드 됨) 바로 다시 스킨편집 탭으로 가시기바랍니다.
그런후 style.css 를 보시면 젤 윗부의 /* 본문 공통 */ (다를수도 있습니다) 의 아랫쪽을 보시면
background-image:url(images/bg.gif);
라고 된부븐을 찾으실수 있습니다. 여기서 간단히 자신이 올린 배경사진의 파일명으로 바까주시면 됩니다.
예) 파일명이 bgs.jpg라면 (images/bg.gif) 에서 (images/bgs.jpg) 로 바꾸시고 저장만하시면 됩니다.
배경색 바꾸기
배경색은 먼저
라고 된부분을 찾으시고 색상표에서 자신이 원하는 색의 코드넘버를 찾아 ff4a1d 부분을 교체해주시면 됩니다. 색상표가 필요하시다면 이곳을 클릭하세요.
그 외에도 사이드바, 제목의 폰트나 색등 모든것이 수정가능합니다.
스킨제작 메뉴얼을 참고하시고
블로그를 처음시작하고 티스토리에 대한 모든것을 알고싶으신문은
티스토리 가이드를 참고하시기 바랍니다:)
예) 파일명이 bgs.jpg라면 (images/bg.gif) 에서 (images/bgs.jpg) 로 바꾸시고 저장만하시면 됩니다.
배경색 바꾸기
배경색은 먼저
.blogmenu{ background-color:#ff4a1d;}
라고 된부분을 찾으시고 색상표에서 자신이 원하는 색의 코드넘버를 찾아 ff4a1d 부분을 교체해주시면 됩니다. 색상표가 필요하시다면 이곳을 클릭하세요.
그 외에도 사이드바, 제목의 폰트나 색등 모든것이 수정가능합니다.
스킨제작 메뉴얼을 참고하시고
블로그를 처음시작하고 티스토리에 대한 모든것을 알고싶으신문은
티스토리 가이드를 참고하시기 바랍니다:)
이 글이 도움이 되셨다면 신날로그를 RSS로 구독하세요!
이메일로 구독하기
TRACKBACK :: http://www.shinalog.com/trackback/107
-
Subject: 블로그, 나만의 스킨을 만들어보자
Tracked from Feel It !!! 삭제 2007/06/11 03:13
댓글을 달아 주세요
비밀댓글 입니다
2007/06/11 04:16오홋!! 좋은거 배워 갑니다~ 항상 티스토리의 남들과 동일한 스킨과 제한된 플러그인이 불만이었거든요.. ^^
2007/06/12 09:39^^ 한번 멋지게 꾸며보세요
2007/06/12 11:55스킨도 바꾸셨군요... ^^
2007/06/13 06:22항상 많이 배우고 갑니다. ㅋ
자주 들려주셔서 감사합니다^^
2007/06/13 14:41스킨 맘에 드시나요?ㅎ
블로그에서 사이바 부분에 제목에 색깔을 입히고 싶은데 어떻게 해야 할지 몰라서 여쭤봅니다. 지금은 밑줄로 되어 있고요.. 썬사인님은 제목에는 아무것도 안되어 있군요..
2007/06/21 03:51스킨마다 달라서 저와 다를수도있지만
2007/06/21 08:40Style.Css에서 다음부분을 찾으신후
.sidebar h3 { font:1.00em tahoma; font-weight:bold; color:#000000; margin-bottom:5px;}
마음껏 수정하시면 됩니다
개성 있는 블로그 스킨을 위해서 나중에 꼭 써먹어 보겠습니다! *^^*
2007/12/15 03:13유용한 정보 알려주셔서 고맙습니다~ ㅎㅎ^^
요새는 스킨편집기능이 생겨서 필요하려나 모르겠습니다^^;
2007/12/15 03:28background-image:url(images/bg.gif);
2008/03/14 07:13이걸 어떻게 바꾸는 건가요..??이해가 않되네..