http://www.mulder21c.com/211

미리보기

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

 
mulder21c_dot_whity_v2.0(수정).zip


이번에 제 블로그 개편하면서 기존에 사용하던 스킨을 새로 구성했습니다.
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 이 부분을
본인의 생일로 수정하셔야 합니다.
물론 그냥 삭제하셔도 무방합니다 ^^
 
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 및 오류 신고

덧글로 남겨주시면 확인 후 답변 드리도록 하겠습니다~

 
오류 Report

2009. 11. 13
FF, Safari 등으로 볼 때 맨 아래 CCL이 들어가는 Footer 부분이
페이지 상위에 나타나는 현상이 발견되어 수정조치 했습니다.
이전에 스킨을 다운 받으신 분은
style 폴더의 style.css 파일 655번째 줄
#footer 부분에
clear : both;
한 줄을 추가해 주시면 되겠습니다.
"블로그" 카테고리의 다른 글
Posted by 멀더끙
tag 태그 :: 이올린 태그검색티스토리 태그검색, 이올린 태그검색티스토리 태그검색, 이올린 태그검색티스토리 태그검색,
이 포스트가 유익하셨다면 널리 퍼뜨려 주세요
트위터에 RT 보내기 미투데이로 글 보내기 페이스북으로 글 보내기 addthis로 공유하기
트랙백이 달랑 하나 있습니다. :: 댓글( 6 )
트랙백 주소 :: http://www.mulder21c.com/trackback/211
2009.11.19 11:37 JavaScript를 사용하여 link 목록 간소화
半長의 생각들과 기타 잡스러운...

JavaScript에는 완전히 잼병이라 JavaScript를 이용해서 메뉴를 간소화시킨 블로그를 방문할 때면, 많이 부럽다는 생각을 해왔다. 그러다가 멀더끙 님이 mulder21c_dot_whity v 2.0 이란 Textcube용 스킨을 만드신 것을 알게 되었고, 이 스킨에서 앞서 언급했던 JavaScript를 활용한 메뉴 간소화 기능도 있는걸 발견했다. 바로 아래 이미지에 나온 기능 말이다. 클릭 전클릭 후 그래서 '이번에도 안되면 포기'라는...

:: :: 2009.11.13 11:57    김기범

스킨 잘 쓰고 있습니다^^
그런데 추가로 수정 부분이 skin.html 52번째 줄 생년월일도 각 사용자가 알아서(?)
수정해얄것을 명시해 줘야 될것 같네요.
적용시키고...어라 생일도 나오네? 어 내 생일 아닌데 뭐지 하고 잠깐 고민했었습니다^^;;

설마 멀더끙님의 생일을 널리 알려 선물을 받고자 하신거라면...안고치겠습니다!!

:: 2009.11.13 13:13    멀더끙

수정하였습니다 ^^;;;
깜박 빼먹었네요 ㅋ

:: :: 2009.11.19 11:36    其仁

스킨에 포함된 JavaScript 함수 중 한 함수를 사용해서 제 블로그의 link 목록을 간소화했는데, 문제가 되면 바로 지우도록 하겠습니다.

아무튼, 문제 여부를 떠나 저에게는 유용한 정보가 많았기에 감사드립니다.

:: 2009.11.19 13:48    멀더끙

방금 블로그에 올리신 글 보고 왔습니다 ^^;
워낙 많이 사용되고 있는 스크립트라 문제 생기고 말것도 없어요 ㅋ
오히려 별것 아닌 스크립트를 소개해주시니 황송할 뿐입니다 =ㅁ= ㅋㅋ

:: :: 2010.06.16 22:42    호이

멀더끙님 스킨잘쓰고있어요! 너무너무 감사합니다
그런데 위에 블로그 카테고리의 다른글해서 썻던글로 이동시키는 곳이있는데
저걸 어떻게 지우시는지 아시나요? html창에서 계속 찾아봐도 찾을수가 없네요

:: 2010.06.22 00:22    멀더끙

블로그에 손을 못댄지가 오래되다 보니 덧글도 일주일 만에 확인하네요 ㅠ_ㅠ
제 포스팅 아래에 있는 "카테고리의 다른글"기능을 말씀하시는 듯 한데..
저건 스킨에 포함된게 아니라,
플러그인으로 보여주는 거랍니다 ^^;;;







◀ 이전페이지 | 1 | ... 42 | 43 | 44 | 45 | 46 | 47 | 48 | 49 | 50 | ... 161 | 다음페이지 ▶