블루큐브 v1.3 - 티스토리 스킨
스킨
2010. 6. 2. 20:41
CSS3!
Comportable Supreme Stylesheets 3 (??)
라임* | 플레인* | 기본* | 바이올렛* | |
2단 (skin_2column.html, style_2column.css |
950 | 1010 | 950 | 920 |
3단 (skin.html, style.css) |
1165 | 1225 | 1165 | 1105 |
본문 영역 |
690 | 750 | 690 | 690 |
잠깐!! 받아가시기 전에 일단 아래의 문장들을 한번만 확인해주셨으면 하는 바람입니다.
이 스킨을 사용하기 위한 준비물 - 별로 많지 않습니다.
- IE(인터넷 익스플로러)가 아닌 브라우저를 사용하십니까?
구글 크롬, 모질라 파이어폭스, 애플 사파리, 오페라 브라우저 같은 웹표준을 준수한 브라우저들을 말합니다. 이런 브라우저들을 사용해서 제작한 스킨이므로, 사용할 때에도 꼭 필요한 준비물입니다.
이젠 아예 IE6,7이건 IE8이건 버리는게 낫습니다! (IE9가 나온다면 모르겠지만) 아직도 IE를 쓰는데 이 스킨을 쓰고 싶으시다면 IE가 아닌 브라우저로 갈아타 주세요!
(가장 추천)구글 크롬 다운로드 / 파이어폭스 다운로드 / 사파리 다운로드 / 오페라 다운로드
- 나눔글꼴
별것 아닌 스킨이지만 많은 종류의 폰트를 사용하는 스킨입니다. 없어도 상관 없지만, 나눔고딕(다운로드 링크)은 반드시 가지고 있어야 합니다.
- 절제된 탐구심
부디 skin.html이나 style.css를 무리하게 수정하지 말아주세요.
손가락으로 툭 치면 쓰러질 것 같은 아슬아슬한 모래탑이라, 조금의 코드 수정으로 블로그 전체가 박살날 수도 있습니다.(뻥) 스킨 전문가이시다면 모르겠지만, 거슬리는 점이 있으면 제게 문의해 주세요. 빠른 시간 내에 수정해 드리겠습니다.
- 기본적인 개념
여러가지 의미의 개념을 말합니다. 스킨을 블로그 관리에서 올려서 사용할 수 있는 지식, 또다른 뜻으로는 index.xml을 마음대로 수정해서 제작자를 조작하거나 하지 않는 것 등입니다.
모든 준비가 되셨다면 사용해 주셔도 좋습니다. 감사합니다. 꾸벅
이 스킨의 기본형은 3단입니다. 고로 2단 적용하는 방법은:
이 스킨의 기본형은 3단입니다. 고로 2단 적용하는 방법은:
skin_2column.html과 style_2column.css 파일을 각각 skin.html, style.css로 이름을 바꿔서 업로드하면 됩니다.
- CSS3의 수용(收用)
CSS3 기술인 border-radius와 text-shadow를 사용했습니다.
그래서 images 폴더의 길쭉한 이미지는 이로서 전부 사라졌습니다.
구글 크롬, 모질라 파이어폭스, 애플 사파리, 오페라 브라우저에서는 사람좋은 둥글둥글한 모습을 감상하실 수 있습니다.
- 가로 폭 조정
전체적으로 모든 색상의 가로 폭을 6~7px 늘렸습니다. IE6 이하에서 content 부분이 밑으로 푹 꺼져버리는것은 아무래도 아니다 싶어 여유를 두기 위함입니다. 아주 영문도 모르게 6~7px 좁아진 걸 가지고 무슨 좁은 병목에 낀 고무공마냥 밑으로 쑥 빠지는게 매우 불가사의합니다. IE6.
- 플레인 색상 와이드화
바이올렛이 좁은 스킨인것처럼 플레인은 넓은 스킨으로 만들었습니다. 다른 스킨보다 본문영역이 60px 넓습니다.
- 바이올렛 색상 완화
눈아프다는 분이 계셔서 좀 연하게 했습니다.
- 둥글게 만들 수 없던 것을 둥글게 만들다. CSS3 덕분입니다.
포스트 밑부분의 "이 카테고리의 다른 글 보기"와 글 본문에 삽입한 글상자는 자동으로 둥글게 표시됩니다.
마음에 안 드시면 CSS를 직접 수정해 주세요. 망가져도 몰라요.
- 자잘한 디자인 수정
- Arial Black 폰트를 버렸습니다. 전부 Segoe UI로 대체했습니다.
- 푸터 부분의 메뉴가 티에디션에서만 이상하게 보이길래 수정하려고 봤더니 전혀 고칠 수가 없음. 그래서 그냥 없애버리고 대신 스킨 정보 같은 것을 짤막하게 한 줄 넣었습니다.
- 상단의 블로그 메뉴를 수정했습니다.
- 카운터는 모든 색상에서 플레인 스타일로 나옵니다. 귀찮아서 다 똑같이한건 아닙니다.