에드센스용 티스토리 스킨을 제작했습니다.

이번에 스킨 제작을 3번째 하는군요. 현재 제가 사용하는것도 제가 제작한것이지만(두번째) 스킨을 제작한다는것은 정말 어렵고 힘든 일입니다.

이번에는 레이아웃에 초점을 맞쳐 제작했습니다. 특히 구글 에드센스같은 광고를 넣기 편하도록 제작했습니다.
스킨중에서 보면 사이드바 쪽에 큰 사진을 넣고 그 아래로 두가지 레이아웃이 존재하는 , 그런 레이아웃 스킨이 여러 용도로 사용이 가능해보였습니다.

스킨 미리보기는 여기에서 보실수 있습니다.

스킨의 소개는 대략 아래와 같습니다.

• 구글 에드센스 광고 삽입이 용이합니다.(거의 모든 구글광고 사이즈가 삽이이 가능합니다.)
• 모든 브라우져에서 호환이 됩니다.(IE6,IE7,IE8,Firefox, Chorme, Opera 등등에서 확인했습니다.)
• 위에서 말한 사이드바의 효용도를 선택했습니다.(3가지 형태로 사용가능- 340px, 120px, 180px)
• 구글 맞춤검색을 넣도록 했습니다.
  

본문 너비 600px 사이드바 340px(왼쪽사이드바 120px, 오른쪽사이드바 180px) 입니다.
블로그 이미지를 300-300 으로 했습니다. 현재 배경이미지로 했놨으니 광고가 들어갈 자리를 참고하시면 될겁니다.
기타 자질구레한것으로는 몇가지 신경쓴것이 있습니다.

• RSS 버튼 롤오버 적용
• 확인버튼(submit)을 큼지막하게 했습니다.
• 구글 맞춤검색과 티스토리에서 지원하는 검색 두가지 다 사용가능하게 했습니다.(구글맞춤검색은 본인것으로 해야겠죠)
• 상단 해더부분을 되도록 좁게했습니다(사용하다보니 해더가 넓으면 본문을 보는데 스크롤을 해야하는 번거로움이 있어서 좁게 했습니다. 
• 댓글 더보기 기능을 하나의 배경으로 처리해서 댓글,트렉백 모두 하나의 공간에 넣었습니다.
• 1024해상도에서도 스크롤막대가 생기지 않는 크기에서 했습니다.
  
• 이미지를 최소화했습니다. 흰색에 테두리만 색깔을 넣은 정도이기에 .ㅎㅎㅎㅎ
  

댓글 더보기 기능은 index 파일에서 설정했는데...막상 demunskin 에서는 안되는군요. 이전에도 거기서는 안됐었는데 막상 여기에 적용하니 되더군요. 이건 뭐 걱정할거 없을거 같습니다.

사이드바가 340px 이다보니 약간씩은 수정가능할듯 합니다.
원래 120px 와 160px 를 넣을려고 만들었는데....너무 좁은거 같아 사이드바의 글들을 보려면 좀 커야할거같아 180px로 키웠습니다.10px정도는 더 넓힐수 있을거 같습니다.

관리자가 쓰는 관리자,글쓰기 버튼을 메뉴에 넣었습니다.
참고로 관리자화면에서 본 화면 하나 올립니다.

나눔고딕체를 중심으로 썻습니다. 디자인  감각이 없다보니...좀더 고급스럽게....못하겠군요^^
이건 실력과 무관하게 감각이 있어야 하는 부분 같습니다.
이런걸 보더라도 디자인 하시는 분들은 정말 대단한거 같아요....

짧은 지식에 만들다보니 마크업은 형편없습니다. 되는걸로 현재는 만족합니다.