콩바구니의 그림일기 ::

콩바구니 스킨 2008년 10월 ver 9.0

자작/블로그 스킨 2008/10/22 02:08

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

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

스킨의 특징

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

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

자동목차 생성기능

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

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

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

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

Color Theme

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

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

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

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

풍선도움말

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

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

풍선도움말01.jpg

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

풍선도움말02.jpg

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

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

자동각주 기능

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

본문중에 이러한 마크업이 있으면, 그것을 정리하여 하단에 각주를 그 위치로 가는 하이퍼링크와 함깨 생성합니다. 이 기능은 익스플로러 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이상 지원합니다. (관련글 : 자바스크립트 테이블 정렬)

다운로드

택스트큐브용 : kongbaguniSkin9.zip

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

Posted by 콩바구니

TAG CSS, JavaScript, XHTML, 블로그, 스킨, 웹표준, 택스트큐브

트랙백은 하나 , 댓글이 없습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/814

Subject: 콩바구니의 생각
Tracked from kongbaguni's me2DAY 2008/10/24 16:39 삭제
미투데이 블로그 글보내기 의 태그 때문에 블로그의 태그구름이 재미있어졌다. 최후통첩 좋아요 , 웰페이퍼 좋아하는 놈들, 헛소리 국사책 힘들다, 악플보다 스팸댓글, 총기탈취 강백호 못믿어요.... 이런식의 문장이 만들어진다.

댓글을 달아 주세요

콩바구니 스킨 2008년 7월 ver 8.1

자작/블로그 스킨 2008/07/06 17:17

오랬만에 스킨만들어 배포하네요.ㅎㅎ

티스토리, 테터툴즈에서 사용가능한 스킨입니다.

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

스킨의 특징

자동으로 생성되는 목차

자바스크립트가 제목태그를 검출하여 목차를 만들어줍니다. 익스플로러6이상. 파이어폭스. 사파리. 오페라. 에서 정상작동합니다.

간단한 라이트박스

가볍고 빠른 라이트박스 기능을 추가했습니다. 이미지를 클릭하면 원래크기의 이미지가 떠오릅니다.

출처 표시기능

인용구문에 대한 마크업인 <blockquote> 에 cite로 출처를 적으면 해당링크가 생성되는 기능이 있습니다.

마크업 사용예

<blockquote cite="출처">
<p>인용문</p>
</blockquote>

abbr 지원

각주를 사용할수 있습니다. 본문에 다음과 같이 마크업을 사용하면 하단에 그것에 대한 설명문이 자동으로 생성됩니다.

<abbr title="설명">어려운용어</abbr>

사이드바 접기

사이드바를 접고 펼수 있습니다.

모니터 해상도지원

모니터의 해상도에 상관없이 어떤 해상도의 모니터에서라도 블로그의 내용을 보는데 불편함이 없도록 고려했습니다.

스킨 미리보기

http://kongbaguni.mireene.com/style2/test.html

다운로드

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

Posted by 콩바구니

TAG CSS, XHTML, 블로그, 스킨, 웹표준, 테터툴즈, 티스토리

트랙백은 하나 , 댓글 2개가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/739

Subject: 콩바구니의 알림
Tracked from kongbaguni's me2DAY 2008/07/06 18:24 삭제
블로그 스킨 바꿨습니다.약 석달만에 리뉴얼(?)인데요. 이번 에는 기술적으로는 자바스크립트의 군살을 제거하는데 초점을 두었고, 디자인쪽으로는 그냥 노란색 을 테마로 삼았습니다.

댓글을 달아 주세요

Cz 2008/07/15 17:40 댓글주소 수정/삭제 댓글쓰기
ㅎㅎ 심플 버젼 잘 보았어요. 좀 수정해서 사용 해도 괜찮을까요?
- 콩바구니 2008/07/19 02:41 댓글주소 수정/삭제
  물론이죠 ㅎㅎ

콩바구니 스킨 2008년 3월 ver 7.0

자작/블로그 스킨 2008/03/15 00:50

Download :kongbaguniSkin7.zip

콩바구니 스킨 7.0 입니다. 6.0 버전의 것에서 레이아웃을 손보고, 큰 그림을 없애서 여러모로 무거웠던 전번스킨보다 많이 가벼워졌습니다.

통상 25번째 스킨이네요. ㅎㅎ

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

스킨의 특징

웹표준을 준수합니다.

이 스킨은 xhtml1.1 을 준수합니다. w3c의 유효성검사도 통과했습니다.

파이어폭스, 사파리, 오페라 에서 접속하시는것이 좋습니다. 물론. 익스플로러에서 접속하셔도 큰 문제는 없습니다.

새창띄우기를 금지합니다.

스킨상에서 대부분의 링크의 새창띄우기는 없앨수 있지만. 댓글을 쓰거나 할때 생성되는 링크가 문제입니다. 티스토리측에 문의해본적도 있었지만. 부정적인답변만 들었습니다. 그래서 어쩔수없이 자바스크립트를 사용하여 강제로 새창띄우기를 지우는데 이른것입니다. 하지만. 익스플로러가 setAttribute 를 지원하지 않는 관계로, 익스플로러에서는 해당링크가 새창띄우기로 작동하게 됩니다. 따라서 이 기능은 파이어폭스, 사파리, 오페라에서 작동합니다.

새창띄우기 링크는 사용자의 선택성을 저해하기때문에 (해당링크를 새창으로 띄울지, 현제창에서 띄울지, 새탭으로 띄울지 선택할수 없습니다.) 저는 매우 불편하다고 생각하고 있습니다.

에드센스를 위한 단을 마련했습니다

skin.html 의 515번째 줄을 보면

이런 내용이 있습니다. 앞뒤의 주석표시  을 제거하고, 광고코드를 삽입하면 됩니다. 수정없이 그대로 사용하시면 이 스킨은 2단 레이아웃으로 작동합니다.

자동목차생성 기능

6.0버전에서 투입했던 자동목차생성 기능이 이번스킨에도 작동합니다. h1~h6 태그로 재목을 넣으면 자바스크립트가 그 재목을 읽어서 해당위치로 바로가는 링크를 만듬니다. 좌측 상단의 open content 버튼이 바로 그것입니다.

PictureBox

본문에 그림이 있으면 그것을 모아서, 사이드바의 상단에 보여주는 기능입니다. 이번버전에는 전부 6개까지 무작위 추출하여 보여주게 됩니다.

낙장불입

손님은 한번 단 댓글을 수정하거나 삭재할수 없습니다. 이른바 낙장불입 인셈입니다. 미투데이의 낙장불입정책에 큰 감명을 받아서, 블로그에도 적용해본것이라죠.

미투데이 포스팅을 위한 스타일 지원

미투데이의 블로그 글배달을 받으면. 스킨에서 그것을 이쁘게 꾸며줍니다. 스프링노트의 포스팅을 위한 스타일도 준비되어있습니다.

스킨 미리보기

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

Posted by 콩바구니

받은 트랙백이 없고 , 댓글이 없습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/694

댓글을 달아 주세요

콩바구니 스킨 2008년 3월 ver 6.0 - Gold Fish

자작/블로그 스킨 2008/03/02 05:01

Download: kongbaguniSkin6-goldFish.zip

