태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.
 

 
페이지 구독





과거 기사

Locations of visitors to this page

블로그 스킨을 블랙투쟁용으로 바꾸는 법

IT네트워크/블로그 | 2008.12.28 15:46 | Posted by Namu(南無)

블로그를 많은 분들이 쓰고 계시지만, 블로그 특성상 회색 계열 색으로 된 경우는 극히 드뭅니다. 그러니 많은 분들이 블로거로써 블랙투쟁에 참가하고 싶지만 그러지 못 하는 경우가 많습니다. 자! 그럴 때를 위해 스킨의 HTML, CSS, 이미지 파일을 회색조로 바꾸는 간단(?)한 방법을 소개하고자 합니다. 저도 이 방법을 써서 30분 만에 블랙투쟁용 스킨으로 바꾸었습니다.

0. 기존 스킨 백업하기

기존 스킨을 바꾸는 것이기 때문에 복구를 위해 기존 스킨을 백업합니다.

티스토리의 경우 스킨 저장 버튼을 눌러주면 되고, 이글루스는 그런 거 없습니다. 기존 파일과 스킨 데이터를 잘 저장하시기 바랍니다. 답이 없어요~.

1. HTML, CSS 수정하기


티스토리의 스킨 편집 메뉴


이글루스

우선 스킨 편집 메뉴로 들어갑니다. 스킨 편집 메뉴에 들어가면 티스토리에는 skin.html과 styles.css, 이글루스에는 HTML 편집하기와 CSS 편집하기라는 메뉴가 있습니다. 웹 브라우저에서 편집하면 불편하니 메모장을 열어 내용을 복사해서 붙여 넣도록 합시다.

자, 이렇게 편집기에 붙여놓고 나면 그 다음부터는 노가다만이 남았을 뿐입니다.

F3을 누르거나 편집 > 찾기 메뉴를 선택합니다. 그 다음 #을 찾습니다.

티스토리의 경우 치환자에도 #을 쓰기 때문에 잔뜩 나오겠지만 다음처럼 "#xxx" 또는 "#xxxxxx"의 3자리 또는 6자리 글자가 붙은 것을 보면 됩니다.

바로 이런 숫자입니다. 16진수로 나오는데요, 이제부터 중요한 포인트입니다. 이렇게 6자리의 글자를 찾으셨겠죠?

그런데 이 글자는 이렇게 3자리로 구성되는 16진수 숫자로 색깔을 RGB로 표현하고 있는 것이랍니다. 16진수는 0부터 a까지 구성되는 16개의 숫자로 구성되는데 숫자가 커질 수록(a로 갈 수록) 밝은 색입니다. 그러므로 숫자가 낮은 것, 여기서는 d9을 골라서 다음과 같이 바꿔줍니다.

바로 이렇게 말이죠. 그럭저럭 많은 숫자가 있으니, 적절하게 고쳐주면 됩니다. 이렇게 같은 숫자로 바꾸면 색이 회색 계열로 바뀌게 됩니다. 좀 더 어두운 색으로 말이죠. 꽤 많은 수가 있을 것이므로 끈기를 갖고 고치면 됩니다.

2. 이미지 고치기

우선 이미 업로드된 이미지를 구하는 게 우선입니다. 티스토리의 경우 HTML/CSS 편집에서 파일 업로드를 찾으면 됩니다. 이글루스의 경우, 이미 업로드된 파일을 따로 관리하는 방법이 없군요. 새로 올리는 건 되는데. 잘 받아 보세요. 하하하. 프로그램 중에 특정 웹 페이지의 파일을 모두 받아주는 프로그램이 있습니다. 그런 프로그램을 검색해서 찾아보시길 권합니다.

자, 그 다음 이 이미지를 모두 회색조로 바꿔야 합니다. 포토샵 등으로 하는 방법도 있습니다만, 저는 XnView를 추천합니다.

다음 GIF, JPEG, PNG 파일 별로 변환해 줘야 합니다. 우선 각 이미지 파일 별로 모두 선택합니다. 그 다음 CTRL-U를 누르면 파일 일괄 변환 메뉴가 나옵니다.

GIF를 골랐으면 GIF를, JPG나 PNG면 그에 맞게 파일 형식을 골라줍니다. 덮어쓰기는 "대체"를 골라줘야 합니다. 기본은 이름 바꾸기로 되어 있을 겁니다. 대체를 골라줘야 기존 파일을 모두 회색으로 바꿔주니까요.

다음 변형 탭을 눌러 일괄 변환 > 회색 계조로 변환을 선택한 다음 "추가" 버튼을 누르면 추가됩니다. 그 다음 적용을 누르면 간단히 모두 회색으로 바뀝니다.

다음 티스토리의 스킨 편집 메뉴에서 파일 업로드를 골라서 회색으로 바꾸어준 파일을 업로드 하면 기존 파일을 대체합니다.

자, 모든 작업이 끝나면 적용한 다음 브라우저에서 새로 고침을 해주면 회색으로 간단! 쉽죠?

댓글을 달아 주세요!!