서브메뉴

[TC1.8] HTML5 + CSS3 스킨 nave

by 멀더끙

스크린샷

HTML5 + CSS3 로 구성된 nave 스킨


2011. 02 .16 오전 12시반 부로 스킨이 수정되었습니다 ㅠㅠ
기존 사용자 분들께서는 맨 아래 스킨 수정 내역을 확인하시고 필요한 부분을 수정하시면 되겠습니다.
불편을 드려 죄송합니다 ㅠㅠ

정말 오랜만에 스킨을 새로 만들었네요 ㅎㅎ
만들기 시작한지는 한달이 훨씬 넘었는데 야근이다 뭐다 해서 작업이 너무 더뎠습니다 ㅋ
 
 
※ 스킨 설치 방법
 
첨부된 파일을 다운받으셔서 압축을 푸신 후
HTMLChar_decode 폴더는 플러그인 폴더에 업로드 하시고,
nave 폴더는 스킨 폴더에 업로드 하시면 됩니다.
 
 
※ 스킨 특징
 
이번 스킨은 HTML5와 CSS3를 이용해서 만들어 이미지가 거의 들어가지 않고 모든 디자인을 CSS3로 해결 했습니다. ^^ㅋ
 
웹표준을 준수해서 만들면서 (얼마나 제대로 시멘틱하게 구조화 시켰는지는 확신할 수 없는... ㅠ_ㅠ ) 최신의 대부분 브라우저에서 동일한 렌더링을 지원할 수 있게끔 구현해 두었습니다.
IE 7.0, 8.0, FF 3.6 , Chrome 1.5.2, Safari 5.0, Opera 11.0 에서 테스트 되었습니다.
(단, IE의 경우 자바스크립트 라이브러리로 렌더링 하기 때문에 로딩이 조금 걸립니다.)
또한, IE 8.0 미만 버전으로 접속 할 경우 8.0 이상 버전으로 업그레이드 하라는 문구가 나오도록 되어 있습니다.
 
각종 SNS 버튼들을 포함하여 트위터, 페이스북, 미투데이, 요즘 으로 글을 내보낼 수 있고, LiveRe 서비스를 이용하여 소셜 덧글 기능을 포함하고 있습니다.
(단, 소셜덧글 기능을 사용할 시에는 1페이지 당 글 1개만 띄워지도록 설정 필요)
 
덧글 및 방명록에는 네이버 스마트 에디터를 장착(?)하여 첨부된 HTML decode 플러그인과 에디터를 이용한 덧글 및 방명록 작성이 가능하여 덧글/방명록에 이미지 등을 보이게 끔 할 수 있습니다.
스마트 에디터를 사용시에는 반드시 첨부된 플러그인을 사용해야 합니다.
스마트 에디터 사용의 제한이 있다면, 한번 입력 후에는 새로고침을 해야만 입력 할 수 있다는 것이구요 .. ;; 스마트 에디터 사용시 말풍선으로 안내가 되도록 되어 있습니다.
 
스킨을 좀 더 쉽게 커스터마이징 하실 수 있도록 실 사용되는 파일 외 주석처리된 파일을 함께 제공해 드리고 있습니다. (skin_ref.html, script.js, style.css)
 
 
 
※ 사용시 반드시 수정해서 써야 하는 부분
skin.html 중

SNS 버튼 및 라이브리(소셜 덧글) 부분에
[도메인], [트위터 계정] 부분을 반드시 각 설명에 맞는 주소로 변경하셔야 하며
 
 
script.min.js 중
 
[스킨 주소] 부분을 변경 하셔야 합니다.
 
 
skin.html => skin_ref.html 참조
script.min.js => script.js 참조
 
라이브리 소셜 덧글 사용을 위해 블로그 설정 중
설정 > 블로그 > 블로그 공개 정책 설정 중
글 주소를 숫자로 사용하셔야 정상적으로 사용 가능합니다.
(문자로 사용하니까 이상한 덧글까지 가져오더라구요 ;;;; )
 
 
기타 자세한 사항은 skin_ref.html 에 있는 주석을 확인해보시면 되며
적용된 페이지는 http://www.mulder21c.com 에서 확인 가능합니다.
 
자세한 문의는 webmaster@mulder21c.com 으로 메일 주시거나,
제 블로그로 문의 주시면 되겠습니다. ^^



* 수정 안내
2011년 2월 6일 오후 10시 반 이전에 받으신 분들은 새로 다운 받아 주세요 ㅠ_ㅠ
IE conditional code 및 최근 글, 최근 덧글, 링크 부분을 수정되었습니다.


2011.02.10 (v 1.0.1)
skin.html, skin_ref.html, style.css, style.min.css 수정
- 덧글에 네이버 스마트 에디터 일부 작동 안하는 버그 수정
- 카테고리 사이사이에 빈 줄 나타나는 현상 수정
2011.02.16 (v 1.0.2)
skin.html, skin_ref.html, style.css, style.min.css 수정
- 방명록 글을 감싸고 있는 <p>를 <div>로 변경
<p class="gstDesc">...</p> => <div class="gstDesc">...</div>
<p class="gstRepDesc">...</p> => <div class="gstRepDesc">...</div>
- 방명록에 글 줄바꿈이 안되는 현상 수정
#guestList .gstDesc와 #guestList .gstRepDesc에
white-space : normal;
word-break:break-all;
추가
- more...less에 화살표 아이콘 추가
.moreless_fold {}
.moreless_top {}
.moreless_body {}
.moreless_bottom {}
부분 수정
   
2011/02/06 04:18 2011/02/06 04:18
Rated 4.09/5 (81.82%) (11 Votes)
받은 트랙백이 없고   9개의 댓글이 있습니다.
이 글의 댓글/트랙백 RSS : http://www.textcube.org/theme/rss/response/936
이 글의 관련글(트랙백) 주소 : http://www.textcube.org/theme/trackback/936