스킨 색상 변경

블로그 스킨(Moving Box) 변환기 #1, #2, #3에서 적었듯, 본 블로그의 스킨은 Moving Box를 기본으로 하고 있습니다.

2/3단 가변스킨인 Moving Box를 1단으로 변환한 뒤 색을 푸른 계열로 바꿔 사용했습니다.
정확히는 프러시안 블루(#003153)를 기본으로 하고 메뉴, 달력 등의 색깔을 바꾼 것입니다.

이 색을 한동안 쓰다 보니 좀 식상하기도 하고, 색을 약간 바꿔야겠다는 생각이 들더군요.

그러다가 Crazy Life on Net에서 딱 마음에 드는 스킨 변형을 찾았습니다.
청회색 계열로 바꾸니 예쁘군요.
세컨 블로그도 비슷한 스타일로 바꿔야겠습니다. ^^;;;

스킨을 보내주신 호아범 님께 감사드립니다.

덧, 호아범 님. 스킨 하단에 CRAZYBAR.NET 표시했습니다. ^^;;;;

  

Moving Box 스킨 버그 해결방법

only show to everyone 이라는 거…

Moving Box 3종 세트는 최근(4월 18일)에 공개된 티스토리 스킨으로서 깔끔한 디자인으로 인해 많은 사용자들이 사용하고 있습니다.
(현재의 제 블로그의 스킨도 이 Moving Box를 커스터마이즈한 것입니다)

그런데, 넓은 사용자 계층이 형성되어 있음에도 불구하고, 이 스킨은 치명적인 버그가 있습니다.
바로, 방명록의 only show to admin (관리자만 보기) 체크박스의 기능이 마비되어 있다는 점입니다.

원인은 치환자가 잘못 사용되어 있기 때문입니다.
(사실 많은 스킨들이 치환자를 적을 곳에 값을 직접 적거나 잘못된 치환자를 적는 오류를 범하고 있습니다)

스킨파일(skin.html)을 조금만 수정하면 됩니다.
수정방법은 아래와 같습니다.

1. 방명록 버그 해결

아래와 같은 코드를 찾습니다.

</s_guest_form>
<div class="secret">
   <span class="secret_input"><input type="checkbox" name="[#\#_rp_input_is_secret_#\#]" /></span>
   <span class="secret_label"><label for="secret">only show to admin</label></span>
</div>

일단 게시판의 체크박스인데, 치환자가 rp_input_is_secret로 되어있다는 것을 알 수 있습니다.
guest_input_is_secret로 수정해야 합니다.
게다가 다음줄에는 치환자 guest_input_is_secret를 적지 않고 값인 secret를 직접 적었는데, 이것도 치환자로 수정하는 것이 좋습니다.

올바르게 동작하는 코드는 아래와 같습니다.

</s_guest_form>
<div class="secret">
   <span class="secret_input"><input type="checkbox" name="[#\#_guest_input_is_secret_#\#]" /></span>
   <span class="secret_label"><label for="[#\#_guest_input_is_secret_#\#]">only show to admin</label></span>
</div>

2. 댓글창 버그 해결

댓글창은 현재는 정상적으로 동작합니다.
하지만, 치환자와 값이 혼용되어있어 추후 치환자의 결과가 바뀐다든지 하는 문제가 발생하면 예기치 못한 오류가 발생할 수도 있으므로 수정해두는 것이 좋습니다.

아래와 같은 코드를 찾습니다.

</s_rp_guest>
<div class="secret">
   <span class="secret_input"><input type="checkbox" name="[#\#_rp_input_is_secret_#\#]" /></span>
   <span class="secret_label"><label for="secret">only show to admin</label></span>
</div>

체크박스의 이름에는 치환자 rp_input_is_secret가 사용되고, label에는 값 secret가 사용된 것을 볼 수 있습니다. 이 값을 치환자 rp_input_is_secret로 변경해주면 됩니다.

올바르게 수정된 결과는 아래와 같습니다.

</s_rp_guest>
<div class="secret">
   <span class="secret_input"><input type="checkbox" name="[#\#_rp_input_is_secret_#\#]" /></span>
   <span class="secret_label"><label for="[#\#_rp_input_is_secret_#\#]">only show to admin</label></span>
</div>

티스토리에서 공식적으로 배포하는 스킨이 늘어날수록 이러한 버그가 숨어있을 가능성은 커질 것입니다.
이러한 버그가 없어지려면 티스토리의 노력도 노력이지만, 사용자들이 더 많은 관심을 보여줘야 할 것으로 생각됩니다.


   

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

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

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

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

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

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

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

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

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

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

2. 상단 메뉴 추가

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

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

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

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