콩바구니스킨 2008년 3월차 버전입니다. 이스킨은 티스토리, 테터툴즈, 텍스트큐브 에서 사용가능합니다.
이스킨의 특징은 다음과 같습니다.
- 낙장불입 손님은 댓글을 달면 수정, 삭재를 할수 없습니다. 댓글을 달때 신중하게 생각하고 달자는 켐페인이랄까요?
- 동적으로 생성되는 목록오른쪽 상단에 목록열기 버튼이 있습니다. 이것을 누르면 본문의 제목태그를 검색하여 만든 바로가기 링크목록 이 열리게 됩니다. 목차 인셈입니다.
- PictureBox 본문에 그림이 있는경우 그중 몇장을 무작위로 뽑아서 그것의 썸네일을 화면의 오른쪽 하단에 배치하는 기능입니다. 그림을 클릭하면 라이트박스로 원래크기의 그림이 뜨게 됩니다.
- 움직이는 태그구름 태그구름이 움직입니다. 태그구름이 움직이는 방향과 속도를 조절할수 있습니다. 익스플로러에서는 작동하지 않습니다.
- 움직이는 카테고리 카테고리에 마우스가 올라가면 간단한 애니메이션 효과가 나옵니다. 이것역시 익스플로러에서는 작동하지 않습니다.
- 멀티백그라운드 CSS3스팩인 멀티백그라운드가 적용되었습니다. 이효과는 아직은 사파리에서만 사용가능합니다.
- 라이트박스2.0 라이트박스 2.0을 티스토리블로그에서도 사용가능합니다. 티스토리에서 제공하는 라이트박스 플러그인은 이것을 위해 꺼주셔야 합니다.
- XHTML1.1 이 스킨은 웹표준을 준수합니다.
- 새창띄우기 금지 새창띄우기 링크는 사용자의 선택성을 제한하는 이유때문에 바르지 않다고 생각합니다. 새창띄우기 링크로 인해 사용자는 해당링크를 현재창에서 띄운다는 선택을 할수 없게 됩니다. 바람직한 링크는 사용자가 그 링크를 현재창에서 볼지, 새탭에서 볼지, 새창에서 볼지 선택할수 있는 링크입니다. <a href="주소">링크이름</a> 로 충분합니다. 그런데 티스토리블로그에는 스킨상에서 새창띄우기를 완전히 없에는것이 불가능합니다. 댓글에 URL 주소를 입력했을경우 나타나는 링크가 그러한데요. 이것의 새창띄우기 속성을 자바스크립트로 제거하였습니다.
- 주인장 코멘트 식별 티스토리블로그에서 제공하지 않는 기능인 주인장 코멘트 식별 기능을 자바스크립트로 구현. 티스토리에서도 주인장의 코멘트를 구별할수 있게 하였습니다. 이 기능을 사용하기 위해서는 images/java.js 파일의 189번째줄에 다음 밑줄친 부분을 자신의 블로그 주소로 수정해주셔야 합니다.
1. if (temp[0].parentNode.childNodes[1].childNodes[0].getAttribute("href") == "http://kongbaguni.tistory.com")

스킨 미리보기

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

Posted by 콩바구니

TAG CSS, goldfish, XHTML, 금붕어, 스킨, 콩바구니, 테터툴즈, 텍스트큐브, 티스토리

받은 트랙백이 없고 , 댓글 2개가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/687

댓글을 달아 주세요

도트 2008/03/02 17:39 댓글주소 수정/삭제 댓글쓰기
오오 댓글 수정 불가!
멋진데요? 흐흐…;
- 콩바구니 2008/03/05 04:41 댓글주소 수정/삭제
  그렇죠? ㅎㅎ

콩바구니 스킨 2008년 1월 ver 5.0 (녹색피아노)

자작/블로그 스킨 2008/01/08 17:55

웹표준을 준수하는 콩바구니 티스토리스킨. 2008년 1월자 버전입니다. 어느덧 5.0이네요. 뭐 제맘대로 붙인 버전이긴 하지만요. ㅎㅎ
이번 테마는 녹색 피아노 입니다.ㅎㅎ 레이아웃은 지난번의 그것과 크게 다르지 않습니다.
이 스킨은 파이어폭스. 사파리. 오페라. 넷스케이프. 등에서 좋구요. 익스플로러는 7 이상에서 90%. 익스플로러6 이이나 익스플로러 5.5는 70%정도 익스플로러 5 이하는 접속불가능입니다. 각종 브라우저 에서 테스트를 해봤는데 결과는 다음입니다.

테스트 결과보기

kongbaguni-piano5_0.zip

스킨 다운로드

본 스킨은티스토리. 테터툴즈. 텍스트큐브 에서 사용가능합니다. 배포용스킨의 미리보기는 여기서 보실수 있습니다.

Posted by 콩바구니

받은 트랙백이 없고 , 댓글이 없습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/660

댓글을 달아 주세요

콩바구니 스킨 2007년 11월 ver 4.3 (부제: 나비 와 공책)

자작/블로그 스킨 2007/11/15 01:58

콩바구니 테터툴즈 스킨 시리즈. 4.0 버전입니다.

이번 버전에서는 검정색 바탕을 버리고. 밝은 느낌으로 작업해보았습니다.
그리고..
익스플로러에서 접속시 자바스크립트 에러가 나던 문제를 해결했습니다. 에러가 있어도 사용에 문제는 없었지만.. 아무레도 신경쓰였거든요.

이번 스킨은 나비와 애벌래 그리고 공책을 주제로 꾸며본것입니다.
뭔가 주제가 있어서 그런지는 몰라도 왠지 좋아보이지 않나요? ㅎㅎ

본 스킨은 미투데이 포스팅을 위한 CSS가 삽입되어있습니다. 미투데이에서 블로그로 자동 포스팅을 하면.
이와같이 포스팅 됩니다.

이 스킨은 티스토리, 테터툴즈, 텍스트 큐브에서 사용가능합니다.

이스킨에는 외부링크를 알아서 판별하여 표시해주는 기능이 있습니다. 자신의 도메인이 .com 이거나 .kr 인경우 는 상관없지만. 그렇지 않은경우 image/java.js 를 수정해주셔야 합니다. 어려운것은 아니고. java.js 파일의 120번째줄에 주석표시 // 을 지우고 자신의 도메인을 입력하시면 됩니다.

아. 배포용의 스킨에는 광고코드를 위한 CSS와 광고코드등을 뺐습니다.
배포용 스킨이 어떤모습인지 궁금하시면 여기 로 와주세요.

추신: 티스토리에서 사용시 미디어로그의 레이아웃이 깨지는 문제가 있습니다. 저로서는 도무지 이유를 모르겠네요. 그래서 저는 미디어로그를 사용하지 않고 있습니다. ㅎㅎ

kongbaguni_skin_4_0_nabinote.zip

kongbaguni_skin_4_1_nabinote.zip

kongbaguni_skin_4_2_nabinote.zip

kongbaguni_skin_4_3_nabinote.zip

Posted by 콩바구니

TAG CSS, XHTML, 블로그 스킨, 스킨, 테터툴즈 스킨, 티스토리 스킨

받은 트랙백이 없고 , 댓글이 없습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/633

댓글을 달아 주세요

콩바구니 스킨 2007년 10월 ver 3.3 (고대비,Pink)

자작/블로그 스킨 2007/10/05 12:04

웹표준을 준수하는 콩바구니스킨 Black Stons 시리즈 3번째입니다. 이번스킨은 그림파일을 적게 사용한것이 특징입니다. 그래서 용량이 무척 작습니다.

저는 새창띄우기를 무척 싫어합니다. 그래서 /images/java.js 에 티스토리의 새창띄우기 링크의 onclick값을 지우는 스크립트를 작성하였습니다. 이스크립트 때문에 익스플로러6에서 에러가 납니다만.. 사용하는데 지장은 없습니다. 혹 새창띄우기 를 없에는이 싫으신분은 해당파일의 23번째줄의 다음내용을 삭제하면 되겠습니다.

23 addLoadEvent(element_edit);

본스킨은 외부링크를 표시해주는 기능이 있습니다. 이기능은 익스플로러의 경우 6.0 이하의 버전에서 작동하지 않습니다.
원리는 간단합니다. 절대경로로 주소를 입력하면 외부링크로 인식합니다. 다만. 자신의 블로그 내부의 주소를 절대경로로 입력하는경우를 가려내는 절차가 필요한데. 그것을 위해서 images/java.js 에 주소표시줄의 주소에 따라 절대경로로 입력해도 내부경로인지 외부경로인지 자동으로 판단하는 스크립트를 넣었습니다. 이 스크립트는 도메인주소가 [.com] [.tistory.com] [.kr] 의 경우만 작동합니다. 다른주소의 경우 images/java.js 의 110번째줄 의 주석을 제거하고 그자리에 자신의 도메인명을 입력하면 됩니다.

예) 주소가 kongbaguni.net 일경우

110 // homesite = "도메인"

이것을

110 homesite = "kongbaguni"

이렇게 고쳐줍니다.

다운로드

kongbaguni_blackston_3.zip

kongbaguni_blackston_3_1.zip

kongbaguni_blackston_3_2.zip

kongbaguni_whitepink_3_2.zip

kongbaguni_blackston_3_3.zip

kongbaguni_whitepink_3_3.zip

업데이트 현황

3.1 약간의 디자인 개선.
3.2 비밀댓글.관리자 댓글. more... 등에 대한 스타일 추가.
3.3 가운데 정렬 이미지블록 사용시 그림이 오른쪽의 배너광고 아래로 내려가는 현상 해결.

TAG CSS, XHTML, 스킨만들기, 스킨제작, 테터툴즈 스킨, 티스토리 스킨

받은 트랙백이 없고 , 댓글이 없습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/581

댓글을 달아 주세요

