서브메뉴

콩바구니 스킨 2008년 10월 (TextCube1.7.5)

by 콩바구니

사용자 삽입 이미지

오랬만에 새로운 스킨을 만들었습니다. 저번스킨에서, 스크립트 이곳저곳을 뜯어고치고, 디자인을 조금 손본 것입니다.

이 스킨의 특징은 다음과 같습니다.

스킨의 특징

웹표준을 준수합니다. 따라서, 파이어폭스 , 사파리 , 오페라 , 구글크롬  등의 브라우저로 접속하시면, 제가 의도한 기능이 100% 구현 됩니다.
익스플로러는 조금 깨집니다... (그나마 익스플로러8은 좀 났더군요.그래도 완벽하지는 않습니다.)

이번 스킨에서 익스플로러 6 지원을 포기했습니다. 그렇더라도 익스플로러 6에서 접속이 불가능한것은 아닙니다. 컨탠츠로 접근에 무리없습니다. 단지 그뿐입니다.

자동목차 생성기능

  • 지원 브라우저 : (ie6 50%, ie7, ie8, firefox, safari, opera, chrome)

오른쪽 상단을 보면 open-content.jpg 요로코롬 생긴 버튼이 있습니다. 제목태그인 <H1>~<H6> 까지의 태그에 대한 정보를 자바스크립트에서 읽어들어서, 그 INDEX 를 생성하는 기능입니다. 이 버튼을 누르면 페이지 전채의 구조를 한눈에 볼수 있습니다.

content.jpg <- 이런식의 목차가 생성됩니다. 목차안의 내용은 전부 책갈피 기능을 하는 하이퍼링크라서, 원하는 위치로 바로 이동할수 있습니다.

익스플로러6이상 작동합니다. 

Color Theme

  • 지원 브라우저 : (ie8, firefox, safari, opera, chrome)

5가지 색상의 태마로 변신합니다.

color-Theme.jpg

오랜지, 청색, 분홍색, 회색, 녹색, 무작위 선택의 6가지 옵션이 있습니다.

익스플로러8 이상에서 정상작동합니다.

풍선도움말 

  • 지원 브라우저 : (ie7 50%, ie8 80%, firefox, safari, opera, chrome)

alttitle 속성을 읽어와서 말풍선으로 나타납니다. 팬시툴팁 이라고 할까요.

풍선도움말01.jpg

title 이 있으면 이렇게 나오고,

풍선도움말02.jpg

alt 가 있으면 이렇게 나옵니다.

익스플로러7이상 동작합니다. 익스플로러 7에서는 말풍선의 레이아웃이 조금 깨지는 현상이 보입니다. 좌표도 많이 어긋납니다. 익스플로러8에서는 가로좌표가 어긋나는 현상이 있습니다.

자동각주 기능

  • 지원 브라우저 : (ie6 80%, ie7, ie8, firefox, safari, opera, chrome)

<abbr title="용어설명">전문용어</abbr>

본문중에 이러한 마크업이 있으면, 그것을 정리하여 하단에 각주를 그 위치로 가는 하이퍼링크와 함깨 생성합니다. 이 기능은 익스플로러 6에서도 작동합니다.

자동각주.jpg

사이드바 접는 기능

  • 지원 브라우저 : (ie7, ie8, firefox, safari, opera, chrome)

사이드바-접는-버튼.jpg 이렇게 생긴 버튼을 눌러서 사이드바를 접거나 펼칠수 있습니다. 익스플로러7에서는 잘 작동하지만, 익스플로러8에서는 한번접히면 다시 안펴지는 버그가 있습니다. 아마 배타버전이라서 그런듯 합니다. 호환성뷰모드로 가서 펼치면 접혀진 사이드바를 다시 펼칠수 있긴 합니다. 이 기능은 익스플로러6이하는 지원하지 않습니다.

미투데이 포스팅 지원

  • 지원 브라우저 : (ie6, ie7, ie8, firefox, safari, opera, chrome)

미투데이에서 블로그로 보내온 글에 포함된 하이퍼링크의 대상을 동적으로 생성된 IFRAME에 담아서 띄우는 기능이 있습니다.

익스플로러6이상 지원합니다.

테이블 정렬

  • 지원 브라우저 : (ie6, ie7, ie8, firefox, safari, opera, chrome)

스프링노트에서 만들어진 테이블 (class 값이 "datatable"인 colspan, rowspan 이 없는 table)을 TD의 값에따라 오름차순 혹은 내림차순으로 정렬하는 기능이 있습니다. 익스플로러6이상 지원합니다. (관련글 : 자바스크립트 테이블 정렬 )

다운로드

http://kongbaguni.com/tc/entry/콩바구니-스킨-2008년-10월-ver-90 

이 글은 스프링노트 에서 작성되었습니다.

2008/10/22 02:38 2008/10/22 02:38
Rated 4.22/5 (84.44%) (9 Votes)
받은 트랙백이 없고   3개의 댓글이 있습니다.
이 글의 댓글/트랙백 RSS : http://www.textcube.org/theme/rss/response/847
이 글의 관련글(트랙백) 주소 : http://www.textcube.org/theme/trackback/847