이글루스 스킨 2.0 'cork and paper skin' 공개 이글루스 스킨 2.0

코르크와 종이 질감을 이용해 만든 스킨입니다. 다른 분들에게 도움이 될까 하고 소스를 올립니다. 개인적인 용도로 만든 블로그 스킨이기 때문에 취향이 좀 탑니다.

특히 포스팅 지역이 종이 질감으로 되어 있기 때문에 만약 하얀색 배경을 원한다면 cork and paper BG wrap1.gif를 cork and paper BG wrap2.gif로 wrap배경을 교체해야 합니다.

그럼 적용 방법

  1. 일단 cork_and_paper_skin.zip 파일을 다운드해서 컴퓨터에 압축을 풀어 놓습니다.
  2. cork and paper HTML.txt cork and paper CSS.txt 파일을 메모장으로 열어 둡니다.
  3. 블로그 스킨에디터2.0 화면으로 들어 갑니다.(만약 이 포스팅 글이 필요하다면 새 창으로 여는 것을 권장합니다.)
  4. 새 스킨 만들기를 클릭 합니다. 이때 만들 스킨은 2단 이므로 2단을 클릭하면 다음 아이콘과 같은 레이아웃을 선택합니다.
  5. 전문가 편집으로 들어간 다음  html/css편집으로 들어가서 메모장으로 열어둔 html/css 내용을 복사 붙여넣기 합니다.
  6. 바로적용을 누릅니다.
  7. 스킨의 이름을 정한 다음 저장합니다.(내용은 '내 저장스킨 관리' 에서 변경 가능합니다.)
  8. 위의 스크린샷 같이 나오는 것을 확인 할 수 있습니다.


이미지 등록

하지만 배경 이미지는 저의 계정에 있는 내이기 때문에 혹시라도 제가 지우면 스킨이 깨질 위험이 있습니다. 그런 사고를 막기 위해서 다음과 같은 작업을 합니다.

  1. 전문가편집에서 이미지 업로드로 들어갑니다.
  2. 이미지 추가를 클릭 합니다.
  3. 이미지는 이전에 압축을 푼 위치의 '이미지' 폴더에 있으므로 그곳에 있는 이미지를 모두 업로드 합니다.(shift를 이용하면 여러개 클릭이 가능함)
  4. 이미지를 업로드하면 올라간 이미지들이 보입니다.
  5. 파일명을 클릭하면 이미지 미리보기와 파일 경로를 알 수 있습니다. 파일의 경로(이미지URL)를 복사합니다.
  6. css편집으갑니다. '영역별 배경색 & 배경이미지'라고 표시된 부분으로 가면 스킨의 배경 그림 경로들이 보입니다.
  7. 파일이름이 같기 때문에 쉽게 찾을 수 있을 겁니다.
  8. background-image:url(' 경로 '); 안에 이전 경로를 지운 후 복사한 경로를 붙여 넣습니다.
  9. 모든 경로를 고쳐 넣으면 바로적용 버튼을 눌러 스킨을 저장합니다.
  10. 그러면 이제 모든 작업이 종료 됩니다


만약 원하는 그림이 있다면 이미지를 편집해서 업로드한 다음 경로를 붙여 넣는 것 도 좋습니다.

1 2

최근 포토로그