블로그 스킨(Moving Box) 변환기 #1

사용자 삽입 이미지

헥헥. 이제 겨우 색깔과 메뉴…

요즘 티스토리 기본 스킨 중 Moving Box가 인기를 많이 끌고 있더군요.
제가 자주 가는 블로그만 3개째 이 스킨을 사용하고 있습니다.
(mepay님의 도토리속 참나무, 도아님의 세상사는 이야기, 은사장님의 단투인 시스템)
특히, 도아님은 이 스킨을 1단으로 변경해서 사용하고 계시더군요.

이 스킨의 깔끔한 구성이 마음에 들어 이 스킨을 사용하기로 했습니다.
하지만, (언제나 그랬듯이) 약간 변경하기로 했습니다.

전체적으로는 푸른 톤1단으로 구성하며, 헤더원래 블로그의 이미지를 사용하는 방향으로 할 예정입니다.

오늘아침까지 변경한 부분은 아래와 같습니다.

1. 전체적인 색을 녹색 톤에서 푸른 톤으로 변경

이번 블로그의 색은 프러시안 블루를 중심으로 구성하기로 했습니다.

우선, 모든 이미지를 다 다운받아서 팔레트를 변경했습니다.
다행히, 모든 이미지가 GIF이기때문에 팔레트만 딱 변경하면 되더군요.

다음으로, style.css 파일의 색도 프러시안 블루 계통의 색으로 변경했습니다.

2. 상단 메뉴 추가

카테고리 메뉴는 블로그 전체 구조를 보여주는 좋은 기능이지만, 깔끔하게 만들기 위해서 없애버리고 상단 메뉴로 대치했습니다.
상단 메뉴는 dynamic driveAny Link CSS Menu를 적용했습니다.

참고로, 위 사이트에 가면 이러한 단순한 메뉴 말고도 다양한 메뉴들이 있습니다.

다음으로 할 작업은 스킨 전체를 1단으로 뜯어고치는 작업입니다.
이 작업은 (이미 1단으로 뜯어고치신) 도아님의 블로그 스킨을 참고해서 진행할 예정입니다.

mr-ok님께서 알려주신 덕분이 IE6에서 미쳐날뛰는 문제를 해결했습니다.
    정말로 IE6공공의 적입니다. 물럿거라!!!