Noname

두서없이 배경화면을 넣어 보겠습니다.

일단 블로그 스킨 편집으로 들어갑니다.
스킨 편집으로 들어가는 방법 다들 아시죠? 모르시면 이전 글을 읽어보시기 바랍니다.


이번에 들어갈 곳은 소스 편집입니다.
(기본 편집으로 들어가면 #1에서 배경색 등을 지정했던 것과 똑같이 스킨을 편집할 수 있습니다.)
이 소스 편집이야 말로 내 얼음집을 나만의 것으로 만들어주는 비결입니다.

소스 편집에 들어가시면 아래와 같은 화면을 만나실 수 있습니다.

우리가 손봐주고 싶은 부분은 스킨에 사용할 이미지 등록 과 css편집하기 의 두가지 입니다.

먼저 스킨에 사용할 이미지 등록 을 눌러봅시다.
이렇게 생긴 창이 뜰겁니다.

여기에서 이미지 추가하기 쪽의 찾아보기 를 누르시면 원하시는 이미지를 선택하실 수 있습니다.
올리기를 눌러서 이글루스에 업로드를 하시면 밑의 저장된 목록 창에 올라가게 되어, 사용할 수 있는 상태가 됩니다.

목록에서 원하시는 이미지를 선택하시면 이미지 경로 란에 이미지의 주소가 뜹니다.
이 주소를 드래그해서 복사하기를 눌러 클립보드에 저장하세요.

이제 css편집하기로 가보도록 하겠습니다.

css에 쓰여있는 문자를 보면 특정 형태를 띄는데 우리가 찾아봐야 할 것은 이 부분입니다.
#이름{
옵션이 적용될 칸입니다
 
width: ???px;
칸의 좌우 폭입니다
 height:???px;
칸의 상하 길이입니다
상하좌우 정해진 크기만큼 보이므로 참고만 합니다. 지금 손대시면 스킨 레이아웃이 엉망이 됩니다.

 background: #ffffff url(주소) 옵션;
#FFFFFF 는 배경색입니다. FFFFFF는 지정색이므로 다른 색을 원하시면 이 수치를 바꾸면 됩니다.
url(이부분에 그림파일의 주소를 넣어주면 배경으로 적용됩니다)

옵션 부분에 배경 이미지에 대한 옵션을 적용할 수 있습니다.
(no-repeat이미지를 반복하지 않는다 repeat-y상하로만 반복한다 repeat-x좌우로만 반복한다
top이미지를 창 위로 붙인다 center창 가운데로 붙인다 bottom창 아래로 붙인다
left이미지를 창 왼쪽으로 붙인다 center창 가운데로 붙인다 right창 오른쪽으로 붙인다
fixed이미지가 창에 고정된다

옵션을 넣을 때는 한단어씩 띄어 써주시면 됩니다. 상하-좌우 정렬은 상하 좌우 순서로 써주시면 됩니다.
예)이미지를 상하로 반복, 창 오른쪽에 붙임, 창에 고정
background: #ffffff url(주소) repeat-y right fixed;

실제로 편집을 해보겠습니다.
css편집창에는 이렇게 쓰여 있습니다.

body {
 margin: 0;
 padding: 0;
 text-align: center;
 background: #999999 url(http://md.egloos.com/skn/pub/bd/body_2010.gif) repeat;
 font-size: 12px;
 line-height: 1.5em;
 }
a:link {}
a:visited {}
a:hover {}
a:active {}