콩바구니 스킨 2007년 7월 ver 2.0 (고대비)

자작/블로그 스킨 2007/07/17 21:55

또 만들었습니다. 이번에는 링크에 자바스크립트로 특별한 효과를 줘봤는데요... 링크가 꿈틀꿈틀 움직입니다. 아쉽게도 그기능은 익스플로러에서는 안되구요... 파이어폭스. 사파리. 오페라에서 작동합니다.

또 티스토리에서 새창으로 띄우는 링크가 너무 싫었거든요. 그래서 그것도 자바스크립트로 뜯어고치도록 했습니다. onclick 이벤트가 있는경우 해당 이벤트를 삭제하시오. 라는 내용의 명령문을 적었다지요 ㅎㅎ

Ie6, Ie7, 파이어폭스. 오페라, 사파리에서 테스트를 했구요. 사용에 무리가 없다고 판단해서 이참에 배포할까 합니다.

궁금하신점은 아래 댔글로 달아주세요. 답변해드리겠습니다. :)

그나저나 모기 정말 귀찮네요... ㅠㅠ

kongbaguni-puzzle.zip

Posted by 콩바구니

TAG CSS, DOM, 스킨, 스킨제작, 테터툴즈 스킨, 티스토리 스킨

받은 트랙백이 없고 , 댓글이 없습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/536

댓글을 달아 주세요

콩바구니 스킨 2007년 7월 ver 1.2 (고대비)

자작/블로그 스킨 2007/07/02 23:11

요즘 일과후에는 계속 스킨만 만드는군요.
처음으로 고대비 스킨을 만들어봅니다.
검정 배경에 눈이 편한 스킨입니다. 링크안에 들어간 그림은 반투명하게 나옵니다. 마우스가 올라가면 밝아집니다. 마치 불이 켜지는듯한 효과를 노렸습니다. ㅎㅎ

이스킨은 가로 600px에 최적화 되어있으며.
skin.html 파일을 열어서 적절하게 수정하면 본 블로그에 있는 겔러리를 티스토리에서 구현하실수 있게 됩니다.
배포용의 소스에는 티스토리전용의 미디어로그와 겔러리 메뉴가 주석처리되어있습니다. 스킨을 수정하는방법은 http://kongbaguni.com/518 를 참고하십시오.

본스킨은 웹표준을 준수합니다. 그리고 일부 CSS3표현식이 사용되었습니다. 투명도를 지정하는 opacity인데요. 현제 웹표준을 지원하는 브라우저에서는 이것을 지원하지만 아쉽게도 익스플로러에서는 지원하지 않습니다. filter:alpha(opacity=00)가 있긴하지만 사용에 제한적입니다. - 일부 테그에서는 이 투명도가 적용되지 않습니다. 투명도의 상속효과도 없습니다. - 따라서 익스플로러에서는 제가 의도한 디자인을 100% 살리지 못하고 있습니다.

익스플로러에서도 사용가능하긴 하지만..
파이어폭스, 사파리 등에서 접속하시면 2배는 더 나은 화면을 볼수있다는 것입니다. ㅎㅎ

덧) 오페라에서는 약간 레이아웃이 깨지는 현상이 있습니다. 블로그 메뉴부분의 스타일 적용에 문제가 있었듯한데. 익스플로러, 파이어폭스, 사파리에서 아무 문제없던것이 유독 오페라에서만 탈이니 이유를 모르겠네요. ㅠㅠ 해결했습니다. skin.html 에 문제가 있었군요. 아주 기초적인 실수를 했습니다. ㅠㅠ span 태그를 시작해놓고 닫는 태그를 빼먹은것입니다. .. 암튼 수정해서 다시 올립니다.

kongbaguni-BlackStons.zip

1.2 버전에서 달라진점
1. 로딩중 애니메이션을 추가했습니다.
2. 메뉴를 이미지파일로 대치했습니다.

kongbaguni-BlackStons1.2.zip

Posted by 콩바구니

TAG 스킨제작, 테터툴즈 스킨, 티스토리 스킨

받은 트랙백이 없고 , 댓글 4개가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/522

댓글을 달아 주세요

썬샤인 2007/06/17 01:58 댓글주소 수정/삭제 댓글쓰기
와..스킨이 특이하네요!^^
- 콩바구니 2007/06/17 12:02 댓글주소 수정/삭제
  감사합니다 ^^
슈리 2007/07/03 00:45 댓글주소 수정/삭제 댓글쓰기
이쁘네요. ㅎㅎ 메뉴부분은 마우스 갖다댈 때와 뗄 때 이미지 좀 수정해야 할거같아요. 참 개성 있는것 같아요.
- 콩바구니 2007/07/03 09:48 댓글주소 수정/삭제
  감사합니다 ^^ 그런데... 혹시 IE6 에서 접속하시나요? IE6에서는 투명PNG를 지원하지 않기때문에.. GIF 로 대치한이유로 좀 지저분하게 보이거든요... - 확인했습니다. IE-6 의 스타일시트에 약간의 문제가 있었네요. 조만간 문제 수정하겠습니다.

콩바구니 스킨 2007년 6월 ver 0.2

자작/블로그 스킨 2007/06/06 15:11

6월이고 여름이고 해서 잠깐 짬을내 또 스킨을 만들어봤습니다.
이번에는 녹색 테마입니다.

본스킨은 위와같이 네비게이션의 현제 위치가 나타나는 특징이 있습니다.

본 스킨은 웹표준을 준수합니다.

위의 버튼을 눌러서 유효성 검사를 해보실수 있습니다. 보이는 몇몇 에러는 티스토리 자체의 에러로. 스킨과는 무관한것입니다. 테터툴즈에 설치하고 플러그인 하나도 활성화 하지 않은 상태에서 유효성검사 통과했습니다. 증거스샷

티스토리에서 제공한 플러그인과 몇몇 티스토리 자체의 요소가 이 유효성 검사를 통과하지 못하는데. [버그리포트] 후 2달이 지나도록 고쳐지지 않은것은 이를 수정할 의사가 없는것으로 간주해야 하려나요...ㅠㅠ

메뉴 수정법

본스킨의 배포용버전에는 위와 같이 미디어로그와 겔러리의 메뉴가 주석처리되어있습니다. 사용하실분은 skin.html 에서 이부분의 주석을 제거하시면 됩니다.

겔러리 사용하기

위에서 겔러리 메뉴의 주석을 제거하셨다면 겔러리를 사용하실수 있습니다. skin.html 을 여신후 왼쪽 그림에 보이는 부분이 겔러리입니다. 적당한 섬네일을 images 폴더에 넣으시고, 해당 태그를 삽입하시면 완성입니다.

참고하기..

에드센스 추가

에드센스를 위와같이 꾸며서 넣을수 있습니다. 그림도 변경가능합니다. images/edclicksBack.jpg 를 적당한 크기의 이미지로 교채하시면 됩니다.

skin.html 의 이부분의 주석을 제거하시고. 여기에 에스센스코드를 넣어주세요.

갱신정보

