티스토리 블로그 스킨을 whiteBoard (by hi8ar)로 변경하였습니다. ^^, ㅠㅠ

티스토리 블로그 스킨을 whiteBoard (by  hi8ar)로 변경하였습니다. ^^ & ㅠㅠ

스킨을 변경하는데 시행착오시간까지 포함해서 저녁8시부터 새벽1, 2시까지해서 1주일정도가 소요되었습니다. ㅠㅠ

티스토리에서 기본적으로 제공하는 스킨만 사용하다가 어디 한번 나도 나만?의 스킨으로 바꾸어 볼까 하고 손댔는데 div태그가 뭐고 class가 뭐고 이건 어떻게 하는 거야? 모든게 신세계인 아사마루에겐 미궁의 무한한 시간과 중노동이 될지를 꿈에도 몰랐습니다. 다른 스킨들은 style.css파일 하나로 설정이 가능했었는데 whiteBoard스킨은 각각의 기능에 맞게 "article.css", "basic.css", "layout.css", "main.css", "sidebar.css", "theme.css"로 잘 분류되었고 세세한 부분까지 설정이 되어 있어서 초보자인 아사마루에게는 더욱 힘들었던 것 같습니다.
(설정부분의 하나하나를 보면 볼수록 whiteBoard는 정말 대단한 것 같습니다.)

또한 스킨변경에 대한 레이아웃이라던가 색상선택등에 대해서 미리 생각하고 밑그림을 그리고 실행했었어야 했는데 무작정 이것 고치고 저것 고치고 해서 보면 밸런스가 안맞는등 시행착오의 연속이었습니다. 그래서 이것 저것 만들어 놓고 꾸겨넣었던것들을 과감하게 지우고 아래와 같은 순서로 처음부터 다시 했습니다.

<나만?의 스킨만들기 순서>

1. 밴치마킹을 한다.   ..... ▷ 관련글 보러가기

2. 밑그림을 그린다.   
    ※ 이곳에 시간이 제일 많이 걸립니다. ㅡㅡa

    ① 레이아웃을 이해하고 결정한다.     ..... ▷ 관련글 보러가기

    ② 색상을 선택한다.

3. 멎지게 만들어서 배포해 준 고마운 어떤 스킨을 이용할지를 결정한다.

4. 수정부분의 순서를 정한다.

5. 스킨제작에 필요한 도구(프로그램)를 준비한다.  ..... ▷ 관련글 보러가기

6. 테스트용 블로그를 만든다.   ..... ▷ 관련글 보러가기

7. 소스수정에 필요한 태그(언어)에 대해서 이해한다.

8. 마음에 준비를 하고 시작한다. ^^

- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 

위와 같은 순서를 정하고 스킨을 변경하니 다음에는 뭘할지를 망설이지 않고 착착 진행할 수 있어서 작업의 속도가 빨라졌습니다. 현재 스킨으로 변경하는데 약 12시간정도 소요되었습니다. 제일 많이 소요된 시간은 1~2번까지였고 그 이후에 소스수정에 필요한 지식은 그때 그때 구글링해서 해결하였습니다. 7번의 태그(언어)에 대해서는 div, class, a태그정도입니다. 아사마루 처음부터 한것이 아니라 이미 만들어 놓은 것을 짜집기한 수준이라 자랑하기도 뭐하지만 그래도 변경하고 나니 뿌듯하네요. ^___^

hi8ar님이 만들어서 배포한 whiteBoard의 이름에 맞지 않게 제멋데로 변경한 것이 마음에 걸리네요. hi8ar님 보면 이게 뭐야! 할지...

▼ whiteBoard스킨이 이렇게 변했었습니다. 많이 변했죠? 지금은 티스토리에서 기본으로 제공하는 스킨을 성형해서 사용중입니다. ^^

【티스토리 블로그 스킨과 관련된 글】
▷ 티스토리 블로그 스킨변경시 도움이 되었던 사이트 모음 총정리
▷ 티스토리 스킨변경시 도움이 되었던 프로그램 - 사쿠라에디터, color cop
▷ 블로그 스킨변경을 편리하게.. 파이어폭스 부가기능 Firebug
▷ 티스토리 스킨 변경방법 - 테스트 블로그 만들기.
▷ [티스토리 스킨 변경] 블로그 로딩속도 OTL - 드롭다운 메뉴 내리다.
▷ 티스토리 스킨의 레이아웃(뼈대) 이해하기.
▷ 멋진 (티스토리) 블로그 스킨들...
▷ 티스토리(TISTORY) 기본 폰트를 맑은 고딕으로 바꾸기