서브메뉴

[TC 스킨] mulder21c_dot_whity v 2.0

by 멀더끙

미리보기

실제 제 블로그에 적용된 모습이기 때문에 올려놓은 스킨에는 없는 부분도 약간 있습니다.





이번에 제 블로그 개편하면서 기존에 사용하던 스킨을 새로 구성했습니다.
IE 8.0 , FF 3.5, Safari 4.0, Opera 10, Chrome 3.0 에서 테스트 되었습니다.
기존 스킨보다 웹 표준을 좀 더 준수하고 웹 접근성을 조금 더 향상시켜 놓았습니다.
(XHTML 1.0 Strict, CSS 2 권고안에 맞추었습니다.)


적용 가능 Interner Explorer 버전

IE 8.0에 맞추어 제작 되었기 때문에 IE 6.0에서는 레이아웃이 깨질 수 있으며
IE 7.0 이하 버전에서 사용시 사이드바에

사용자 삽입 이미지


이 배너가 나타나며, 얼럿으로 IE 8.0으로 업그레이드 할것을 공지합니다.
(Save The Developers 캠페인에 적극 동참하고 있는 지라.. =ㅁ= ;; )


최적화 해상도


1024 * 768 해상도 사용자가 점점 줄고 있는 것을 감안하고
3단 스킨에의 컨텐츠 영역의 가로나비를 충분히 주고자
1280 * 1024 해상도에서 최적화 시켰습니다.


Skin Specification

전체 가로나비 : 1030px
컨텐츠 영역 가로나비 : 560px
사이드바 영역 가로나비 : 200px
사이드바 컨텐츠 영역 : 180px


스킨 적용시 반드시 수정해야 하는 부분

1. Script 폴더의 script.js 파일 36번째 줄
var tmp = "http://mulder21c.com/skin/mulder21c/image/ " + src;
이부분에서 "http://mulder21c.com" 이 부분을
사용자의 텍스트큐브 주소로 수정하셔야 합니다.

2. Skin.html 파일 52번째 줄
<img src="./image/male.gif" alt="male" class="icon" />  (+) 1982. 01. 17
여기서 (+) 1982. 01. 17 이 부분을
본인의 생일로 수정하셔야 합니다.
물론 그냥 삭제하셔도 무방합니다 ^^
(reporting 해주신 김기범님 감사합니다~ ^^)

3. Skin.html 파일 363번재 줄
<a href="[##_article_rep_link_##]" >http://www.mulder21c.com[##_article_rep_link_##]</a>
여기에서 http://www.mulder21c.com  이 부분을
사용자의 텍스트큐브 주소로 수정하셔야 합니다.

사용자 삽입 이미지

글 제목 아래 보이는 포스트 URL을 보여주는 부분입니다.

4. Skin.html 파일 611번째 줄 ~ 615번째 줄
이 부분은 Footer 영역입니다.
수정하지 않고 그냥 쓰셔도 무방하나,
CCL 부분은 사용자께서 원하시는 Type으로 변경 하시는 것이 좋습니다. ^^



Q & A 및 오류 신고

본 글에 보다는
http://mulder21c.com/211 
댓글로 남겨주시면 되겠습니다.
(텍큐 스킨 게시판은 제 방문 횟수가 현저히 낮습니다 =ㅁ= ;; )


오류 Report

2009. 11. 13
FF, Safari 등으로 볼 때 맨 아래 CCL이 들어가는 Footer 부분이
페이지 상위에 나타나는 현상이 발견되어 수정조치 했습니다.
이전에 스킨을 다운 받으신 분은
style 폴더의 style.css 파일 655번째 줄
#footer 부분에
clear : both;
한 줄을 추가해 주시면 되겠습니다.
2009/11/05 17:08 2009/11/05 17:08
Rated 4.57/5 (91.43%) (7 Votes)
받은 트랙백이 없고   10개의 댓글이 있습니다.
이 글의 댓글/트랙백 RSS : http://www.textcube.org/theme/rss/response/897
이 글의 관련글(트랙백) 주소 : http://www.textcube.org/theme/trackback/897