이번에 적용한 스킨을 텍스트큐브 스킨 블로그에 올려 보았다. 올린 내용은 아래와 같다.KS_Simple 스킨은 Textcube 1.7 버전에 최적화되어 있으며, 전형적인 블로그 형태인 2단으로 구성되어 있습니다. 이 스킨에서 블로그 이미지(혹은 프로필 사진)의 사이즈는 180px, 컨텐츠의 가로 사이즈는 750px이 가장 알맞습니다.
디자인하고는 별로 연관이 없는 사람이지만 "내가 만든 스킨을 써보고 싶다"는 갑작스런 충동에 이것저것 참고하여 만들어봤습니다. ^^
이것저것 참고해서 급조한 감이 있지만 IE7과 Firefox 2.0 및 3.0 버전에서 제대로 표시되는 것과 기본 동작을 작동 여부를 체크하였습니다. 코드는 Textcube의 Standard ver.1.1 스킨을 기반으로 작성되었으며, 웹표준을 준수하고 있습니다. 그리고 스킨 작성 가이드의 "스킨 체크 리스트"의 각 항목도 대강은 확인하였지만, 버그가 있을 수 있습니다. 이 경우 알려주시면 수정하겠습니다.
단순하고 깔끔하게 만들고자 하였는데, 역시 한계가 있군요... ^^;
그리고 본문의 너비를 조금 넓게 잡은 경향이 있는 것 같네요.
애초에 스킨을 올리고자 하는 의도는 없었습니다만, 텍스트큐브를 감사히 사용하고 또한 여러분들께서 올린 스킨도 잘 활용해오던 입장에서 혹시 한분이라도 맘에 들어하는 분이 있지 않을까 하는 맘에 허접하지만 보탬이 될까 한번 올려봅니다. 아마도 처음이자 마지막이 아닐까 하는 생각이... ^^
다운로드
KS_Simple_2008.07.04.zip적용 화면 샘플
아래 화면은 http://kyungseo.pe.kr/blog 화면을 캡쳐한 것입니다.
--
항상 좋은 일만 가득하길 바랍니다. :^)
History
* 2008년 07월 02일 15시: 댓글 입력 폼에서 홈페이지 입력 부분이 가려지는 증상이 있어서 CSS 수정후 파일을 다시 올렸습니다. 이전에 받으신 분들은 번거롭지만 참고하시기 바랍니다.
다시 올린 첨부 파일의 이름은 "KS_Simple_2008.07.01_01.zip" 입니다
* 2008년 07월 03일 16시: 사이드바에서 태그 클라우드의 좌우측에 여백을 주기위해 CSS 수정후 파일을 다시 올렸습니다. 이전에 받으신 분들은 참고하시기 바랍니다.
다시 올린 첨부 파일의 이름은 "KS_Simple_2008.07.03.zip" 입니다.
직접 수정하시려면 다음 코드를 style.css의 542 라인 정도에 추가하시면 됩니다. ^^
#sidebar .tagbox { padding:0 10px 0 10px;}
* 2008년 07월 04일 09시: "블로그 제목" 부분의 너비가 300 픽셀로 고정되어 있어 제목이 길어질 경우 하단으로 떨어지는 것을 수정하였습니다. 수정된 CSS 파일을 포함하여 파일을 다시 올렸습니다.
직접 수정하시려면 style.css의 154 라인의 width 값을 기존 "300px"에서 "75%"와 같이 적정 넓이로 변경하시면 됩니다.
width: 75%;
Posted by Mr.朴