6월 4일
1. ie 6에서 레이아웃이 깨지는 문제 수정했습니다.
2. 외부링크를 꾸미는 기능에서 절대경로로 입력한 내부경로에 대한 링크를 판별하는 자바스크립트에 대한 공사가 있었습니다. 주소표시줄의 문자를 변수로 현제 홈페이지의 주소를 알아내어. (ex: http://www.kongbaguni.com, http://kongbaguni.com, http://kongbaguni.tistory.com -> kongbaguni 추출 ) 해당 문자를 포함하는 경로는 내부 링크로 인식하는 원리입니다. 티스토리나 .com 도메인 사용자는 바로 사용하실수 있지만.. 다른도메인의 경우는 images/java.js 를 적절하게 수정하셔야 합니다.
6월 6일
1. more less 버튼을 꾸몄습니다.
2. 댓글, 방명록 란을 말칸처럼 꾸며봤습니다. 파이어폭스,오페라,IE7 등의 브라우저에서는 말칸에 마우스가 올라가면 말칸의 색이 바뀌는 기능이 구현됩니다.

kongbaguni200706ver0.2.zip

Posted by 콩바구니

TAG CSS, 블로그 스킨, 테터툴즈, 테터툴즈 스킨, 티스토리, 티스토리 스킨

받은 트랙백이 없고 , 댓글 3개가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/518

댓글을 달아 주세요

ha2juk 2007/06/04 01:13 댓글주소 수정/삭제 댓글쓰기
ie 6.0에서 레이아웃이 깨져 보이네요^^;
- 콩바구니 2007/06/04 06:36 댓글주소 수정/삭제
  역시나 그렇군요. IE는 마진값 해석 버그가 있어서 따로 설정을 해줘야 하는데 제 컴퓨터에서는 테스트가 여의치 않네요... 비스타 사용중이거든요. VM-WARE 라도 설치해야 하려나요... ㅜㅜ
- 콩바구니 2007/06/04 22:52 댓글주소 수정/삭제
  수정했습니다. IE6에서는 사이드바의 가로길이가 조금 작아집니다. ㅎㅎ

콩바구니 스킨 2007년 5월 ver 0.7 [tistory]

자작/블로그 스킨 2007/05/03 18:35

오랬만에 스킨 만들어봤습니다.
마감도 끝났고.. 테터툴즈 홈페이지 가보니 뭔가 이벤트도 하길레요..

0.2에서 바뀐점

링크의 스타일을 다듬었습니다.

외부링크와 내부링크가 구별됩니다.
읽은페이지와 읽지않은 페이지의 링크가 구별이 됩니다.

사용한 배경그림을 4개에서 3개로 줄였습니다.

back01.jpg: 원본 배경그림입니다.
back02.jpg: 본문내용의 배경에 사용되는 그림입니다.
back03.jpg: 재목부분에 마우스가 올라갔을때 사용되는 그림입니다.

0.3에서 바뀐점

블로그 제목부분하고 네비게이션 이 있는 header 의 부분의 포지셔닝을 FIXED로 잡았습니다.
배경그림을 조금 더 손봤습니다.

0.4에서 바뀐점

레이아웃을 조금 바꿨습니다. 사이드바가 왼쪽. 본문이 오른쪽입니다.
익스플로러 6.0에서 레이아웃이 비정상적으로 깨지는 문제 수정했습니다. 하지만 파이어폭스 나 IE_7과 똑같이 보이지는 않습니다. 익스플로러 6.0 에서 접속하면 상단에 최적화 관련 알림메세지를 출력합니다. "본블로그는 파이어폭스 및 IE7 에 최적화 되었습니다." 라구요 ^^
메뉴의 버튼에 팝업설명을 넣었습니다

0.5에서 바뀐점

사이드바에 최근글과 최근댓글 최근 트랙백 부분 을 비롯 군대군대 이미지를 사용하여 손을 봤습니다.
댓글이나 방명록 등을 말풍선으로 꾸며봤습니다.

0.6에서 바뀐점

스킨의 레이아웃을 바꿀수있는 버튼을 추가해봤습니다. 새로고침하면 원래값으로 돌아가기때문에 의미가 있나 싶기도 합니다만...
사이드바의 폰트가 너무 작아 가독성이 떨어지던 문제를 해결했습니다.
skin.css 에서 레이아웃에 관한부분과. 꾸미기요소에 관한부분을 분리했습니다.
./images/style_deco.css
./images/style_layout01.css
./images/style_layout02.css

kongbaguni200704(ver0.6) .zip

0.7에서 바뀐점

배경그림을 바꿔봤습니다.
Head 부분을 아랫부분에 뒀던것을 다시 머리쪽으로 올렸습니다.
Footer 에 매뉴를 집어넣었습니다.
스킨셀렉터를 제거했습니다. - 재미있는기능이긴하지만. 바꾼 스타일이 새로고침하면 원래대로 바뀝니다. 쿠키를 사용하면 가능하긴하지만.. 제 공부가 모자란탓에 구현은 어려울듯합니다. 이문제가 해결되지않으면 불필요하다고 판단하여. 지웠습니다.
사이드바의 최근글 최근댓글 최근트랙백 등에 툴팁으로 나오는 효과를 없앳습니다. 사용이 불편하다고 생각되서요..
뎃글다는 부분의 디자인을 조금 손봤습니다.

kongbaguni200705(ver0.7).zip

주의사항: style.css 의 최하단부인 다음에서

a[href^="http://cfs"], a[href^="http://kongbaguni"], a[href^="http://www.kongbaguni"], a:hover[href^="http://cfs"], a:hover[href^="http://kongbaguni"], a:hover[href^="http://www.kongbaguni"], a:visited[href^="http://cfs"], a:visited[href^="http://kongbaguni"], a:visited[href^="http://www.kongbaguni"] { background-image:none; padding-right:0; }

kongbaguni 대신에 여러분의 블로그주소를 넣어주시기 바랍니다. 이는 절대경로로 입력된 여러분 자신의 블로그 주소가 외부링크로 인식되는것을 방지합니다.

이곳 을 방문해주세요. 이곳은 스킨을 테스트하는 블로그입니다. 이곳의 스킨은 수시로 갱신되며. 본블로그에 적용된 스킨이아닌 배포용스킨이 갱신됩니다. 본블로그에 적용된 스킨과 배포용스킨에는 기능상에서 차이가 있습니다.

Posted by 콩바구니

TAG 스킨제작, 티스토리 스킨

받은 트랙백이 없고 , 댓글 8개가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/493

댓글을 달아 주세요

아르 2007/04/05 17:15 댓글주소 수정/삭제 댓글쓰기
-_-; 오오... 이제 프레임이 안깨지는데다가 자잘한 점도 다 수정되서 깨끗하군요.
- 콩바구니 2007/04/06 15:07 댓글주소 수정/삭제
  네. 하지만 파이어폭스에서 접속하시면 200%는 더 잘보일겁니다. ㅎㅎ 익스플로러 6.0 에서 제가 의도하는 레이아웃을 구현하려면 자바스크립트도 동원해야하고... 암튼 골아프거든요.. 게다가 CSS 2 를 익스플로러 6에서 제대로 지원하지 않기때문에 (익스플로러 7도 CSS 2를 100% 지원하는것은 아니지만요...) 파이어폭스에서 보이는 화면을 익스플로러 6.0에서 그대로 구현하기는 불가능하달까요...
2007/04/11 10:05 댓글주소 수정/삭제 댓글쓰기
비밀댓글 입니다
- 콩바구니 2007/04/11 10:49 댓글주소 수정/삭제
  티스토리는 아직 방명록에 비밀글남기는 기능을 지원하지 않더군요.. 제 E-mail 주소는 kongbaguni@gmail.com 입니다. ^^
하얀별 2007/04/12 08:46 댓글주소 수정/삭제 댓글쓰기
^^:::::
방명록 비밀글 된답니다......
치환자가 잘 알려지지 않아서 그런거에요!! ^^::
- 콩바구니 2007/04/12 09:05 댓글주소 수정/삭제
  그렇군요. 찾아봐야겠네요 ^^ 음.. 스킨커뮤니티의 메뉴얼에는 없네요.. ㅠㅠ .. 네 찾았습니다. 이제 방명록 비밀글 됩니다. ^^a
Mr,꼬맹이 2007/04/18 02:12 댓글주소 수정/삭제 댓글쓰기
앗 버그가 있네요 >~<;;;
댓글에 By 만 보이고 닉네임이 안보여요 ;;;
어떻게 수정해줘야하는건지;;;
- 콩바구니 2007/04/18 11:16 댓글주소 수정/삭제
  댓글이 아니라 최근등록글에 대한것이죠.. 티스토리에서 지원하는 팀블로그용 치환자를 사용한것인데. 테터툴즈에서는 지원하지 않나보네요... SKIN.HTML 파일을 직접 수정하셔야 할듯합니다.

스킨바꿨습니다.

자작/블로그 스킨 2007/02/19 08:47

써머즈님의 Formal Boxes White 1.1 를 가져다가 이틀동안 이것저것 수정을 했다지요.
가장 난관이였던점이.. 사이드바의 에서 새로추가하는 것들에 대해 스타일적용이 안된다는 점이였는데요..
그거 고치느라고 좀 애썼네요.. ^^

음... 배포할까 생각도 해봤지만...

관두렵니다. 이건 저혼자 쓸거에요 ^^

이스킨의 특징은.. 반투명 PNG 이미지를 많이 썼다는점인데요.. 때문에 24비트 PNG이미지의 알파체널을 지원하지않는 브라우저 (익스플로러 6.0 이하버전) 에서는 화면이 제대로 표시되지 않을것입니다. 따라서 파이어폭스 (강추) 나 익스플로러 7.0 에서 접속하시는것을 권합니다.

Posted by 콩바구니

TAG 스킨변경, 스킨수정, 티스토리 스킨

받은 트랙백이 없고 , 댓글 6개가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/464

댓글을 달아 주세요

아르 2007/02/19 09:10 댓글주소 수정/삭제 댓글쓰기
흠.. 뭔가 틀어진 듯한 기분도 들지만..; 이쁘네요. =_=;
- 콩바구니 2007/02/19 09:20 댓글주소 수정/삭제
  감사합니다 ^^
써머즈 2007/02/19 11:45 댓글주소 수정/삭제 댓글쓰기
와- 이건 정말 엄청난 튜닝(?)이군요. 제가 만들었다고 표시해둔 게 없어져서 더욱 몰랐지만 그래도 몇몇 곳에 제가 작업했던 게 남아있어서 조금은 알아 보겠군요.
- 콩바구니 2007/02/19 12:09 댓글주소 수정/삭제
  어이쿠.. 딱히 배포할생각은 없었기때문에 저작권 표기에 신경을 안썼네요..
  써머즈 님의 블로그에서 적당한 이미지 가져다가 베너 달았습니다.
  확인해보시고.. 혹 마음에 안드신다거나 하면 베너 만들어서 트랙백 걸어주세요 ^^
겟피 2007/02/20 16:17 댓글주소 수정/삭제 댓글쓰기
스킨이 독특하면서도 이쁘네요~
…그나저나 댓글 남기면서 제 블로그를 홈페이지란에 적으니 차단된 주소라고 나오네요;;
여기 처음 오는 것 같은데;;
- 콩바구니 2007/02/20 21:41 댓글주소 수정/삭제
  감사합니다 ^^
  
  홈페이지가 차단된것은
  http:// 를 지우고 다시쓰셔서 그런듯합니다..

[테터스킨] 콩바구니 스킨 20060506 배포

자작/블로그 스킨 2006/05/06 09:28

콩바구니 테터스킨 5월 6일자. 배포합니다.
본 스킨에는 다음의 자바스크립트가 포함되어 있습니다.

Lightbox Plus
Link indicator
Fancytooltips

Lightbox Plus

그림을 박스안에 담아서 깔끔하게 출력합니다.
본 플러그인은 홈페이지 연동을 위한것입니다.
블로그에만 사용할때는 테터센터에 플러그인으로 배포되어있는것을 사용하시는게 더 편할것이라 생각합니다.

<- 클릭해보세요.

사용법: <a href="그림주소" rel="lightbox"><img src="썸네일 주소" alt="" /></a>

lightbox/lightbox_plus.js 파일의 418번째줄부터 다음의 내용을 환경에 맞게 수정해주셔야 합니다. 밑줄그은부분을 스킨을 설치한 경로로 고쳐주시면 됩니다. 수정 안하셔도 작동은 합니다만. 그러면 아이콘이 뜨질 않습니다.

loadingimg:'../tta/skin/scy13/lightbox/loading.gif',
expandimg:'../tta/skin/scy13/lightbox/expand.gif',
shrinkimg:'../tta/skin/scy13/lightbox/shrink.gif',
effectimg:'../tta/skin/scy13/lightbox/zzoop.gif',
effectpos:{x:-40,y:-20},
effectclass:'effectable',
closeimg:'../tta/skin/scy13/lightbox/close.gif'

사용을 원치 않으시면 skin.html 파일을 열어서 19번째줄에 다음의 내용을 삭제하시면 됩니다.

<link rel="stylesheet" media="screen" type="text/css" href="./lightbox/lightbox.css"/>
<script type="text/javascript" src="./lightbox/lightbox_plus.js"></script>

스크립트 출처: http://serennz.cool.ne.jp/sb/sp/lightbox/

Link indicator

문서내의 책갈피 이동시. 각 링크사이에 라인을 그어 표시해줍니다.

책갈피

사용법
<a name="책갈피이름" /> 으로 문서의 특정위치에 책갈피를 한다음.
<a href="#책갈피이름">내용</a> 로 링크를 걸어두면 됩니다.

<a name="link01" href="link02">내용</a>
<a name="link02" href="link01">내용</a>
이런식으로 상호링크를 해둘수도 있습니다.
link_indicator/link_indicator.js 의 317번째 줄에. 다음의 내용을 환경에 맞게 설정해주셔야 합니다. 밑줄그은부분을 스킨을 설치한 경로로 고쳐주시면 됩니다.

linkToBlank:'../tta/skin/scy13/link_indicator/addwin.gif',
pointerImg:'../tta/skin/scy13/link_indicator/pointer.gif',

스크립트 출처: http://serennz.cool.ne.jp/sb/sp/linkindicator/

사용을 원치 않으시면 skin.html 파일을 열어서 15번째줄에 다음의 내용을 삭제하시면 됩니다.

<link rel="stylesheet" media="screen" type="text/css" href="./link_indicator/indicator.css"/>
<script type="text/javascript" src="./link_indicator/link_indicator.js"></script>

Fancytooltips

링크

<img src="그림주소" alt="그림설명"/>
<a href="링크주소" title="링크설명">링크</a>
위와같이 설명을 첨부하면. 툴팁을 이쁘게 꾸며서 출력해줍니다. 그림과 글씨위에 마우스를 올려봅시다.
스크립트 출처: http://www.victr.lm85.com/FancyTooltips/

글쓸때 주의사항

본스킨에서 <strong> 테그는 기본적으로 style="Float:left; font-size:300%; font-weight:900;" 값을 갔습니다. 만약에

<strong>고</strong>구마: 통화식물목 메꽃과의 여러해살이풀. 감저(甘藷)·조저(趙藷)라고도 한다. 줄기는 길게 땅위로 기면서 뻗는데, 자르면 젖같은 물이나온다. 잎은 긴 잎자루가 있고 어긋나며 대개 심장(心臟) 모양으로 끝이 뾰족하다. 줄기 아래쪽의 잎자루 밑동에서 1쌍 이상의뿌리를 내리고 그중 일부가 두드러지게 비대해져서 큰 덩이뿌리, 즉 고구마가 된다. 덩이뿌리의 모양·크기·빛깔 등은 품종에 따라차이가 있다. 한국에서는 꽃이 피는 일은 아주 드물지만 남쪽 따뜻한 지방에서는 이따금 피는 수가 있다. 꽃은 나팔꽃모양을 한분홍색으로 메꽃과 비슷하고 열매는 삭과이다. 고구마는 생육기간 중 평균온도가 22℃가 되며 무상일수(無霜日數) 175일 범위인지역이 재배에 적당하다. 한국에서는 남부지방에서 주로 재배되며, 밭에서 자란다. 한국·중국·일본·유럽·중앙아메리카·남아메리카등지에 분포한다.

이런식으로 입력하면

고구마: 통화식물목 메꽃과의 여러해살이풀. 감저(甘藷)·조저(趙藷)라고도 한다. 줄기는 길게 땅위로 기면서 뻗는데, 자르면 젖같은 물이나온다. 잎은 긴 잎자루가 있고 어긋나며 대개 심장(心臟) 모양으로 끝이 뾰족하다. 줄기 아래쪽의 잎자루 밑동에서 1쌍 이상의뿌리를 내리고 그중 일부가 두드러지게 비대해져서 큰 덩이뿌리, 즉 고구마가 된다. 덩이뿌리의 모양·크기·빛깔 등은 품종에 따라차이가 있다. 한국에서는 꽃이 피는 일은 아주 드물지만 남쪽 따뜻한 지방에서는 이따금 피는 수가 있다. 꽃은 나팔꽃모양 을 한분홍색으로 메꽃과 비슷하고 열매는 삭과이다. 고구마는 생육기간 중 평균온도가 22℃가 되며 무상일수(無霜日數) 175일 범위인지역이 재배에 적당하다. 한국에서는 남부지방에서 주로 재배되며, 밭에서 자란다. 한국·중국·일본·유럽·중앙아메리카·남아메리카등지에 분포한다.

이런 결과가 나옵니다. 이는 신문기사 식의 편집을 좀더 쉽게 할수 있게 해줍니다만.
<strong> 테그를 본문에 자주 사용하시던 분이라면. 이전에 작성하신글이 의도했던 바와 다르게 아주 이상하게 나오는 낭패스러운 경우를 당할수가 있습니다.;;
본 스킨에서 굵은 글씨체를 사용하고자 하면. <span style="font-weight: bold"></span> 을 사용하셔야 할것입니다.

kongbaguni20060506_TT1.04.zip

링크 인디게이더가 익스플로러에서 제대로 동작하지 않는것을 확인했습니다. 오페라에서도 안되는데...
.... 원인을 모르겠네요.. ㅠㅅㅠ
파이어폭스에서는 정상 작동 합니다..

Posted by 콩바구니

TAG Fancytooltips, LightBox Plus, Link indicator, 테터스킨

받은 트랙백이 없고 , 댓글 7개가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/393

댓글을 달아 주세요

pgzero 2006/05/06 14:59 댓글주소 수정/삭제 댓글쓰기
아 이번스킨이 올라왔군요^^
이 스킨이 맘에 들어서 은근히 올라오길 바라고 있었습니다^^;;;;

이번에도 잘 쓰겠습니다(- -)(_ _)
- 콩바구니 2007/01/05 20:06 댓글주소 수정/삭제
  감사합니다 ^^
  그런데 스킨에 약간의 수정이 있었거든요.
  
  글의 내용에 따라 Float 값을 가지는 태그가 등록 되었을때
  레이아웃이 깨지는 문제를 해결했습니다.
  
  센터에 다시 올렸으니 번거로우시더라도 다시 받아가주세요 ^^
pgzero 2006/05/06 15:40 댓글주소 수정/삭제 댓글쓰기
아...그런데 본문의 넓이는 어떻게 조정하는건가요?
너무 넓어서 조금 줄이려고 하는데 안보이는군요...^^;;;;
pgzero 2006/05/06 15:40 댓글주소 수정/삭제 댓글쓰기
헛...그사이에 리플이!!!
지금 계시는군요^^
- 콩바구니 2007/01/05 20:06 댓글주소 수정/삭제
  Style.css 파일을 고치면 됩니다.
  100번줄에 #container 에 width값을 조절하면 전채너비 조정이 되구요. em 단위로 기입할것을 권장합니다.
  전체너미는 냅두고 본문기사만 너비를 좁게 할려면
  106번줄에 #content 에 width 값을 적당히 주면 됩니다.
  
  크기, 너비 등을 em단위로 기입하면 좋은점: 브라우저상에 폰트를 확대 축소할수 있는 기능이 있는데. em단위로 레이아웃을 짜면 폰트를 확대하거나 축소해도 레이아웃이 유지됩니다.
- pgzero 2006/05/06 16:19 댓글주소 수정/삭제
  빠른 리플 감사드립니다^^
  이번에도 우중충한 분위기로 바꾸는 중입니다^^;;;;
  
  그나저나 혼자 도배한거 죄송하군요...
  (한글에 제 리플만 무려 4개!!!)
2006/09/11 12:27 댓글주소 수정/삭제 댓글쓰기
비밀댓글 입니다

[테터스킨] 테터스킨: 콩바구니 스킨 (20060425)

자작/블로그 스킨 2006/04/25 14:55

다운로드

2단-3단 변신 스킨 입니다.
전번의 것에서 디자인을 여려모로 바꾸었습니다.

베너의 링크 제외하고 수정 자유입니다.
->다른색상의 테마는 만들 계획이 없습니다.
그런고로. 다른색이 필요하신분은 직접 수정해서 사용해주세요..^-^a
베너의 이미지 색상수정 괜찮습니다.

제배포는 전반적인 색상의 수정이 있는경우에 한합니다.
"컬러디자인: 누구" 이런식으로 배너를 만들어 추가하시는것도 괜찮습니다.

주의사항: 환경설정에서 숫자주소 사용을 해주세요.
문자주소 사용하면 개시글주소와 매인주소의 쿠키가 따로 저장됩니다.

Posted by 콩바구니

TAG 테터스킨

받은 트랙백이 없고 , 댓글이 없습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/386

댓글을 달아 주세요

[테터스킨] 콩바구니 스킨 (20060419)

자작/블로그 스킨 2006/04/19 04:39

kongbagunipinkpink_TT1.01.zip

전번의 스킨에서 여러군대 손보고 업그레이드한 버전입니다.
파란머리 소녀의 잔소리 군대군대 손보고.
도트아이콘 추가하고
아이콘 에 롤오버 애니메이션 효과를 주었습니다.
주목할만한 특징은. 2단 - 3단 변신하는 스킨이라는 점입니다만..
기본값은 가로 440픽셀 의 3단입니다.

베너의 링크 제외하고 수정 자유입니다.
->다른색상의 테마는 만들 계획이 없습니다.
그런고로. 다른색이 필요하신분은 직접 수정해서 사용해주세요..^-^a
베너의 이미지 색상수정 괜찮습니다.

제배포는 전반적인 색상의 수정이 있는경우에 한합니다.
"컬러디자인: 누구" 이런식으로 배너를 만들어 추가하시는것도 괜찮습니다.

본스킨은 익스플로러 6.0 에 최적화 되어있습니다.
그러나 파이어폭스 에서도 무리없이 사용가능합니다.

주의사항: 환경설정에서 숫자주소 사용을 해주세요.
문자주소 사용하면 개시글주소와 매인주소의 쿠키가 따로 저장됩니다.

Posted by 콩바구니

TAG 테터스킨

받은 트랙백이 없고 , 댓글이 없습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/381

댓글을 달아 주세요

[테터스킨] 콩바구니 스킨 (20060225)

자작/블로그 스킨 2006/02/25 02:04

1.0 을 맞이하여.. 짬짬히 만들어본것입니다.

아직 손볼곳이 더 있는것 같은 기분이 들지만.. 이쯤에서 그만하고 본업에 전념할생각입니다. (마감이 코앞이라 바빠지겠네요..ㅎㅎ)

본 스킨에 대해 설명하자면..

파란머리의 포니테일 소녀가 쫓아다니면서 이런저런 잔소리를 합니다.
..

뭐 그런 것입니다.
skin.html 상단부분에 소녀의 대사묶음이 있습니다. 그것을 수정하시면 대사를 바꾸실수 있습니다.
너무 길면 말칸이 커져서 보기 안좋아지므로 적당한 길이의 대사를 집어넣읍시다.

kongbagunipinkpink_TT1.01.zip

베너의 링크 제외하고 수정 자유입니다.
->다른색상의 테마는 만들 계획이 없습니다.
그런고로. 다른색이 필요하신분은 직접 수정해서 사용해주세요..^-^a
베너의 이미지 색상수정 괜찮습니다.

제배포는 전반적인 색상의 수정이 있는경우에 한합니다.
"컬러디자인: 누구" 이런식으로 배너를 만들어 추가하시는것도 괜찮습니다.

본스킨은 익스플로러 6.0 에 최적화 되어있습니다.
파이어폭스에서 사용가능하지만 약간 모양이 안좋게 나오네요.. (로딩중 의 스크립트가 작동이 안되며 마진값의 해석 차이에 의한 레이아웃의 깨짐햔상이 있습니다.)

---------------------
수정사항:
- 관리자 이미지를 가로사이즈 150px 로 고정합니다.
- Kweather 일기예보 베너 추가했습니다. 서울지역 날씨입니다만.. 예보는 그다지 잘 안맞는듯 하네요.. Kweather 에가입하시면 다른지역에 대한 일기예보 베너 코드를 얻으실수 있습니다.
- 사이드바를 왼쪽 오른쪽으로 움직일수 있는 버튼을 추가했습니다.

---------------------
글작성시 주의사항
- <p> 테그를 사용하시면 레이아웃이 살짝 깨지는 문제가 있습니다.
- [ ##_1C|파일이름||_## ] : 이형식의 파일첨부가 글의 마지막부분에 들어가면 레이아웃이 깨집니다.

글을 작성했는데 레이아웃이 깨진다면 이점 유의하면서 HTML 소스편집 모드에서 수정을 해주세요

Posted by 콩바구니

TAG 테터스킨

받은 트랙백이 없고 , 댓글이 없습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/305

댓글을 달아 주세요

[테터스킨] 콩바구니 스킨 (20060117)

자작/블로그 스킨 2006/01/10 03:19

본 스킨은 테터툴즈 클레식 RC3 지원합니다.

kongbaguni060117.zip

스타일시트 위주로 꾸며본 것입니다.
어쩌다보니 제법 맘에들게 나와서.. 배포 하려고 합니다.
가져다가 색정도는 고치셔도 상관 없습니다.
수정 자유입니다. ㅎㅎ

스킨설정은 다음과 같이 하는것을 추천합니다..

*2006년 1월 15일 수정사항*
-브라우저의 타이틀에 블로그의 제목이 표시되지 않는 문제 수정 했습니다.
-키워드 관련 스킨파일 누락 수정 했습니다.
-스타일시트 변경버튼 추가 했습니다.

*2006년 1월 17일 수정사항*
- 버튼에 롤오버시 안내문이 바로 뜹니다.
- 방명록에 답글이 두게이상 달리면 폼이 깨지는 문제 수정 했습니다.

Posted by 콩바구니

TAG 테터스킨

받은 트랙백이 없고 , 댓글 2개가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/247

댓글을 달아 주세요

2006/01/11 19:33 댓글주소 수정/삭제 댓글쓰기
비밀댓글 입니다
- 콩바구니 2006/01/11 22:50 댓글주소 수정/삭제
  뎃글로 설명하기가 뭐해서.. 허접하게나마 강좌 비스므레한걸 만들어봤어요. 참고해주세요..
  http://kongbaguni.com/tt/index.php?pl=248

[테터스킨] 콩바구니 스킨 (20051125)

자작/블로그 스킨 2005/12/08 08:43

전번의것에서 조금 더 손을 보았습니다.
메뉴버튼하고, 배경그림을 바꾸어봤어요.

beansskin20051208.zip

Posted by 콩바구니

받은 트랙백이 없고 , 댓글 2개가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/227

댓글을 달아 주세요

한량 2005/12/14 13:06 댓글주소 수정/삭제 댓글쓰기
스킨 받았습니다. 깔끔하고 좋군요. 감사합니다.^^
- 콩바구니 2005/12/14 21:27 댓글주소 수정/삭제
  감사합니다 ^^

[테터스킨] 콩바구니 스킨 (20051123)

자작/블로그 스킨 2005/11/16 10:33

beansskin20051126.zip

뭐 .. 전문 프로그레머도 아니고..해서
이름은 적당히 지었습니다만.. ^^
짬짬히 만들었던 스킨이 썩 잘나온것 같아 배포합니다.
갑을병정... 의 버튼을 누르면 색깔이 바뀝니다. ㅎㅎ

파이어폭스, 익스플로러 무리없이 작동합니다.

본스킨은 수정및 재배포 자유입니다. 마음껐 가져가시구요..
가져가실때 덧글로 블로그 주소나 좀 남겨주세요 ^^

덧: 방명록에서 아이콘크기가 작을경우 조금 깨지는 문제가 있어
수정합니다.
다시덧: 테마를 선택했을때 배경그림도 바뀝니다. 트랙백이 제데로 표시가 안되어 수정했습니다.

Posted by 콩바구니

받은 트랙백이 없고 , 댓글 5개가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/212

댓글을 달아 주세요

한결 2005/11/24 06:23 댓글주소 수정/삭제 댓글쓰기
넹... 이것 받아서 패치시켰습니다... 내 블로그에도 오셨데요... ^^
글구 배경그림도 바꾸었구요..

또 모르는 점 있음 질문드릴께요.. 수고하세요..
우아한냉혹 2005/11/26 17:53 댓글주소 수정/삭제 댓글쓰기
스킨 잘 쓸게요.. ^^;;
- 콩바구니 2005/11/26 22:12 댓글주소 수정/삭제
  감사합니다^^
료우토 2005/12/02 10:47 댓글주소 수정/삭제 댓글쓰기
제 취향에 딱맞는 스킨이라 얼른 설치해 봤습니다.
제 블로그가 너무 썰렁해서리, 와보셔도 보실게 너무 없을지도 모르겠네요.
- 콩바구니 2005/12/02 15:19 댓글주소 수정/삭제
  감사합니다 ^^

[테터스킨] 콩바구니 스킨 (20051108)

자작/블로그 스킨 2005/11/08 01:57

beansskin20051108.zip

기본스킨을 가져다가 여기저기 손보고 변형한것입니다..
0.961 지원합니다.

임의수정및 재배포 가능합니다.
단 가져다 쓰실적에는 블로그의 주소를 덧글로 살포시 남겨주세요 ^^

mabi01.zip

이것은 지금 사용중인 플래시 메뉴입니다. 약간의 수정이 있었습니다.
메뉴 전체에 70%정도의 알파값을 주었고.. 상단과 하단에 누르면 맨윗페이지로 이동하는 버튼을 추가하였습니다.

사용은 이것을 받아다가 압축을 풀어 스킨폴더에 /images 폴더 안으로 덮어씌어주시면 됩니다.

Posted by 콩바구니

받은 트랙백이 없고 , 댓글 16개가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/203

댓글을 달아 주세요

이시태 2005/11/08 02:51 댓글주소 수정/삭제 댓글쓰기
오... 뒷 배경만 자기 취향에 따라 바꾸면 좋은 스킨이 되겠군요...
- 콩바구니 2005/11/08 09:40 댓글주소 수정/삭제
  앗.. 네 ^^ 감사합니다~
종수 2005/11/08 13:48 댓글주소 수정/삭제 댓글쓰기
이런말씀 드리게 되어 죄송합니다만.. "제배포"가 아니라 "재배포"가 맞습니다...
- 콩바구니 2005/11/08 16:57 댓글주소 수정/삭제
  어이쿠.. 실수했습니다.. 수정했어요 ^^
Jelly 2005/11/09 01:43 댓글주소 수정/삭제 댓글쓰기
이곳저곳을 돌아다니다가 발견했습니다.
잘 받아서 쓰겠습니다. 가끔씩 놀러오시면 더욱 고맙겠...쿨럭,
- 콩바구니 2005/11/09 07:36 댓글주소 수정/삭제
  감사합니다 ㅎㅎ 스킨 잘쓰시구요.. 환절기 감기조심하세요.. ^^
이강원 2005/11/09 16:39 댓글주소 수정/삭제 댓글쓰기
깔끔한 스킨 발견해서, 사용중입니다.
잘 쓰겠습니다^^
- 콩바구니 2005/11/09 21:37 댓글주소 수정/삭제
  네 ^^ 감사합니다. ㅎㅎ
이강원 2005/11/09 23:49 댓글주소 수정/삭제 댓글쓰기
그런데, 방명록은 어디 있어요?
- 콩바구니 2005/11/10 00:29 댓글주소 수정/삭제
  메뉴에 있는데요;;
  마우스 가져다 올려보세요...
이강원 2005/11/12 00:22 댓글주소 수정/삭제 댓글쓰기
브라우져 문제로 옆의 메뉴가 안보였어요^^;;;
익스플로러에서 안보이네요.(저만 그런 것 같습니다.)
파이어폭스로 볼 수 밖에 없겠습니다.^^;;;
한결 2005/11/23 08:27 댓글주소 수정/삭제 댓글쓰기
좋은 스킨 받아서 잘 쓰고 있습니당...
감사합니다... ^^
한결 2005/11/23 08:29 댓글주소 수정/삭제 댓글쓰기
근데... 뒤 배경 바꾸려고 하면 어느 소스를 만져야 합니까?
적당한 게시판이 없어서 여기에 바로 질문 드립니당...
- 콩바구니 2005/11/23 17:25 댓글주소 수정/삭제
  감사합니다 ^^
  배경은요.. image 폴더안에 bg.gif 로 덮어씌어주시면 됩니다. JPEG 로 하고자 하시면, Skin.html 의 <body> 부분을 고쳐주시면 되요..
  방명록 깨지는거 고쳤으니 다시 받아가세요 ^^
dododo00 2006/01/31 13:37 댓글주소 수정/삭제 댓글쓰기
스킨 받아가요. 잘써보겠습니다.:D
- 콩바구니 2006/01/31 17:28 댓글주소 수정/삭제
  감사합니다 ^^

[테터스킨] 아이팟-나노 (2005-09-24)

자작/블로그 스킨 2005/09/25 01:42

BeansBasketSkin-20020924.zip

아이팟 나노 붙여봤습니다.

메뉴 버튼을 누르면 메뉴가 올라옵니다.

편의성은 뒷전인 디자인인지라.. 사용이 좀 불편할지도 모르겠네요..
가져가실때 덧글로 주소나 남겨주세요 ㅎㅎ

Posted by 콩바구니

받은 트랙백이 없고 , 댓글이 없습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/182

댓글을 달아 주세요

콩바구니's 테터스킨 20050724 (0.95 대응)

자작/블로그 스킨 2005/07/24 14:02

BeansBasketSkin-20020725 (noGuest).zip

BeansBasketSkin-20020725.zip

이번에는 플래시버튼을 넣어봤습니다.
이미지파일의 사용을 최소화 하여 용량을 줄였습니다.

권장해상도는 1024X768 이상이구요..
최신글 댓글 관련글 링크 길이를 24바이트 정도로 맞추어주시면 됩니다.

소스수정 가능합니다.
단 퍼가실적에는 블로그 주소나 좀 남겨주세요 ^^

BeansBasketSkin-20020725.zip

Posted by 콩바구니

받은 트랙백이 없고 , 댓글 하나가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/149

댓글을 달아 주세요

karma7. 2005/07/24 20:14 댓글주소 수정/삭제 댓글쓰기
음 수고가 많으 시네요

콩바구니's 테터스킨 20050709 (0.95 대응)

자작/블로그 스킨 2005/07/09 20:16

BeansBasketSkin_windows style 2(095).zip

윈도우즈 흉내내기입니다.. ㅎㅎ

스킨가져가실때는 블로그 주소를 덧글로 남겨줏세요..
색상이나 소스수정 얼마든지 하셔도 좋습니다.

Posted by 콩바구니

받은 트랙백이 없고 , 댓글 6개가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/141

댓글을 달아 주세요

李 2005/07/10 09:12 댓글주소 수정/삭제 댓글쓰기
와아+_+; 테터툴즈 사용하셨군요!
저도 한땐 테터툴즈를[...]

스킨 만드느라 고생하셨겠네요 ㅎㅅㅎ//
들렀다갑니다/
karma7 2005/07/11 17:22 댓글주소 수정/삭제 댓글쓰기
괜찮네요
색상만 보정하면 좋겠넹
狂년 2005/11/17 16:46 댓글주소 수정/삭제 댓글쓰기
가져가요> ㅅ<
2006/02/05 03:23 댓글주소 수정/삭제 댓글쓰기
비밀댓글 입니다
- 콩바구니 2006/02/07 15:56 댓글주소 수정/삭제
  앗.. 네 ^-^
  그주는 옜날 주소라서 지금은 접속이 불가능해요..
  암튼 감사합니다^-^ 새해 복 많이 받으세요...
2006/02/05 03:24 댓글주소 수정/삭제 댓글쓰기
비밀댓글 입니다

콩바구니's 테터스킨 20050408 (0.95 대응)

자작/블로그 스킨 2005/04/08 02:14

봄을 맞이하여 새단장 할겸 스킨을 만들어 보았습니다.
퍼가시는분은 모쪼록 자신의 블로그주소를 덧글로 남겨주시길 바랍니다. 놀러 가게요 ^-^

Beans050408.zip

스샷..

Posted by 콩바구니

받은 트랙백이 없고 , 댓글 3개가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/109

댓글을 달아 주세요

ruri 2005/04/08 14:24 댓글주소 수정/삭제 댓글쓰기
스킨 너무 예쁩니다.
단지 배경그림이 산만해보여서;
슬쩍 뺐어요 ^_^;
괴도 2005/06/06 21:36 댓글주소 수정/삭제 댓글쓰기
안녕하세요~ 스킨 잘 쓰고 있습니다.(오늘 바꿨지만..^^) 근데 오류보고가 자주 뜨는거 같은데 스킨 때문인가요? 제 컴퓨터말고 다른데서도 자주 뜨더라구요.
콩바구니 2005/06/07 18:45 댓글주소 수정/삭제 댓글쓰기
ruri // 감사합니다.
괴도 // 오류가 뜨나요? 이상하네요.. 저희집에서는 오류 없었는데...

콩바구니's 태터스킨 20050123

자작/블로그 스킨 2005/01/23 07:17

이전의 스킨에서 곳곳의 디자인을 조금더 손본 물건입니다.

퍼가시는분은 덧글로 블로그주소를 남겨주세요. ^^

BeansBasket 20050123.zip

Posted by 콩바구니

받은 트랙백이 없고 , 댓글 4개가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/37

댓글을 달아 주세요

아크몬드 2005/01/23 17:30 댓글주소 수정/삭제 댓글쓰기
좋은데;
iframe 을 사용하셨나요?

전체 스크롤바를 움직여도 모든 페이지가 보이지 않네요.

수정이 이루어져야 할 듯.
콩바구니 2005/01/23 18:37 댓글주소 수정/삭제 댓글쓰기
아크몬드// 프레임 사용안했습니다. 스타일 시트죠. 음.. 스크롤바 관련해서는 별 문제 없어보이는데요...
아크몬드 2005/01/25 16:16 댓글주소 수정/삭제 댓글쓰기
음.. 전체 스크롤바를 움직여도 내부의 페이지를 스크롤 하는데 문제점이 있는 것 같습니다.

확인해 주시길...
콩바구니 2005/01/25 18:00 댓글주소 수정/삭제 댓글쓰기
아크본드// 혹시 사용사시는 브라우저가 어떻게 되시는지요? 익스플로러6.0에서는 문제 없는데요,,,

콩바구니's 테터스킨 20050112

자작/블로그 스킨 2005/01/12 08:18

또 만들어봤습니다.
전번의 것을 기초로 여러가지를 추가해보며 디자인을 손보았습니다.

스크린샷 보기

BeansBasket 20050112.zip

Posted by 콩바구니

받은 트랙백이 없고 , 댓글이 없습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/24

댓글을 달아 주세요

TEXT-ONLY 2005-1-3 (태터0.94 대응스킨)

자작/블로그 스킨 2005/01/03 21:05

태터툴즈스킨. 디자인을 조금더 손보았습니다.
그럭저럭 맘에드는 결과가 나와서
배포하고자 합니다.

그림파일 전혀 사용하지않아 가볍고 빠른 스킨입니다.
이스킨은 홈페이지의 트래픽을 줄이는데 일조할것입니다. 일일 트래픽 용량제한이 있는 계정에서 사용하면 좋을것입니다.

수정 재배포 자유입니다.
스킨 퍼가시는분은 여기에 덧글로 주소좀 남겨주세요.
구경좀 하게요 ^^

스크린샷 보기

text-only(2005-1-3).zip

Posted by 콩바구니

받은 트랙백이 없고 , 댓글 4개가 달렸습니다.

트랙백 주소

http://kongbaguni.tistory.com/trackback/21

댓글을 달아 주세요

NFPCG 2005/01/03 22:19 댓글주소 수정/삭제 댓글쓰기
스킨 퍼갑니다~;;;
ILLUMOON 2005/01/05 18:06 댓글주소 수정/삭제 댓글쓰기
스킨 잘쓰겠습니다.
조커 2005/01/12 14:09 댓글주소 수정/삭제 댓글쓰기
스킨 잘 쓸께요~
실피아 2005/01/22 14:27 댓글주소 수정/삭제 댓글쓰기
스킨 잘 쓰고 있습니다, 감사합니다.

« 2009/07 »
일	월	화	수	목	금	토
			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31

Nvigation

Submenu

'자작/블로그 스킨'에 해당되는 글 27건

스킨의 특징

자동목차 생성기능

Color Theme

풍선도움말

자동각주 기능

사이드바 접는 기능

미투데이 포스팅 지원

테이블 정렬

다운로드

트랙백 주소

Subject: 콩바구니의 생각

댓글을 달아 주세요

스킨의 특징

자동으로 생성되는 목차

간단한 라이트박스

출처 표시기능

abbr 지원

사이드바 접기

모니터 해상도지원

스킨 미리보기

다운로드

트랙백 주소

Subject: 콩바구니의 알림

댓글을 달아 주세요

Download :kongbaguniSkin7.zip

스킨의 특징

웹표준을 준수합니다.

새창띄우기를 금지합니다.

에드센스를 위한 단을 마련했습니다

자동목차생성 기능

PictureBox

낙장불입

미투데이 포스팅을 위한 스타일 지원

트랙백 주소

댓글을 달아 주세요

Download: kongbaguniSkin6-goldFish.zip

트랙백 주소

댓글을 달아 주세요

트랙백 주소

댓글을 달아 주세요

트랙백 주소

댓글을 달아 주세요

업데이트 현황

트랙백 주소

댓글을 달아 주세요

트랙백 주소

댓글을 달아 주세요

트랙백 주소

댓글을 달아 주세요

메뉴 수정법

겔러리 사용하기

에드센스 추가

갱신정보

트랙백 주소

댓글을 달아 주세요

0.2에서 바뀐점

0.3에서 바뀐점

0.4에서 바뀐점

0.5에서 바뀐점

0.6에서 바뀐점

0.7에서 바뀐점

트랙백 주소

댓글을 달아 주세요

트랙백 주소

댓글을 달아 주세요

글쓸때 주의사항

트랙백 주소

댓글을 달아 주세요

트랙백 주소

댓글을 달아 주세요

트랙백 주소

댓글을 달아 주세요

트랙백 주소

댓글을 달아 주세요

트랙백 주소

댓글을 달아 주세요

트랙백 주소