demun(대문블로그)

sublime text 2에서 글꼴설정,자동줄바꿈 설정하기

대문 demun — Mon, 20 May 2013 06:00:00 +0900

서브라임 텍스트가 한가지 단점이 있다면 그것은 바로 한글을 지원하지 못한다는 겁니다.

제가 회사에서 작업하다보면 아직 우리나라회사에서는 euc-kr 글꼴을 아주 많이 사용하고 있다는 점입니다.

한글의 모든것을 표기하려면 utf-8 을 써야 합니다.

그런데도 불구하고 아직까지 euc-kr 을 쓰는 곳이 많아 서브라임으로 작업하는데 약간 불편함이 있습니다.

euc-kr 의 파일은 또 전부 ansi 로 저장을 하면 서브라임텍스트에서는 한글을 읽지 못합니다.

이걸 해결하는 것이 바로 ConvertToUTF8 입니다.

이것에 대한 글은 Sublime text 에서 euc-kr 파일여는 방법 -> http://demun.tistory.com/2301 에서 알 수 있습니다.

허나 문제점은 이것뿐이 아니라 한글글꼴이 없는 글꼴을 서브라임텍스트에서 사용하면 한글이 깨진다는 점입니다.

이것은 바로 영어로 보기좋은 모나코 글꼴을 썻을때 발생할 수 있습니다.

한글이 지원되는 다른 글꼴로 변경할 때 즉 한글로 코딩하기 좋은 나눔고딕코딩이 있지요.

이걸로 변경한다고 가정합니다.

이렇듯 기본 글꼴의 크기 차이가 있다보니 추가적으로 수정해줘야 합니다.

여기서 좀더 다듬으면 좋습니다.

줄과 줄사이의 간격이 너무 좁아 답답한 느낌이 납니다.

2px 정도 추가하니 좀 나은듯 하군요.

이렇듯 한글로 적용할 경우에는 약간 더 손을 봐야하는 불편함이 있습니다.

자동줄바꿈 설정하기.

예를들어 adsnese.min.js 를 한번 보겠습니다.

스크롤바가 왼쪽에 잇고 우측으로는 글들이 짤려잇는것을 볼 수 있습니다.

기본적으로 서브라임은 이걸 auto 로 설정해 놓았습니다.

html 같은 코드는 줄바꿈이 자동으로 적용되서 보여지나 다른 구문의 파일들은 안그럴수 있습니다.

이렇듯 자동이 아닌 항상 줄바꿈이 적용되게 하고 싶으면 true 로 설정하면 됩니다.

그럼 위에서 예제로 보았던 adsense.min.js 를 한번 볼까요?

서브라임 텍스트는 안되는것이 없습니다...ㅎㅎㅎㅎㅎ

'Development > 에디터' 카테고리의 다른 글

sublime text 2에서 글꼴설정,자동줄바꿈 설정하기 (0)	06:00:00
열고 닫는 부분의 오류를 잡아주는 Bracket Highighter (0)	2013/05/14
sublime text 목록 (0)	2013/03/18
Sublime text 에서 euc-kr 파일여는 방법 (0)	2013/02/07
Sublime text 2에서 프로젝트 사용하는 방법 (2)	2013/01/12
프로젝트 생성 (0)	2012/12/31

크롬과 플래시가 충돌날때 해결법

대문 demun — Fri, 17 May 2013 16:22:02 +0900

어느날 갑자기 크롬이 플래시를 로드하지 못했다는 글이 나오기 시작했다.

크롬은 플래시 플레이어를 설치하지 않아도 플래시를 자동으로 업데이트해서 보여준다.

하지만 저처럼 문제가 있을경우 오류를 뱉어냅니다.

이는 크롬은 자동으로 플래시를 업데이트하기 때문에 크롬이나 데스크탑에 플래시가 설치되어 있는데도 크롬에서는 로드를 못하는다는 이야기 입니다.

익스플로러는 익스플로러 플래시를 설치하고, 파이어폭스나 다른 플래시들은 그에 맞는 플래시를 설치합니다.

하지만 위처럼 크롬은 조금 다릅니다.

플래시 다운로드 -> http://get.adobe.com/kr/flashplayer

위 사이트에 가면 익스플로러는 익스플로러에 맞는 파이어폭스는 파이어폭스에 맞는 플래시를 다운로드하게 해준다.

크롬에서 플래시가 충돌날때??

크롬 플래시 충돌에 대한 검색을 해보시면 결과가 나오는데요 저의 경우 그렇게 해보 해결이 되지 않았습니다.

구글 크롬과 플래시 플러그인에 대한 도움말 -> https://support.google.com/chrome/answer/108086?hl=ko

문제의 중요한 점은 이렇습니다.

크롬이 플래시를 잘 로드하고 작동하고 있었다는점.

어는 순간에 문제가 일어났다는 점.

이 두가지를 염두해두고 문제를 해결하기 시작했습니다.

크롬 주소창에 chrome://plugins/ 를 입력하면 아래처럼 보입니다.

왼쪽에 사용중지를 클릭하면 된다는 글도 있지만 해결되지 않았다.

우측에 세부정보를 클릭하면 플러그인에 대한 세부정보가 나온다.

Flash 에 대한 클러그인에 대한 세부정보를 보았다.

아래처럼 최근에 설치하여 문제가 발생한 플러그인을 중지시켰습니다.

그러니 문제가 해결되었습니다.

참고로 플래시 11버젼과 RealPlayer 과 충돌이 있다는 결과도 있습니다. 이것은 크롬과의 문제가 아닌 파이어폭스 같은 다른 브라우져와 충돌이 있는것 같습니다.

'컴퓨터 > 크롬' 카테고리의 다른 글

크롬과 플래시가 충돌날때 해결법 (0)	2013/05/17
Javascript Tool 자바스크립트를 비롯한 유용한 크롬 확장도구 (0)	2012/09/21
캡쳐 프로그램없이 크롬에서 캡쳐하기 (6)	2010/10/25
구글 크롬 번역 확장기능 (0)	2010/03/07
크롬 부드러운 화면이동하기 (0)	2010/03/06
크롬 확장-자동로그인 LastPass Password Manager (0)	2009/11/27

열고 닫는 부분의 오류를 잡아주는 Bracket Highighter

대문 demun — Tue, 14 May 2013 06:00:00 +0900

Bracket Highighter 은 {},[],<>,"",'',() 와 같이 열리고 닫히는 기호가 쌍으로 존재해야 하는 코드를 하이라이트 처리해주는 플러그인 입니다.

Bracket Highighter 플러그인 주소 -> https://github.com/facelessuser/BracketHighlighter

설치하는 방법은 서브라임텍스트에서 먼저 Package Control 을 인스톨합니다.

Ctrl + Shift + P -> pci 를 클릭하면 아래처럼 보입니다.

그런다음 바로 뜨는 명령창에서 brh 만 입력을 해도 Bracket Highighter 가 선택되어 집니다.

엔터를 치면 바로 설치가 됩니다.

설치후 바로 적용이 안됩니다.

서브라임을 껏다가 다시 실행하세요.

이 플로그인을 설치하지 않아도 서브라임은 열고 닫는 태그를 하이라이트 해줍니다. 아주 미약하게....

아래 사진은 설치하지 않았을때의 모습입니다.

하지만 Bracket Highighter 플러그인을 설치하면 아래처럼 확실하게 하이라이트 해주고 왼쪽에 보면 어떤 곳이 열고 닫히는지 알려줍니다.

서브라임 플러그인 중에서 꼭 설치해야할 플러그인이라고 생각합니다.

'Development > 에디터' 카테고리의 다른 글

sublime text 2에서 글꼴설정,자동줄바꿈 설정하기 (0)	06:00:00
열고 닫는 부분의 오류를 잡아주는 Bracket Highighter (0)	2013/05/14
sublime text 목록 (0)	2013/03/18
Sublime text 에서 euc-kr 파일여는 방법 (0)	2013/02/07
Sublime text 2에서 프로젝트 사용하는 방법 (2)	2013/01/12
프로젝트 생성 (0)	2012/12/31

크로스브라우징 CSS 버튼

대문 demun — Mon, 13 May 2013 05:00:00 +0900

red-team-design 에서 크로스 브라우징 버튼이 있습니다.

이걸 less 파일로 만들어봤습니다.

좋은점은 역시 ie에서도 무리없이 보여진다는 점입니다.

원본 : http://www.red-team-design.com/cross-browser-css-gradient-buttons

데모 : http://www.red-team-design.com/wp-content/uploads/2011/01/cross-browser-css-gradient-buttons-demo.html

less 의 장점은 아래처럼 복잡한 css 도 간단하게 작성할 수 있다는 점입니다.

CSS

less

파일을 올려드리겠습니다.

요것도 스킨에 포함해서 사용하든가, 아니면 서식으로 사용하면 좋을것 같습니다.

index.html

style.css

style.less

'Development > css' 카테고리의 다른 글

크로스브라우징 CSS 버튼 (0)	2013/05/13
티스토리 서식으로 사용할만한 그림자가 포함된 박스 서식 (0)	2013/05/11
티스토리 서식으로 사용할만한 목록 서식 (3)	2013/05/10
티스토리 서식으로 사용할수 있는 css 박스 서식 (0)	2013/05/09
ie7 에서의 z-index 버그 (1)	2013/05/03
css 애니메인션 드롭다운 (0)	2013/03/16

티스토리 서식으로 사용할만한 그림자가 포함된 박스 서식

대문 demun — Sat, 11 May 2013 06:00:00 +0900

티스토리에서 본문에 글을 쓰다보면 특별이 강조하고자 하는 글들이 있습니다.

그럴때 사용할만한 서식을 찾다가 그림자가 들어간 형태의 박스 형식의 글을 찾았고 티스토리에 적용해 보았습니다.

원본 글 -> http://www.red-team-design.com/how-to-create-slick-effects-with-css3-box-shadow

index.html

style.css

티스토리에서도 사용이 가능하고 또 저는 에드센스 스킨에 포함해서 사용하려고 수정을 해보았습니다.

박스 스타일 미리보기

less 를 이용하면 각 컬러셋마다 다양한 결과를 만들어낼수 있습니다. 에드센스 스킨은 컬러셋이 여려개다보니 좀더 수정을 해야 합니다.

'Development > css' 카테고리의 다른 글

크로스브라우징 CSS 버튼 (0)	2013/05/13
티스토리 서식으로 사용할만한 그림자가 포함된 박스 서식 (0)	2013/05/11
티스토리 서식으로 사용할만한 목록 서식 (3)	2013/05/10
티스토리 서식으로 사용할수 있는 css 박스 서식 (0)	2013/05/09
ie7 에서의 z-index 버그 (1)	2013/05/03
css 애니메인션 드롭다운 (0)	2013/03/16

티스토리 서식으로 사용할만한 목록 서식

대문 demun — Fri, 10 May 2013 06:00:00 +0900

티스토리 본문에서 보여지는 목록 형식을 말합니다.

티스토리에서는 글쓰기 편집창 상단에 보여지는 목록 형식이 있지요.

스킨마다 스타일을 어떻게 적용하느냐에 따라서 보여지는것이 다른데요.

적당한것이 없나 살펴보다 좋은 글이 있어 알려드립니다.

원본 글 -> http://www.red-team-design.com/css3-ordered-list-styles

데모 -> http://www.red-team-design.com/wp-content/uploads/2012/02/css3-ordered-list-styles-demo.html

이걸 티스토리에서 사용하도록 수정하였고, 특히 에드센스 스킨에 포함하려고 수정되었습니다.

일단 어떻게 되어있나 코드를 참고하시기 바랍니다.

index.html

style.css

원본 글은 li 안에 a 에 있어야 정상적으로 보이는데요....

티스토리에서 작성하다보면 꼭 li 안에 a 가 없을 경우도 있습니다.

그래서 스타일마다 두가지 경우가 필요했습니다.

상황에 맞게 수정하였지요.

어떤식으로 보여지는지는 아래 리스트를 보시면 알겁니다. 에드센스 스킨에 포함하려고 적용하였습니다.

li 안에 a가 없은 리스트

li 안에 a가 없은 리스트
li 안에 a가 없은 리스트
li 안에 a가 없은 리스트

li 안에 a가 있는 리스트

li 안에 a가 없은 리스트
li 안에 a가 없은 리스트
li 안에 a가 없은 리스트

동그라미 리스트 형태

네모 리스트 형태.

동그라미 트랜지션 형태

Lorem ipsum dolor sit amet

Morbi sagittis sapien ac magna egestas dictum.
Lorem ipsum dolor sit amet

Morbi sagittis sapien ac magna egestas dictum.
Lorem ipsum dolor sit amet

Morbi sagittis sapien ac magna egestas dictum.

'Development > css' 카테고리의 다른 글

크로스브라우징 CSS 버튼 (0)	2013/05/13
티스토리 서식으로 사용할만한 그림자가 포함된 박스 서식 (0)	2013/05/11
티스토리 서식으로 사용할만한 목록 서식 (3)	2013/05/10
티스토리 서식으로 사용할수 있는 css 박스 서식 (0)	2013/05/09
ie7 에서의 z-index 버그 (1)	2013/05/03
css 애니메인션 드롭다운 (0)	2013/03/16

티스토리 서식으로 사용할수 있는 css 박스 서식

대문 demun — Thu, 09 May 2013 06:00:00 +0900

티스토리 본문에서 서식으로 사용하면 좋을것 같아서 이렇게 만들어 보았습니다.

티스토리 본문에서 사용하면 아주 좋은것 같은 스타일을 찾다가,,,,,,,찾다가 그나마 괜찮은 녀석이 있어 적용해보았습니다.

아래 스타일들은 ie에서 보아도 그리 흉하게 깨지지 않는다는 점입니다.

어떤 형식인지 한번 이미지로 참고하시기 바랍니다.

티스토리 본문에서 사용할려고 <div class="article"> 를 일부러 사용하였고 h3 의 활용하려고 클래스를 주었습니다.

html 코드는 이렇습니다.

<div class="article">
	<h3 class="box1">box1</h3>
	<h3 class="box2">box2</h3>
	<h3 class="box3">box3</h3>
</div>

수정하려면 h3 나 box1 같은 클래스는 필요없겠지요....

여하튼 이런식으로 작성되었구요.

3가지 스타일을 선택했습니다.

첫번째 스타일을 원본글 -> http://www.cssrex.com/tips-tricks/how-to-create-3d-text-using-css3/

두번째, 세번째 스타일을 원본글 -> http://line25.com/tutorials/create-a-letterpress-effect-with-css-text-shadow

첫번째 스타일.

첫번째 스타일은 css 로만 구성되어 있으며 이미지가 없습니다.

두번째 스타일.

두번째 스타일에는 이미지가 필요합니다. 공통으로 사용하려고 base64 를 활용했습니다.

코드의 일부분입니다.

세번째 스타일.

두번째와 비슷하고 컬러값만 틀립니다.

IE7,8 은 똑같습니다. IE9는 정상적으로 보이구요.

파일을 올려드리겠습니다.

index.html

style.css

이 스타일은 adsense 스킨에 포함하려고 만든것입니다.

'Development > css' 카테고리의 다른 글

티스토리 서식으로 사용할만한 그림자가 포함된 박스 서식 (0)	2013/05/11
티스토리 서식으로 사용할만한 목록 서식 (3)	2013/05/10
티스토리 서식으로 사용할수 있는 css 박스 서식 (0)	2013/05/09
ie7 에서의 z-index 버그 (1)	2013/05/03
css 애니메인션 드롭다운 (0)	2013/03/16
반응형 이미지 동영상 적용하는 방법 (0)	2012/12/11

에드센스 스킨 배포

대문 demun — Tue, 07 May 2013 10:30:01 +0900

아시다시피 에드센스 스킨은 레이아웃이 다양합니다.

본인이 사용하고 싶은 스킨을 잘 보고, 요청하시면 제가 보내드리겠습니다.

스킨은 중복으로 요청이 가능합니다.

에드센스 스킨의 목적은 가벼움, 다양한 광고 탑재(레이아웃)에 있습니다. 아래의 특징과 제작목적을 보시면 알 수 있을겁니다.

먼저 알려드립니다.

스킨을 배포하는것은 제가 생각해도 100% 완전하게 다 제작되고, 테스트 되어진 것이 아닙니다.

대략적으로 ie7까지 크로스브라우징 되도록 하였으나 완전하게 테스트 하지 못햇습니다.

워낙 많은 레이아웃과 상황이 있어 테스트를 해보지 못하고 빨리 배포하는 것입니다.

컬러셋은 2~3가지로 압축해서 업데이트 할 것이며, 이번 배포후 업데이트를 통해 좀더 다듬어서 재배포 약속합니다.

에드센스 스킨에 대해서 잘 모르시면 아래 글을 참고하세요.

아래 글을 읽지 않고서는 요청을 할 수 없습니다.

반드시 읽은 후 요청하시기 바랍니다.

또한 아래의 글을 읽어야 레이아웃을 변경하고, 컬러셋을 변경하는 방법을 알 수 있습니다.

에드센스(Adsense)스킨의 제작목적과 동기 -> http://demun.tistory.com/2305

에드센스 스킨의 특징 -> http://demun.tistory.com/2306

에드센스 스킨 고급버젼에 포함된 기능과 설명 -> http://demun.tistory.com/2308

에드센스 스킨의 미리보기와 사용방법 -> http://demun.tistory.com/2323

에드센스 스킨 배포.

1. 댓글에 비밀글에 체크하시고 요청하세요.

2. 사용하고싶은 레이아웃명(여러개 신청가능)을 적어주세요.

예: complex 2단 스킨 content-sidebar 또는 complex 2단스킨 sidebar300 sidebar-content 이런식으로 적어주시면 됩니다.

3. 현재 사용하고 있는 블로그 주소, 이메일을 적어주세요. 제가 메일로 보내드립니다.(티스토리 유저가 아니면 이것은 필요없습니다.)

배포하는 스킨 레이아웃은 아래와 같으며 모두 자바스크립트가 포함되지 않은 순수 html, css 만으로 만들어진 스킨입니다.

레이아웃명 참고하세요.

Simple-1-Col(1단스킨)

Simple-2-Col(2단스킨)

1. content-sidebar.

2. content-sidebar-category

Simple-3-Col(3단스킨)

1. content-sidebar-sidebar.

2. sidebar-content-sidebar.

3. sidebar-sidebar-content.

Complex-2-Col(2단스킨, 사이드바가 4개로 구성된 복잡한 구조) - 사이드바의 다양한 활용이 가능함.

1. sidebar300 - content-sidear.

- sidebar-content.

2. sidebar340 - content-sidebar.

- sidebar-content.

여기까지 입니다.

스킨을 사용해 보시고 댓글로 가장 좋은 컬러셋 2~3가지만 알려주세요. 그것만 업데이트 할 겁니다.

자바스크립트가 포함된 스킨 배포.

자바스크립트가 포함된 버젼은 현재 두가지가 있습니다. 동영상을 보시면 다 아실겁니다.

향후 추가적으로 다른 형태의 레이아웃을 만들것인지는 여러분들의 요청사항을 보고 제작할지를 판단하겠습니다.

먼저 배포 요청사항이 있습니다.

위의 에드센스 스킨을 사용하시고 아래의 요청에 답을 해주셔야 합니다.

본인의 블로그에서 글을 작성한뒤 현재 이 글에 트랙백을 주시면 됩니다.

본인 블로그에서 작성하는 글의 내용은 에드센스 스킨에 대한 후기입니다. 좋은점, 나쁜점, 상관없습니다. 저를 십어도 됩니다. ㅎㅎㅎㅎ. 다 받겠습니다.

트랙백 주소는 http://demun.tistory.com/trackback/2324 입니다.

그런다음 댓글로 메일주소 적어서 신청하시면 원하는 형태의 스킨을 메일로 보내드립니다.

번거롭지만 자바스크립트가 포함된 버젼이 필요하신분은 댓글을 다시 달아주세요. 제가 햇깔려서요.....

스킨을 본인의 입맛에 맞게 수정하고 싶은데 어려움이 있는 분은 댓글로 알려주세요.

해당 부분을 포스팅해서 알려드리겠습니다. 대신 질문은 공개로 해주세요. 되도록이면 비공개로 하지 말아주세요.

비공개로 하면 같은 질문이 계속 반복됩니다. 다른분들도 참고할 수 있도록 공개로 해주시면 좋겠습니다.

스킨을 사용해 보시고 댓글로 가장 좋은 컬러셋 2~3가지만 알려주세요. 그것만 업데이트 할 겁니다.

Update : 2013-05-09 1차

style.css 가 설정이 잘못된점 수정했습니다. 이것때문에 컬러셋이 변경되지 않았던점 수정했습니다.

Complex-2-Col 의 sidebar300 - sidebar-content, sidebar340 - content-sidebar, sidebar340 - sidebar-content

Simple-3-Col 의 모든 style.css

현재까지 받았던분들은 제가 메일로 다시 보냈습니다.

Update : 2013-05-09 2차

트랙백에서 언급해주신 굵은 글씨가 표현이 안된다고 하는점.....

이건 제가 따로 설정을 한것이 없는데 자동으로 굵은 글씨를 보통글씨로 바꿔버립니다. 어디에서 이런 설정이 되어 있는지 확인 안됨. 제가 설정한곳에는 없습니다.

일단 이걸 해결하려면 style.css 맨 아래 아래와 같은 문구를 적어주세요.

.article b, .article strong {
  font-weight: bold;
}

Update : 2013-05-11 오후 9:05

Simple-2-Col 스킨중에서 content-sidebar-category 레이아웃은 드롭다운이 되는형식입니다.

티스토리 첫화면꾸미기의 티에디션이 z-index 가 높아 드롭다운이 밑으로 깔리는 현상을 수정했습니다.

기존의 파일을 받으신분들은 style.css 에 아래 구문을 추가해주세요.

.blogMenu ul {
	z-index: 20;
}

이글 이후의 스킨에는 수정되었습니다.

'티스토리 > 스킨배포' 카테고리의 다른 글

에드센스 스킨 배포 (106)	2013/05/07
에드센스 스킨의 미리보기와 사용방법 (2)	2013/05/07
에드센스 스킨의 특징 (0)	2013/05/07
에드센스(Adsense)스킨의 제작목적과 동기 (0)	2013/05/07
티스토리 블로그 스킨에서 구현하고 싶은 기능에는 뭐가 있을까요? (19)	2013/02/16
Bootstrap_TS_ver.3.2 자바스크립트 업데이트 (5)	2012/10/22

에드센스 스킨의 미리보기와 사용방법

대문 demun — Tue, 07 May 2013 10:29:54 +0900

에드센스 스킨의 특징을 잘 보시면 대부분 이해하실거라 생각됩니다.

워낙 다양한 레이아웃과 컬러셋이 있어서 가이드가 있어야 할 것 같아 이렇게 작성합니다.

스킨 미리보기 - 다양한 레이아웃이 어떤 형태로 보여지는지 알 수 있습니다.

에드센스 스킨의 미리보기는 동영상으로 참고하시기 바랍니다.

동영상이 다소 매끄럽지 못한것은 이해해주세요. 소리가 작습니다. 키워서 들어주세요.

위에서 말한 레이아웃도 있지만 고급형태인 자바스크립트가 포함된 버젼도 있습니다.

자바스크립트가 포함된 스킨 미리보기

자바스크립트가 포함된 버젼은 위에서 제공하는 스킨형태인 2단 스킨입니다.

현재 제 블로그에 적용되어 있는 버젼인데요.

두가지 스타일이 있습니다.

메인메뉴를 어떻게 사용하는지에 따라 입맛에 맞게 사용하시면 됩니다.

메인메뉴를 에니메이션 드롭다운형식으로 사용하고, 링크는 사용자가 직접 수정하는 형태 - animation menu.

메인메뉴를 사이드바의 카테고리메뉴를 재사용하는 형태 - category menu.

어떻게 다른지는 동영상을 첨부했으니 참고하세요.

컬러셋을 변경하는 방법

컬러셋을 변경하는 방법은 아주 간단합니다.

해당 레이아웃 스킨에 포함된 css 폴더안에 color.css 를 HTML/CSS 편집에 파일업로드를 통해 간단이 변경하실수 있습니다.

마찬가지로 해당 동영상이 첨부되어 있으니 참고하시기 바랍니다.

나머지는 아래의 주소를 참고하시기 바랍니다.

에드센스(Adsense)스킨의 제작목적과 동기 -> http://demun.tistory.com/2305

에드센스 스킨의 특징 -> http://demun.tistory.com/2306

에드센스 스킨 고급버젼에 포함된 기능과 설명 -> http://demun.tistory.com/2308

에드센스 스킨의 미리보기와 사용방법 -> http://demun.tistory.com/2323

에드센스 스킨 배포 -> http://demun.tistory.com/2324

'티스토리 > 스킨배포' 카테고리의 다른 글

에드센스 스킨 배포 (106)	2013/05/07
에드센스 스킨의 미리보기와 사용방법 (2)	2013/05/07
에드센스 스킨의 특징 (0)	2013/05/07
에드센스(Adsense)스킨의 제작목적과 동기 (0)	2013/05/07
티스토리 블로그 스킨에서 구현하고 싶은 기능에는 뭐가 있을까요? (19)	2013/02/16
Bootstrap_TS_ver.3.2 자바스크립트 업데이트 (5)	2012/10/22

에드센스 스킨의 특징

대문 demun — Tue, 07 May 2013 10:29:45 +0900

여러가지 의도와 목적을 가지고 제작되었던 스킨이니만큼 많은 특징이 있습니다.

그 특징을 참고하시고 사용하시기 바랍니다.

1. 가벼움.

애초의 계획대로 에드센스 스킨은 가벼운것을 목적으로 제작되었습니다.

이미지를 거의 사용하지 않고, css로 많은 부분을 대신했습니다. 그래서 다른 스킨에 비해 무척 가볍습니다.

가벼움을 유지하기 위해서는 이미지 사용을 최대한 배제해야 했습니다.

다양한 컬러셋에 맞는 스킨을 제작하기 위해서는 웹폰트 아이콘이 최고의 선택이였죠.

하지만 티스토리에서는 웹폰트 아이콘을 100% 지원하지 않았습니다. 예전에 부트스트랩에서 사용하던 웹폰트 아이콘도 많은 실패를 거듭했지요.

허나 마침내 사용방법을 알아냈고, 웹폰트 아이콘을 사용함으로써 각각의 컬러셋에 맞는 아이콘을 만들수 있었습니다.

웹폰트 아이콘 -> http://icomoon.io/app/

2. 레이아웃.

많은 스킨을 제작해본 경험으로 볼때 정말 사용자들의 입맛은 다양합니다.

단 한사람이라도 꼭 원하는데....바로 그런 스킨이 없을때 아쉬움은 제가 잘 압니다.

그래서 되도록이면 다양한 레이아웃을 제작하게 되었습니다.

다양한 레이아웃이야말로 에드센스 스킨의 목적인 다양한 광고를 탑제할 수 있다는 점입니다.

거의 모든 구글광고를 탑재할 수 있습니다.

본문과 사이드바 어느곳에서나 탑재할 수 있고, html, css 를 잘 모르는분을 위해 이미지로 제가 대신 삽입해 놓았고, 되도록 주석으로 많이 표기하도록 노력하였습니다.

테스트 해본결과 거의 모든 구글광고를 삽입할 수 있었습니다. 구글광고가 가장 많기 때문에 구지 구글광고가 아니더라도 다른 회사의 광고도 넣을 수 있다는 결론을 짐작해봅니다.

3. 컬러셋.

애초에 말씀드렸듯 에드센스 스킨의 컬러셋은 부트스트랩의 css 버튼 스타일을 모태로 시작하였습니다.

http://charliepark.org/bootstrap_buttons/

15개의 컬러셋을 제작하였고 자바스크립트가 포함된 버젼에는 좀 더 추가되서 총 18개의 컬러셋을 가지고 있습니다.

15개의 컬러셋은 모든 레이아웃마다 포함이 되었기때문에 어떤 스타일의 레이아웃을 사용하든 컬러셋은 15개 모두 사용할 수 있습니다.

html,css 를 모르시는분들을 위해 컬러셋을 변경하는것도 css 파일만 하나 업로드하는것으로 작업이 끝납니다.

자세한 방법은 에드센스 스킨 사용하는 방법에 보시면 있고, 해당 동영상도 따로 첨부하였으니 누구나 컬러셋을 변경할 수 있을겁니다.

4. 글꼴.

본인의 컴퓨터에 나눔고딕이 설치되어 있다면 웹폰트를 로드하지 않고 바로 나눔고딕으로 보여집니다.

하지만 사용자 컴퓨터에 나눔고딕이 설치되어 있지 않다면 나눔고딕 웹폰트를 사용합니다.

이 스킨을 제작하는 동안 제가 사용하던 모빌리스 웹폰트가 유료로 변경됨에 따라 다른 이전에 작업해두었던 스킨을 모두 수정해야만 했습니다.

현재는 구글에서 제공하는 나눔고딕 웹폰트를 사용합니다.

구글 웹폰트 (나눔고딕) -> http://www.google.com/fonts/earlyaccess

물론 모든것은 스킨위자드나 css 에서 수정 또는 변경 가능합니다.

5. 스킨위자드.

티스토리 스킨의 장점이자 단점이 스킨 위자드입니다.

초보자들에게는 무척 용이하고 편리한 기능이지만 어느정도 사용하는 사용자에게는 필요없는 기능이지요.

에드센스 스킨의 목적인 많은 사람들에게 사용하는것이기에 스킨 위자드를 지원하도록 제작되었습니다.

다양한 레이아웃을 지원하기에 각각에 맞는 스킨 위자드 기능을 작성해야만 했습니다.

다양한 환경에 맞게 less 로 작성하여서 일을 덜 수 있었습니다.

많은 테스트를 해보지 못한점은 이해해주시기 바랍니다.

6. 블로그메뉴.

에드센스 특징중 하나가 바로 메인메뉴입니다.

메인메뉴와 하단의 푸터메뉴는 동일한 스타일을 가지고 있습니다.

그래서 상단 메인메뉴에는 블로그메뉴를, 하단 푸터메뉴에는 사용자정의 메뉴를....또는 반대로, 또는 카테고리 메뉴를 메인메뉴로 사용하고, 푸터메뉴를 메인메로.... 등등 얼마든지 두개의 스타일이 같기 때문에 사용자가 약간만 수정하면 원하는 형식으로 이용이 가능합니다

즉 메인메뉴가 두개라고 생각하시고 상단 메인메뉴에 뭘 사용할것인지 결정만 하면 됩니다.

사용방법을 잘 모르시면 역시 동영상 시청을 해주세요.

7. 티에디션.

티스토리 기능인 티에디션 기능도 가능합니다.

정말 많은 테스트를 해보지는 못했습니다. 시간과 테스트할 레이아웃이 너무 많기에 개인이 하기에는 시간이 많이 모자랐고, 빨리 여러분들과 같이 사용하면서 업데이틀 할 생각이였기 때문입니다.

8. 고급형(자바스크립트)

자바스크립트를 포함함으로써 스킨으로써 부족했던 부분을 매웠습니다.

자바스크립트는 8가지 기능을 가지고 있습니다.

플로팅메뉴.
본문과 사이드바를 접었다펴는 기능.
큰 그림을 본문폭에 맞추는 기능.
메인메뉴에 하위메뉴가 있을때 아이콘을 표시하는 기능.
사이드바의 카테고리 모듈에서 각각의 카테고리를 접거나 펼수 있는 기능.
스무스하게 상하단으로 움직이는 기능.
사이드바의 모듈 제목을 클릭하면 각 모듈을 접거나 펴는 기능.
본문에서 새창과 현재창을 표시해주는 기능.

이전에 유저분들에게 스킨에 포함했으면 하는 기능들을 물어보고 거기서 필요하다고 판단되는것들만 모아서 포함시켰습니다.

사용하지 않을때는 간단이 주석처리만 하면 되게 제작되었습니다.

에드센스(Adsense)스킨의 제작목적과 동기 -> http://demun.tistory.com/2305

에드센스 스킨의 특징 -> http://demun.tistory.com/2306

에드센스 스킨 고급버젼에 포함된 기능과 설명 -> http://demun.tistory.com/2308

에드센스 스킨의 미리보기와 사용방법 -> http://demun.tistory.com/2323

에드센스 스킨 배포 -> http://demun.tistory.com/2324

'티스토리 > 스킨배포' 카테고리의 다른 글

에드센스 스킨 배포 (106)	2013/05/07
에드센스 스킨의 미리보기와 사용방법 (2)	2013/05/07
에드센스 스킨의 특징 (0)	2013/05/07
에드센스(Adsense)스킨의 제작목적과 동기 (0)	2013/05/07
티스토리 블로그 스킨에서 구현하고 싶은 기능에는 뭐가 있을까요? (19)	2013/02/16
Bootstrap_TS_ver.3.2 자바스크립트 업데이트 (5)	2012/10/22

에드센스(Adsense)스킨의 제작목적과 동기

대문 demun — Tue, 07 May 2013 10:29:28 +0900

티스토리 스킨을 제작한지가 몇년이 가고, 제작된 스킨만도 약 40여종 이상이되어가는데...길이 남을 역작이 없습니다.

이유는 만드는데에 급급했고, 만들면 빨리 적용하고픈 생각때문입니다.

사용하면서 다듬고....다듬고....해서 버젼이 올라가지만....당초에 계획했던것과는 다소 멀어지는 현상이 계속 반복되어 왔습니다.

또,

이왕 티스토리 스킨을 제작하는데....좀 더 많은 사람들이 사용하고......좀더 쉽게 사용하고......활용도가 높은 스킨 을 한번 만들어보자는 것입니다.

제가 이때까지 제작하면서 기술적으로 가장 난이도가 높은것은 반응형 스킨인데...어두운 배경색을 가지고 있었습니다.

가장 고급기술과 난이도가 있지만 활용도면에서 떨어졌습니다. 이유는 바로 어두운 배경색 때문이였습니다.

티스토리의 모든 플러그인과 위젯은 바로 흰색 배경을 예상하고 제작되었기 때문에 플러그인 하나 하나에 손을 대야했기 때문입니다.

그래서 이번에 제작하는 스킨은 바로 흰색배경입니다.

블로그를 하는분중에서 상당수가 광고라는것을 하고, 또 구글광고인 에드센스라는것을 합니다.

이것과 블로그스킨과 연계한것이 바로 에드센스 스킨입니다.

이전까지 버젼3이 나왔지만....그저 광고를 탑제하는데 목적을 두었기 때문에 완성도면에서 다소 떨어졌습니다.

그래서 타켓이 바로 에드센스 스킨이며 이 스킨을 발판으로 좋은 스킨을 만들어보자는 것입니다.

그럼 대문이 생각하는 좋은 스킨은 어떤 스킨일까요?

제가 이전에 이런 글을 쓴적이 있습니다만 좋은 스킨은 몇가지 조건이 있습니다.

제가 생각하는 좋은 스킨과 이번 에드센스의 특징은 이렇습니다.

1. 기본 배경은 흰색이되 변경 가능해야 한다(스킨위자드....)

흰색 배경은 최고의 가독성을 제공합니다.

물론 다른색으로 변경하면 글꼴색을 변경하면 된다. 하지만 여러군데 손을 봐야하는 단점이 있다.

2. 사용자 정의 설정

스킨위자드, 블로그메뉴, 티에디션 등등 티스토리에서 지원하는 모든 메뉴를 이용할 수 있어야 한다.

3. 쉬워야 한다.

디자인이나 기능상으로 너무 휼륭한 스킨이 많이 있으나 그것은 한정된 사용자에게만 좋고, 많은 이에게는 불필요한 기능이나 디자인인 경우가 많습니다.

좀더 좋은 기능, 좀더 좋은 디자인은 그만한 책임이 따릅니다.

기능적으로는 더 많은 코드의 자바스크립트가 들어가야 할것이고, 디자인적으로는 더 많은 이미지가 들어가야 할 것입니다.

블로그의 기본기능은 글이지. 보여지는 기능이나 디자인이 아닙니다. 그것이 2차입니다.

그래서 쉽고 간단한 스킨이 먼저 이루어줘야하고 추가적으로 필요한 기능이나 디자인은 사용자가 추가하는것이 좀더 나은 선택이라 생각합니다.

즉, 기본은 심플하고 쉽고 간단하고, 추가적으로 기능이나 디자인을 더 추가하는것이 좋은 선택이라 생각됩니다.

4. 다양한 사용자의 요구사항.

제가 이제것 스킨을 제작한 경험을 미루어봤을때 제가 볼때는 좋은 기능이나 스킨이 다른 사람에게는 2%가 부족한 경우가 많습니다.

그래서 아주 많은 선택권을 사용자에게 주는 것입니다.

컬러셋이나 해상도 또는 레이아웃 형태 등 모든것이 사용자마다 조금씩 다 달라서 각자 원하는 형태로 사용하기를 원합니다. 바로 그 입맛에 맞는 스킨이 좋은 스킨이라 생각합니다만.....쉬운 문제는 아니죠....

처음 제작의도와는 다소 커져버린감이 있씁니다. 좀 좋은 스킨을 만들자고 시작한것이 이제는 거의 프로제트 수준까지 왔습니다.

이 스킨은 공식명칭은 adsense 이지만 미리보기 주소가 필요했고, 다른 스킨과 차별을 주기위해서 어쩔수 없이 독특한 스킨명을 가지게 되었습니다.

미리보기 사이트 주소를 따라서 demun_adsense 로 공식명칭을 사용할 것입니다.

쉽고 간단하고 심플하게 제작해야하지만 다양한 컬러셋, 해상도, 레이아웃까지 만들려면 상당이 손이 많이 가야 한다는거죠.

현재 http://demun-adsense.tistory.com/ 주소만 있는 상태고 미리보기 형태는 아직 구축하지 못했습니다.

개인적으로 일을 하면서 틈틈이하다보니 시간이 무척이나 모자랐습니다. 미리보기 사이트는 차차 만들 생각입니다.

그래봐야 간단한 스킨인데 ....말이죠...

간단하고 심플해야 코드의 오류도 적고 크로스브라우징이 가능합니다. 좀더 좋은 기능, 좀더 좋은 디자인을 찾고 찾으면 끝이 없더군요.

나중에는 그기능과 디자인을 크로스브라우징하는데 더 많은 시간을 소모하고 맙니다.

제가 제작한 스킨을 많은 분들이 사용하고 본인의 입맛에 맞게 수정해서 하나밖에 없는 스킨인것처럼 사용하는것이 제가 원하는 것입니다.

똑같은것 같지만 어느 한군데는 다른......그것은 본인만 사용하는 스킨이죠...

그리고 원하는것이 바로 오래가는 스킨입니다.

참 어려운 숙제인데요......될지는 모르겠습니다만 잘 만들어야겠지요...

이 생각들을 바탕으로 제작하니 에드센스 스킨의 구성과 소개글과 적용방법에 관한 글, 미리보기 등을 꼭 참고하시기 바랍니다.

복잡해서 참고하지 않으면 제대로 사용하기 어려울것입니다.

이글을 작성한것이 2월이였고 스킨제젝기획을 하고 제작하였으나 일을 하면서 만들기에 시간이 너무 부족하였고, 다양한 컬러셋과 레이아웃을 만드느라고 한개의 스킨을 제작하는것보다 몇배는 더 시간이 많이 걸리고 힘들었습니다. 이제 겨우 만든것이 5월이니까요......

그러다보니 완성도 높은 스킨을 제작하는것이 목적이였는데.....그것을 이루지 못햇습니다.

하지만 업데이트를 통해 사용자입맛에 맞게 만들겠습니다.

에드센스(Adsense)스킨의 제작목적과 동기 -> http://demun.tistory.com/2305

에드센스 스킨의 특징 -> http://demun.tistory.com/2306

에드센스 스킨 고급버젼에 포함된 기능과 설명 -> http://demun.tistory.com/2308

에드센스 스킨의 미리보기와 사용방법 -> http://demun.tistory.com/2323

에드센스 스킨 배포 -> http://demun.tistory.com/2324

'티스토리 > 스킨배포' 카테고리의 다른 글

에드센스 스킨의 미리보기와 사용방법 (2)	2013/05/07
에드센스 스킨의 특징 (0)	2013/05/07
에드센스(Adsense)스킨의 제작목적과 동기 (0)	2013/05/07
티스토리 블로그 스킨에서 구현하고 싶은 기능에는 뭐가 있을까요? (19)	2013/02/16
Bootstrap_TS_ver.3.2 자바스크립트 업데이트 (5)	2012/10/22
BusinessBlogSkin_1.1 티스토리 비지니스블로그스킨 1.1 업데이트 (6)	2012/10/20

ie7 에서의 z-index 버그

대문 demun — Fri, 03 May 2013 19:40:05 +0900

스킨을 제작하다보니 어지간한 ie 버그는 알고 있어 애초에 피하는 형식으로 작업을 합니다.

이번에 드롭다운 메뉴를 만들다가 ie7에만 유독 버그가 있어 이렇게 정보를 공유합니다.

z-index 는 우선 가장 먼저 알아야할 점은 가장 위 부모의 index 의 크기 차이로 결정이 납니다.

즉 같은 형제끼리 header 와 main 이 있다고 하면 ..

.header { z-index: 2; }
.main { z-index: 1; }

이처럼 하면 정상적으로 main이 header 위에 올수 없습니다.

그런데 여기에 position:absolute 가 온다거나 하면 좀 달라질수 있습니다.

또 리스트인 ul li 가 들어가면 또 달라집니다.

역시 머리아픈 ie.....

여기서는 position의 문제. ul li 의 문제는 넘어가고, z-index 의 순서에 대해서만 이야기 합니다.

버그 이야기하면 끝이 없어요....

문제점은 다 해결이 가능한데..... 위에서 말한 z-index 가 도무지 말을듣지 않았습니다.

심지어는 아주 무식한 방법으로 ie7에서만 작성되는 css를 볼려고 계층구도 전부에게 z-index 를 줘보았습니다.

위 사진에서 #header 과 #main 은 형제관계입니다.

#header 에 z-index:18을 줬지만 #main 의 z-index:1을 넘지못합니다.

아래 사진을 보시면 .blogMenu ul ul ul a 가 #main 아래 위치하고 있는것을 볼 수 있습니다.

아래사진은 ie7 입니다.

ie8까지 정상적으로 나오나 ie7에서 이렇듯 비정상적으로 나옵니다.

하루종일 다른것 못하고 이거 해결책만 찿다가 결국 찾았습니다.

정말이지 ie7 빨리 없어져야 합니다.

ie9까지 몽창.....

익스가 웹표준 브라우져가 빨리 됐으면 하는 바람이 간절합니다. ㅎㅎㅎㅎㅎㅎ

해결책 최상단의 #main { z-index:1; } 을 { z-index:-1; } 로 하니까 되더군요.....

왜 같은 형제끼리 index 의 순서에 의해 되는데....이건 마이너스까지 줘야하는지 도무지 모르겠네요.....

여하튼 여러분들중에서 저와 같은 고초를 겪는분들은 같은 형제에 z-indes 값에 마이너스를 줘보세요.....

'Development > css' 카테고리의 다른 글

티스토리 서식으로 사용할만한 목록 서식 (3)	2013/05/10
티스토리 서식으로 사용할수 있는 css 박스 서식 (0)	2013/05/09
ie7 에서의 z-index 버그 (1)	2013/05/03
css 애니메인션 드롭다운 (0)	2013/03/16
반응형 이미지 동영상 적용하는 방법 (0)	2012/12/11
css 생산성을 높여주는 less, sass (0)	2012/11/01

티스토리 초대장을 재배포합니다.[마감]

대문 demun — Wed, 01 May 2013 17:27:00 +0900

댓글 권한이 로그인한 사람으로 설정이 되어 있어서 다시 배포합니다.

현재 권한을 수정했으니 아무나 댓글을 달 수 있습니다.

미안합니다.

i n v i t a t i o n

티스토리 초대장

+ 남은 초대장 수 : 00

안녕하세요!

티스토리에 보금자리를 마련하시려는 여러분께 초대장을 배포해 드리려고 합니다.

나만의, 내 생각을, 내 기억을 담는 소중한 블로그를 만들고 싶다면 티스토리로 시작해보세요!

티스토리 블로그는 초대에 의해서만 가입이 가능합니다. 원하시는 분은 댓글에 E-mail 주소를 남겨주시면 초대장을 보내드립니다. 남겨주실 때에는 꼭 비밀댓글로 남겨주세요!

초대장을 보내드리고 바로 개설하시지 않으신 분들은 초대장을 회수할 수도 있으니 바로 개설해주세요!

Yes

이런 분들께 드립니다!

1. 다른 블로그를 사용해보셨던 분

2. 이메일 주소가 정상적인 분

3. 블로그를 시작하려는 이유를 남겨주신 분!

이런 분들께 드리지 않아요!

1. 이메일 주소가 의심되는 분!

2. 이메일 주소를 남기지 않으신 분

3. 이유도 없이 달라고 하시는 분!

티스토리 이래서 좋아요!

1. 이미지, 동영상, 오디오, 파일까지! 무한 용량과 강력한 멀티미디어를 올릴 수 있어요!

2. 스킨위자드로 스킨을 내맘대로~ 거기에 기능 확장 플러그인까지!

3. 내가 원하는대로 myID.com으로 블로그 주소를 만들 수 있어요!

'티스토리 > 티스토리초대장' 카테고리의 다른 글

티스토리 초대장을 재배포합니다.[마감] (91)	2013/05/01
티스토리 초대장 배포합니다.[마감] (34)	2012/12/27
티스초리 초대장 배포합니다.[마감] (60)	2012/12/03
2012우수블로그 기념 티스토리 초대장 100장 배포합니다.-마감 (148)	2012/11/27
티스토리 초대장 배포합니다.[완료] (36)	2012/10/22
티스토리 초대장 배포합니다. (53)	2012/09/21

부트스트랩 Bootstrap 3

대문 demun — Mon, 29 Apr 2013 08:32:54 +0900

부트스트랩 3이 나왔습니다. 버젼3은 모바일에 최적화 됐다는점이 특징이고 이전과 비슷하고 좀더 최적화한것 같습니다.

부트스트랩 3은 아직 현재 진행형인것 같습니다.

배포 버젼은 2.3.1 입니다.

2.3.1 버젼은 현재 버그수정이 약 7%가량 진행되었고, 3.0 은 94% 진행된걸로 나옵니다.

진행상황보기 -> https://github.com/twitter/bootstrap/issues/milestones

부트스트랩 3 -> http://rnikitin.github.io/bootstrap/

부트스트랩 3 에 대한 자세한 내용은 docs에서 볼 수 있습니다.

부트스트랩 3 문서 -> http://rnikitin.github.io/bootstrap/docs/

저도 대략적으로 살펴봤지만 문서구조를 보시면 fonts 폴더가 있습니다.

역시 폰트를 활용하는것이 여러모로 장점이 많습니다.

http://rnikitin.github.io/bootstrap/docs/#whats-included

이전에 만들었던 반응형 티스토리 스킨(responsive)도 폰트를 사용하였고 이번에 제작하는 Adsense 스킨도 폰트를 이용하였습니다.

폰트를 사용하면 이미지대신 여러가지로 확장이가능합니다. 티스토리에서는 약간의 제약이 있어 100% 활용하기 어렵습니다만....

부트스트랩을 활용한 템플릿은 Bootstrap Expo 에서 볼 수 있습니다. -> http://expo.getbootstrap.com/

'Development' 카테고리의 다른 글

부트스트랩 Bootstrap 3 (0)	2013/04/29
모바일 에뮬레이터 사이트 두곳 (0)	2011/11/22

에드센스 스킨과 그간의 근황

대문 demun — Sun, 07 Apr 2013 21:37:29 +0900

대문이 에드센스 스킨으 제작한다고 하고, 여러분들에게 말했는데요...아직 배포를 못하고 있어 이렇게 소식이라도 전합니다.

현재 제가 일하는곳이 너무 바쁜관계로 전혀 진척이 없습니다.

티스토리 스킨인 에드센스 스킨을 진척률이 95% 완성되었습니다.

현재 제가 블로그에서 사용하고 있는 스킨이 완성된 버젼 중에 하나 입니다.

이번에 제작한 스킨은 15가지 버젼이나 있습니다. 각 버젼마다 컬러셋이 약 15가지나 있습니다.

그래서 자꾸 늦어지는겁니다.

남들처럼 배포하는 스킨하나가 아니라 15개버젼의 15개씩 컬러셋을 가진 스킨입니다.

문제는 이 스킨을 여러분들에게 어떻게 알리고 소개를 하냐는 겁니다.

각 스킨마다 장점과 단점이 있기에 소개를 잘 하고 원하는 사람에게 원하는 스킨을 매칭시켜야 하는데 이걸 소개할 방법이 없습니다.

대략 프레임을 써서 모두 미리보기를 할 수 있게끔 현재 제작되었지만 익스플로러에서는 작동하지 않고, 크롬이나 파폭 등의 브라우져에서만 보여지고 있습니다.

간단하게 15장의 스샷으로 대체할 수도 있지만 그렇게는 하고 싶지는 않습니다.

소개가 대충이면 사용자들이 나중에 꼭 스킨을 잘못 선택하여 바꾸게 됩니다.

현재의 문제점은 두가지 입니다.

미리보기가 익스플로러에서는 안되고 , 크롬,파폭등의 브라우져에서만 된다는 점.

5% 정도 수정이 남아 있다는점.

가장 큰 문제는 제가 시간에 쫓긴다는 점입니다. ㅎㅎㅎㅎㅎ

이전에도 약속했듯 모든 사항들을 수렴하여 모두에게 배포할 겁니다.

기본사양과 고급사양이 있고, 워낙 많은 버젼이 있어 소개글이 반드시 작성이 되어야하고, 미리보기가 있어야 합니다.

이런 문제점을 해결한 후 배포하겠습니다.

.....

익스에서 안된는 문제점이 자바스크립트 부분입나다. 프레임을 잘 먹지 않는 익스.....

그래서 자바스크립트 공부에 아주 푹 빠져있습니다. ....

제가 하는 프로젝트도 잘 끝나고 시간이 되면 하나 하나 해결해서 나중에 뵙겠습니다.

사실 포스팅 할 소재도 많이 잇는데......시간이 없네요....

'일상' 카테고리의 다른 글

에드센스 스킨과 그간의 근황 (14)	2013/04/07
고속도로 교통상황 (0)	2013/02/08
마구치고 올라오는 차구차구 (0)	2013/01/17
에뛰드하우스 50% 할인행사 (0)	2013/01/11
안철수가 대권 출마에 임하는 자세 (0)	2012/07/24
모바일 화면을 변경해봤습니다. (2)	2011/11/15

css 애니메인션 드롭다운

대문 demun — Sat, 16 Mar 2013 08:00:00 +0900

css 로만 구성된 에니메인션 드롭다운 입니다.

이전에 한번 소개한것 같은데요.....제가 이번에 에드센스 스킨을 만들면서 이걸 적용해보았습니다.

원본 -> http://www.red-team-design.com/css3-animated-dropdown-menu

현재 원작자의 홈페이지는 sass 로 제작되고, 모바일까지 적용되는것까지 나왔는데. 저는 그것까지는 필요없고 단순이 css 드롭다운이 필요했습니다.

이전것을 애드센스 스킨에 맞추어서 제작하려면 컬러셋을 변경해야만 햇습니다.

즉 재사용이 가능하게끔 여러 컬러셋을 가질수 있도록 해야했죠.

여기에 html5, css3 를 사용해서 미리보기를 하려면 웹표준 브라우져로 보아야만 제대로 보입니다.

크롬, 파이어폭스, 오페라, 사파리 등등.....

예제에 보시면 각 컬러를 하드코딩한 것을 볼 수 있습니다.

제가 수정한것은 대표색상 3가지만 선정하면 나머지는 비슷한 컬러셋으로 자동으로 변경되어서 적용되어 집니다.

위의 3가지 색상만 변경해주면 다른 컬러셋도 사용이 가능하지요.

또한 mixins.less 를 이용하여 gradient, box-shadow .... 등등 크로스브라우징 되게 작성되었습니다.

수정된 버젼입니다.

다운로드해서 크롬 같은 웹표준 브라우져로 보면 잘 보일겁니다.

'Development > css' 카테고리의 다른 글

티스토리 서식으로 사용할수 있는 css 박스 서식 (0)	2013/05/09
ie7 에서의 z-index 버그 (1)	2013/05/03
css 애니메인션 드롭다운 (0)	2013/03/16
반응형 이미지 동영상 적용하는 방법 (0)	2012/12/11
css 생산성을 높여주는 less, sass (0)	2012/11/01
반응형 웹디자인의 조건 img (0)	2012/10/30

티스토리 블로그 스킨에서 구현하고 싶은 기능에는 뭐가 있을까요?

대문 demun — Sat, 16 Feb 2013 22:59:05 +0900

현재 에드센스 티스토리 스킨을 제작하고 있습니다.

자바스크립트가 들어간 최종버젼을 제작하고 있는데요.....

블로그 스킨에서 구현되었으면 하는 기능에는 무었이 있는지 여러분께 여쭤봅니다.

제가 생각하기에 가장 많이 구현되어야 하는것을 아래 두가지가 있습니다.

첫번째는 메인메뉴의 드롭다운 기능.

두번째는 사이드바의 카테고리 접고 펴는 기능.

이외에 꼭 구현이 되었으면 기능이 있으면 댓글을 부탁합니다.

'티스토리 > 스킨배포' 카테고리의 다른 글

에드센스 스킨의 특징 (0)	2013/05/07
에드센스(Adsense)스킨의 제작목적과 동기 (0)	2013/05/07
티스토리 블로그 스킨에서 구현하고 싶은 기능에는 뭐가 있을까요? (19)	2013/02/16
Bootstrap_TS_ver.3.2 자바스크립트 업데이트 (5)	2012/10/22
BusinessBlogSkin_1.1 티스토리 비지니스블로그스킨 1.1 업데이트 (6)	2012/10/20
부트스트랩 티스토리 스킨 Bootstrap_TS_ver.3.2 배포 (27)	2012/10/19

2013년 구글 에드센스 우수블로그 선정 복주머니 이벤트

대문 demun — Sat, 09 Feb 2013 17:57:58 +0900

이글을 쓰기전에 검색부터 해보았습니다. 벌써 여러분이 이 글과 관련해서 글들이 올라와있더군요....

요즘에는 워낙 시간에 쫒기느라.....포스팅할 시간도 없습니다.

포스팅해봐야 5분안짝의 글들.....

이글은 이벤트에 관련한 글입니다.

에드센스를 하는분들중 아래와 같은 메일을 받았을겁니다.

2013년 우수블로그선정 소식과 함께 찾아온 복주머니 이벤트

이벤트에 응모하면 구글 빅백을 준다고 합니다.

기간과 응모방법은 아래와 같습니다.

이제 이루고자 하는 소망이군요...

저는 이번연도 계획은 1.000달러입니다.

한번에 그렇게 벌기 힘드니.....

그렇게 될때까지 찾지 않는겁니다....ㅎㅎㅎㅎㅎㅎㅎ

계속 모아놓고 한방에 찾아야죠...

왜냐면 몇년간 구글 에드센스를 했지만 조금씩 조금씩 찾아 써버리니 흔적이 없더군요.

그래서 흔적을 남기는것이 목표이자 구글 에드센스 소망입니다.

여러분들도 한번쯤 생각해보시죠...

100달러가 되면 찾을수있지만 100달러로 할수있는것은 그리 많지 않습니다.

차라리 1.000달러로 컴퓨터, 노트북, 아이패드...등등 구입하거나 교체하는것이 더 나은것이 아닌가 생각해봅니다.

저는 다 있지만 교체를 목표로.....

그냥 찾으면 흔적이 안남아요...

구글 에드센스 수익금으로 흔적을 남겨보세요....

'블로그 > 블로그 광고' 카테고리의 다른 글

2013년 구글 에드센스 우수블로그 선정 복주머니 이벤트 (5)	2013/02/09
구글 모바일 광고 부트스트랩 스킨에 넣는 방법 (4)	2012/11/19
올블릿을 대체 광고비를 언제주는것인지? (8)	2012/04/03
플로팅 메뉴에 구글 광고 넣지 마세요. (2)	2012/02/08
블로그 광고 애드베이 악성코드에 걸리다 (6)	2011/01/14
[블로그광고] 애드스왑통해 블로그 광고하는 법 (0)	2010/12/26

고속도로 교통상황

대문 demun — Fri, 08 Feb 2013 12:39:21 +0900

명절입니다. 아무래도 명절에는 왔다갔다하는 교통에 신경을 안쓸수 없죠.

고속도로 교통상황과 정보를 한눈에 알수있는 곳이 없어 하나씩 알아보았습니다.

전호로 알아보는 고속도로 정보

교통정보 안내전화 : 한국도로공사 콜센타 1588-2504

국도정보 안내전화 : 1333

휴대폰 교통정보 이용안내 : 2504(도로공사) + 인터넷 접속 버튼 (NATE / magicⓝ/ez-i)

권역별 CCTV 로 알아보기.

강원권 : http://map.naver.com/?level=8&lat=37.5617062&lng=128.4630613&traffic=on&menu=location&mapMode=0&cctv=on

충청권 : http://map.naver.com/?level=8&lat=36.1820587&lng=127.3583631&traffic=on&menu=location&mapMode=0&cctv=on

경북권 : http://map.naver.com/?level=8&lat=36.3630301&lng=128.4466531&traffic=on&menu=location&mapMode=0&cctv=on

경남권 : http://map.naver.com/?level=8&lat=35.5675492&lng=128.7422944&traffic=on&menu=location&mapMode=0&cctv=on

전북권 : http://map.naver.com/?level=8&lat=35.8319102&lng=127.1336528&traffic=on&menu=location&mapMode=0&cctv=on

전남권 : http://map.naver.com/?level=8&lat=35.0858694&lng=127.0022193&traffic=on&menu=location&mapMode=0&cctv=on

실시간 도로,교통정보

지역별 교통정보

http://map.naver.com/?lat=37.5160923&lng=126.9937729&dlevel=5&traffic=on&menu=route

도로별 교통정보

http://map.naver.com/?lat=36.4019086&lng=128.1212553&dlevel=2&traffic=on&menu=route

한국도로공사

모든 교통정보는 한국도로공사 홈페이지에 다 있습니다.

원클릭 교통정보를 이용하는것도 좋을듯 합니다.

http://www.roadplus.co.kr/main.do?op=main

고속도로, 국도 교통정보

http://www.roadplus.co.kr/page.do?mCode=A010010

노선별 교통정보

http://www.roadplus.co.kr/trafficState.do?mCode=A010020&op=highwayItem&onPage=&cp=

'일상' 카테고리의 다른 글

에드센스 스킨과 그간의 근황 (14)	2013/04/07
고속도로 교통상황 (0)	2013/02/08
마구치고 올라오는 차구차구 (0)	2013/01/17
에뛰드하우스 50% 할인행사 (0)	2013/01/11
안철수가 대권 출마에 임하는 자세 (0)	2012/07/24
모바일 화면을 변경해봤습니다. (2)	2011/11/15

이하늬의 굽없는 킬힐

대문 demun — Thu, 07 Feb 2013 14:29:36 +0900

이하늬의 굽 없는 킬힐이 눈길을 끌고 있습니다. 저도 보니 디자인이 정말 끝내주더군요. 얼핏보면 꼭 벌을 서고 잇는듯한 느낌입니다.

편해보이기도 하고 , 아니면 불편해보이기도 하는데....안신어봐서 정확히는 알수 없군요.

하지만 다른 킬힐보다는 좀 편해보입니다.

독특한것은 이존의 굽같은 것을 배제하고 높이를 높이는데 주력하고, 디자인적으로 신경을 많이 쓴듯합니다.

꼭 앞으로 쓰러질것만 같은 디자인인데요....

여기서 중요한 점은 바로 비율이 아닌가 싶습니다.

여기에 이하늬의 미니스커트와 잘 어울리며 눈길을 끌었습니다.

지난 6일 서울 왕십리CGV에서 열린 영화 뒷담화 감독이 미쳣어요의 제작보고회에 참석했다고 합니다.

거기서 흰색 브라우스와 브랙 미니스커트 그리고 그 유명한 굽없는 킬힐...

이하늬의 굽 없는 킬힐은 알도(aldo)의 제품이라고 합니다. 알도는 워낙 독특하고 트렌디한 디자인들이 많아 많은 연예인들이 착용해서 유명해진 브랜드이죠

미스에이의 수지도 시상식에서 신었다고 하는데....왜 이하늬가 뜰까요...

가격은 218,000원 정도 한다고 합니다.

한편 영화 ‘뒷담화: 감독이 미쳤어요’는 오는 28일 개봉된다

'일상 > 연예가소식' 카테고리의 다른 글

이하늬의 굽없는 킬힐 (0)	2013/02/07
윤현숙 양악수술후 달라진 점 비교 (0)	2013/02/05
정지영이 속옷만 입고 뛴 까닭은? (2)	2013/01/23
결별소식의 정가은 남자친구?? (0)	2013/01/16
허윤미 노출 (0)	2013/01/15
비 정지훈 김태희와의 스킨들문제로 보직변경 신청 (0)	2013/01/15

Sublime text 에서 euc-kr 파일여는 방법

대문 demun — Thu, 07 Feb 2013 05:00:00 +0900

서브라임텍스트의 최대의 단점인것 같습니다. 일본, 중국, 한국 등 아시아권 언어인 euc-kr 등의 캐릭터셋의 언어가 서브라임텍스트에서는 깨집니다.

이와 관련해서 플러그인이 나왔는데요. ConvertToUTF8 이라는 것입니다.

문제는 이 사이트가 접속이 원할하지가 않습니다. 업데이의 가능성이 있는데 그 부분이 아직 진행되지 않는듯 보입니다.

아쉬운대로 이 플러그인을 사용하면 euc-kr 등의 아시아권 언어 파일을 깨지지 않고 사용할 수 있습니다.

설치하는 방법.

모든 플러그인은 Install Packages 를 통해서 설치한 뒤 ConvertToUTF8 을 설치하면 됩니다.

만약 사이트의 접속이 원할하지 않을경우 설치가 되지 않을수 있습니다. 그럴때는 수동으로 설치하면 됩니다.

서브라임 테스트의 메뉴에서 Preferences - Browse Package.. 폴더를 연뒤 아래의 파일을 붙여넣기 해주세요.

ConvertToUTF8.zip

그러면 아래와 같은 형태로 보일겁니다.

서브라임 텍스트를 재실행하면 아래처럼 메뉴에 새로운 것이 보일겁니다.

이제는 euc-kr 의 파일을 맘것 열어도 깨지지 않습니다.

테스트로 작업하던 파일을 하나 열어봤습니다.

jsp 파일인데 이전에는 깨졋던 파일입니다. 허나 지금은 설치한다음 열어보니 깨지지 않고 한글이 잘 보입니다.

제 블로그에는 서브라임 텍스트에 관한 글이 많이 있습니다.

상단의 검색을 통해서 찾아보세요.

'Development > 에디터' 카테고리의 다른 글

열고 닫는 부분의 오류를 잡아주는 Bracket Highighter (0)	2013/05/14
sublime text 목록 (0)	2013/03/18
Sublime text 에서 euc-kr 파일여는 방법 (0)	2013/02/07
Sublime text 2에서 프로젝트 사용하는 방법 (2)	2013/01/12
프로젝트 생성 (0)	2012/12/31
이클립스 한글표기를 위한 인코딩 설정하기 (4)	2012/12/29

윤현숙 양악수술후 달라진 점 비교

대문 demun — Tue, 05 Feb 2013 12:25:40 +0900

예전 잼이라는 그룹의 멤버였던 가수 윤현숙이 양악수술을 한뒤 바뀐 모습때문에 화재가 되고 있습니다.

아마도 예전의 윤현숙을 아는 사람이라면 지금의 모습과 비교해보면 얼마나 바뀌었는지 알 수 있을겁니다.

저도 깜짝 놀랐습니다.

그랜드 성형외과에서 했다고 하는데요. 그랜드성형외과는 지난해 12월 3일 양악 수술을 하기 전 모습과 직후의 모습을 공개했습니다. 당시 사진 속 윤현숙은 나이에 비해 조금 늙어 보이는 외모에서 동안 미녀로 변신해 네티즌들을 놀라게 만들었고 당시 윤현숙은 30대 초반에 가까운 모습으로 시선을 끌었습니다.

윤현숙은 수술 이후 2개월이 지난 현재 성형외과 측이 첫 공개한 사진에서 10년은 더 젊어 보이는 모습을 자랑했습니다. 그랜드성형외과는 지난 4일 공식 페이스북을 통해 “윤현숙의 최근 모습이다”며 “양악수술과 사각턱수술을 통해 노안 이미지에서 벗어나 동안 미인으로 성공적으로 변신했다”고 밝혔다.

그랜드성형외과는 “윤현숙이 (양악 수술로) 만성적인 턱관절 탈골 증세도 호전됐다”며 사진을 공개했고 공개된 사진 속 윤현숙은 20대라고 해도 믿을 만큼 아름다운 몸매와 얼굴 모습을 자랑했다.

또한 윤현숙의 현재 근황이 화제입니다.

바뀐 모습으로 화보를 공개했기 때문입니다.

양악수술 후 현재 미국에 체류중인 윤현숙의 최근 모습이 5일 화보를 통해 공개됐습니다.

공개된 화보 사진 속 윤현숙은 과거와는 달리 청순하고 단아한 모습입니다. 특히 블랙 시스루 드레스로 드러난 글래머러스한 바디라인과 배우 수애를 연상케하는 동안 미모가 눈길을 보는 이들의 눈길을 사로잡는다.

사실 몸매는 예전부터 글래머러스했습니다.

윤현숙의 사진을 접한 네티즌들은 "자꾸 예뻐지네. 세월을 거꾸로 가고 있어" "진짜 이미지가 확 달라졌다. 얼굴과 더불어 아주 몸매도 20대네" "더 아름다워지는건 좋지만 몸에 안좋을까 걱정되네요" 등의 다양한 반응을 보였다고 합니다.

말이야 바른말이지 윤현숙은 얼굴이 좀 길어보이긴 했습니다. 그래서 본인도 양악수술을 선택했을것입니다.

이런 성공사례가 양악수술이 필요없는이에게도 영향을 미쳐 수술을 막 하는것은 아닌지 걱정이 되기도 합니다.

[일상/연예가소식] - 정지영이 속옷만 입고 뛴 까닭은?

[일상] - 마구치고 올라오는 차구차구

[일상/연예가소식] - 결별소식의 정가은 남자친구??

[일상/연예가소식] - 허윤미 노출

[일상/연예가소식] - 비 정지훈 김태희와의 스킨들문제로 보직변경 신청

[일상/뉴스] - 학교의 눈물-일진과 빵셔틀

[일상/연예가소식] - 서유리 노출이 왜?

다른글

[티스토리/스킨변경이력] - 구글 에드센스 최적화버젼인 Adsense 티스토리 스킨 제작 보고 및 기획변경

[티스토리/스킨변경이력] - 에드센스 스킨을 테스트 해줄분을 찾습니다.

[티스토리/스킨변경이력] - 애드센스 최적화 버젼인 티스토리 스킨 Adsense 를 만들고 있습니다.

[Development/도구] - 공짜 html5 템플릿

[Development/에디터] - Sublime text 2에서 프로젝트 사용하는 방법

[Development/도구] - html을 압축하는 좋은 사이트 알려드립니다.

[티스토리/티스토리가이드] - 티스토리 스킨,플러그인,위젯등을 사용하기전 한번쯤 생각해봐야 될 것들

'일상 > 연예가소식' 카테고리의 다른 글

이하늬의 굽없는 킬힐 (0)	2013/02/07
윤현숙 양악수술후 달라진 점 비교 (0)	2013/02/05
정지영이 속옷만 입고 뛴 까닭은? (2)	2013/01/23
결별소식의 정가은 남자친구?? (0)	2013/01/16
허윤미 노출 (0)	2013/01/15
비 정지훈 김태희와의 스킨들문제로 보직변경 신청 (0)	2013/01/15

복지로란 무엇인지? 받을수있는 보육료와 수당은 얼마인지 알아보자

대문 demun — Mon, 04 Feb 2013 20:46:52 +0900

복지로란 한국보건복지정보개발원의 사이트 이름입니다.

헌데 이것이 왜 유명하냐?

바로 무상교육을 위한 보육료. 양육수당을 접수하기 때문입니다. 이것이 바로 오늘부터 시작인데 첫날부터 수많은 부모들이 복지로 사이트에 몰려 사이트가 중지되었습니다.

서버가 잘못된것인지? 접속자가 많은 것인지????

여하튼 4일 보건복지부는 복지로 사이트를 통해 보육료와 양육수당 신청접수를 시작했는데 0~5세에 대한 양육수당이 현실화 되자 홈페이지 접속자가 폭주했습니다.

오전 9시 접수시작부터 약 20여만원의 접속자가 한꺼번에 몰리면서 홈페이지가 마비되었고 오후 5시까지도 접속자가 많아 일부 서비스에 차질이 빚어지고 있다고 합니다.

하지만 8시 넘은 현재까지도 같은 현상입니다.

보시다시피 아직까지 접속이 원할하지가 않습니다.

복지부는 홈페이지 접속이 어려워지자 "양육수당 3월분은 2월 말까지 신청하면 문제없이 지원받을 수 있다"며 다른 날짜에 접속할 것을 권유하고 있습니다. 꼭 오늘이 아니더라도 다음에 접속하면 되니 실망하지 마시길.....

보육료와 수당에 대해서는 아래 이미지를 참고하시면 될듯합니다.

너무 늦엇다고 실망하지 마세요....

[티스토리/스킨변경이력] - 구글 에드센스 최적화버젼인 Adsense 티스토리 스킨 제작 보고 및 기획변경

[일상/연예가소식] - 정지영이 속옷만 입고 뛴 까닭은?

[티스토리/스킨변경이력] - 에드센스 스킨을 테스트 해줄분을 찾습니다.

[티스토리/스킨변경이력] - 여려분은 어떤 스타일이 좋은가를 물어봅니다.

[일상/연예가소식] - 허윤미 노출

[티스토리/스킨변경이력] - 애드센스 최적화 버젼인 티스토리 스킨 Adsense 를 만들고 있습니다.

[일상/뉴스] - 학교의 눈물-일진과 빵셔틀

[Development/도구] - 공짜 html5 템플릿

[일상/연예가소식] - 서유리 노출이 왜?

'일상 > 뉴스' 카테고리의 다른 글

복지로란 무엇인지? 받을수있는 보육료와 수당은 얼마인지 알아보자 (0)	2013/02/04
학교의 눈물-일진과 빵셔틀 (0)	2013/01/14
샘 해밍턴 독도가 일본땅이면 일본은 한국땅? (2)	2013/01/11
2013 스타벅스 럭키백 선착순 판매 (0)	2013/01/08
안철수 원장 드디어 대통령 출마 (0)	2012/09/19
지하철 야동남 너무하네 (0)	2012/06/05

구글 에드센스 최적화버젼인 Adsense 티스토리 스킨 제작 보고 및 기획변경

대문 demun — Wed, 23 Jan 2013 21:17:50 +0900

당초에 예상했던 스킨은 작업이 90%가량이 끝난상태입니다. 하지만 계획이 변경되었습니다. 좀더 좋은 스킨을 만들고자함입니다.

이전처럼 다 제작되면 어느정도 테스트하고 배포하는 형태가 아닌 이왕이면 잘 만들어서 여러분과 공유하고, 오래 사랑받는 스킨을 만들고자 함입니다.

2단 레이아웃에 여러 형태의 구글광고가 탑재하기 용이하게 제작하려 했지만 좀더 좋은쪽으로 계획을 변경했습니다.

당초의 계획은 아래와 같습니다.

1. 2단 레이아웃.

2. 여러형태의 구글광고 탑재.

3. 가볍고 심플한 스타일.

4. 다양한 컬러셋.

5. 티스토리 본래의 기능지원(스킨위자드,티에디션,블로그메뉴 등).

6. 마크업검사에 통과할정도의 깔끔한 코드와 크로스브라우징(ie7 이상지원, ie6은 보너스 그닥 신경쓰고 싶지 않음....)

제작하려는 컬러셋은 아래의 이미지와 같습니다.

여기에 추가된 점은 아래와 같습니다.

1.레이아웃 추가 - 1단, 2단심플(본문 사이드바, 사이드바 본문), 2단복합(본문 사이드바, 사이드바 본문),3단레이아웃(본문 사이드바 사이드바, 사이드바 본문 사이드바, 사이드바 사이드바 본문)

2. 해상도 추가 - 1024해상도, 1200해상도

3. 아주 심플한 스킨(이미지가 하나도 없이 무진장 가벼운 스킨)부터 좀 꾸민 스킨(그럭저럭 이것 저것 들어갔지만 그래도 가벼운 스킨)까지 제작하려 합니다.

그리고 이번에 제작하는 스킨은 좀 신경을 쓰려합니다.

즉 오래가는 스킨을 제작하고 싶은 마음입니다.

그래서 다시 계획을 변경하고 배포를 미룹니다.

한가지 이 스킨을 제작하면 무료로 배포할 겁니다. 배포 조건은 앙케이트 조사...ㅎㅎㅎㅎ.

이전과 같이 무작정 배포는 안합니다. 원하는 분들에게만 이메일로 보내줄겁니다.

아래의 덤.

이 글을 보시는 분은 그냥 가지마시고 몇글자 댓글을 남기고 가주시기 바랍니다.

이는 좀더 좋은 티스토리 스킨을 만들고 여러분과 공유하는데 아주 큰 도움이 됩니다.

아래의 문제에 댓글로 답해주세요. 번호까지 넣으면 더 좋습니다. 그래야 제가 알기에도 좋으니까요. 비밀글에 체크해도 상관없습니다.

1. 가장 선호하는 본문 너비는?

예제. 600px 또는 600px ~ 700px

2. 가장 선호하는 사이드바 너비는?

예제; 300px 또는 250px ~ 300px

3. 스킨을 볼때 가장 중요시 하는 부분은 무엇인가요? 또는 이런것 때문에 이 스킨을 쓴다...등등.

예제; 메인메뉴가 심플해서, 또는 사이드바 간격이 적당해서, 또는 디자인이 심플해서, 또는 좋은 기능이 많아서....등등 자세할수록 좋습니다.

4. 좋와하는 스킨의 컬러는?

등등 알려주시면 좋습니다.

한가지더 제작하는 형태가 워낙 많고, 컬러셋도 다양하니 테스터 할 분을 더 모집합니다.

조건은 이전에도 말했듯.....

html, css 를 좀 알아야합니다.

스킨을 변경할 줄 알아야 합니다.(뭐가 뭔지는 알아야 한다는 겁니다.) - 초보는 안됨.

티스토리 블로그를 하고 있고, 티스토리 기능을 알아야 합니다.(최소 티에디션이 뭔지? 스킨위자드...등등이 뭔지 알아야 한다는 말입니다.)

여기에 한가지 더 추가합니다.

색감이 좋다, 컬러 감각이 좋다, 고급스런 스킨을 많이 알고 있어 보는 분이 있다...등등의 장점이 있으면 신청해주세요.

테스트는 바로 시작하지 않습니다.

예상으로는 대략 한달정도가 걸릴듯합니다.

Adsense 스킨을 테스트 해줄분은 아래 댓글을 달아주세요.

비밀글에 체크하고 이름과, 이메일, 본인블로그를 적어주시면 제가 메일 보내겠습니다.

'티스토리 > 스킨변경이력' 카테고리의 다른 글

구글 에드센스 최적화버젼인 Adsense 티스토리 스킨 제작 보고 및 기획변경 (29)	2013/01/23
에드센스 스킨을 테스트 해줄분을 찾습니다. (4)	2013/01/20
여려분은 어떤 스타일이 좋은가를 물어봅니다. (2)	2013/01/20
애드센스 최적화 버젼인 티스토리 스킨 Adsense 를 만들고 있습니다. (5)	2013/01/15
Responsive 반응형 티스토리 스킨 (0)	2013/01/06
반응형 티스토리 블로그 스킨 Responsive 를 소개합니다. (8)	2013/01/04

정지영이 속옷만 입고 뛴 까닭은?

대문 demun — Wed, 23 Jan 2013 12:31:03 +0900

22일 방송된 SBS <강심장>에 출연한 정지영은 코트 속에 속옷만 입고 출근했던 사연을 털어놔서 인기다.

정지영은 "매일 아침 6시 생방송이었는데 당시 집이 과천이였다고 합니다.다. 아침에 눈을 떠보니 5시 45분이였고, 일어나자마자 속옷 차림에 코트를 입고 여의도로 논스톱 차를 몰고 갔다고 합니다. 다행히도 차가 막히지 않아서 1분 전에 기적적으로 방송국에 도착했고 속옷에 바로 코트를 입고 주차장에 차를 버린 채 스튜디오로 뛰었다"고 말했습니다.

이어 "멘트와 화장을 반복하며 방송을 진행했고 방송이 끝날 때 쯤에는 메이크업이 완성됐다"고 합니다.
이런것이 프로가 아닌가 싶네요.
안되면 바로 포기하는 세태에 이런 정신이 귀감이 되어야 한다고 생각합니다.

요즘 젊은 사람들중에는 하다가 안되면 바로 포기하고, 고생을 하면서 무언가를 이룰려고 하는 정신이 많이 부족한듯 합니다.

이어 정지영은 강심장에서 뮤직박스를 진행할때는 군인들한테 인기가 많았다며, 전국 각 부대의 이름과 위치를 다 기억할만큼 편지를 많이 보냈다고 합니다.

근데 다음이 반전이죠.

결혼발표와 동시에 그 많던 편지가 딱 끊겨서 웃움을 자아냈다고 합니다.
역시 여자 인기인에게 결혼이란 곧 인기의 몰락을 말하나 봅니다.

[일상] - 마구치고 올라오는 차구차구

[일상/연예가소식] - 허윤미 노출

[일상/연예가소식] - 비 정지훈 김태희와의 스킨들문제로 보직변경 신청

[티스토리/스킨변경이력] - 애드센스 최적화 버젼인 티스토리 스킨 Adsense 를 만들고 있습니다.

[일상/뉴스] - 학교의 눈물-일진과 빵셔틀

[일상/연예가소식] - 서유리 노출이 왜?

[Development/에디터] - Sublime text 2에서 프로젝트 사용하는 방법

'일상 > 연예가소식' 카테고리의 다른 글

이하늬의 굽없는 킬힐 (0)	2013/02/07
윤현숙 양악수술후 달라진 점 비교 (0)	2013/02/05
정지영이 속옷만 입고 뛴 까닭은? (2)	2013/01/23
결별소식의 정가은 남자친구?? (0)	2013/01/16
허윤미 노출 (0)	2013/01/15
비 정지훈 김태희와의 스킨들문제로 보직변경 신청 (0)	2013/01/15

에드센스 스킨을 테스트 해줄분을 찾습니다.

대문 demun — Sun, 20 Jan 2013 15:27:44 +0900

이번에 에드센스 스킨을 제작했습니다.

아이콘이 있는 스타일과 아이콘이 없는 스타일 크기 두가지 입니다.

그런데 각각 컬러셋이 16개가 존재합니다.

물론 스타일은 같고, 컬레셋만 바꾼겁니다.

여하튼 각각의 스타일을 사용해보고, 테스트를 해줘야 합니다.

이 스킨은 스킨위자드, 티에디션, 메뉴설정 등 모두 다 지원합니다.

각각 테스트 해보시고, 무엇보다 광고를 다 삽입을 해보셔야 합니다.

구글의 광고를 약 7가지 형태를 지원합니다.

각각의 구글 광고를 삽입해보고, 잘 되는지 확인 해야 합니다.

제가 평일에는 시간이 안되고 주말에만 작업이 가능해서 시간이 더디네요....

테스트를 해줄분은 아래의 사항에 맞아야 합니다.

티스토리 스킨을 잘 알고 있는 분
스킨을 변경하는데 있어 무리가 없는 분.
html, css 를 어느정도는 아는분. (코드를 보고 수정할 줄 알아야 합니다.)
시간이 있는 분(저처럼 시간이 없어서 테스트를 못하면 안됩니다. 열정을 갖고 좀 이것 저것 테스트를 해 줄분이여야 합니다.)
티스토리 블로그가 있는 분.

참여를 하고자 하시면 아래 댓글에 본인블로그주소와 이메일주소, 이름 등을 비밀글에 체크하고 적어주세요.

제가 메일로 자세한 사항은 보내드리겠습니다.

두 세분정도면 될것 같습니다.

이글은 스킨 배포글이 아닙니다. 제가 도움을 받고자 도움을 요청하는 글입니다.

테스트가 끝나면 다 배포할 예정입니다.

그전에 위의 사항에 맞는 분들은 신청을 해주시기 바랍니다.

'티스토리 > 스킨변경이력' 카테고리의 다른 글

구글 에드센스 최적화버젼인 Adsense 티스토리 스킨 제작 보고 및 기획변경 (29)	2013/01/23
에드센스 스킨을 테스트 해줄분을 찾습니다. (4)	2013/01/20
여려분은 어떤 스타일이 좋은가를 물어봅니다. (2)	2013/01/20
애드센스 최적화 버젼인 티스토리 스킨 Adsense 를 만들고 있습니다. (5)	2013/01/15
Responsive 반응형 티스토리 스킨 (0)	2013/01/06
반응형 티스토리 블로그 스킨 Responsive 를 소개합니다. (8)	2013/01/04

여려분은 어떤 스타일이 좋은가를 물어봅니다.

대문 demun — Sun, 20 Jan 2013 14:46:24 +0900

스킨을 제작하고 있는데 거의 완성되어 갑니다.

한가지를 놓고 고심을 하고 있는데 아이콘이 잇는 스킨과 아이콘이 없는 스타일 입니다.

두가지 스샷을 첨부하니 어떤것이 더 좋은지 댓글로 알려주세요.

아이콘이 없는 스킨.

아이콘이 있는 스킨

'티스토리 > 스킨변경이력' 카테고리의 다른 글

구글 에드센스 최적화버젼인 Adsense 티스토리 스킨 제작 보고 및 기획변경 (29)	2013/01/23
에드센스 스킨을 테스트 해줄분을 찾습니다. (4)	2013/01/20
여려분은 어떤 스타일이 좋은가를 물어봅니다. (2)	2013/01/20
애드센스 최적화 버젼인 티스토리 스킨 Adsense 를 만들고 있습니다. (5)	2013/01/15
Responsive 반응형 티스토리 스킨 (0)	2013/01/06
반응형 티스토리 블로그 스킨 Responsive 를 소개합니다. (8)	2013/01/04

마구치고 올라오는 차구차구

대문 demun — Thu, 17 Jan 2013 21:09:41 +0900

국내최초 11 대 11 온라인 축구게임 차구차구 입니다.

차구차구는 국내 및 해외 축구선수들의 실제 특성을 담아내서 제작한 것이 특징입니다.

특성을 담았지만 꽤나 귀엽게 만들었습니다.

캐릭터들이 아주 귀엽습니다.

차구차구는 구엽게 만든 캐릭터들과 카드를 모아 자신만의 팀을 구성할 수 있으니 게임당사는 바로 차범근 감독 같은 감독 및 운영자가 되는거죠 ㅎㅎㅎ

자동수비나 수비간소화 시스템이 큰 장점이라고 합니다.

차구차구는 메시와 호날두의 라이벌관계를 만들엇는데.....이런 세계적인 라이벌 관계가 우리나라에서도 나와야하는데...

카드형식으로 선수를 구입하고 배치시키는데, 전설급 선수라고해서 구입하기 어려운것은 아닙니다. 확률인데요. 무엇보다 아무리 전설의 선수, 강자라해도 여기서는 마냥 귀여운 캐릭터 입니다.

게다가 아기자기한 개인기까지 부리는 모습을 보면 웃지 않을수 없죠.....

차구차구는 소개는 여기로..... http://cha9.netmarble.net/guide/introduce/index.asp

간단한 동영상도 있으니 모르시는분들은 참고하셔도 될겁니다.

특히 축구 좋와하는 분들은 아주 좋아하겠어요....

이런걸 어떤 분들이 만들었는지???

멋진 슛 ~~~~

[티스토리/스킨변경이력] - 애드센스 최적화 버젼인 티스토리 스킨 Adsense 를 만들고 있습니다.

[Development/도구] - 공짜 html5 템플릿

[Development/에디터] - Sublime text 2에서 프로젝트 사용하는 방법

[티스토리] - 2012 티스토리 우수블로그 기념품 받았습니다.

[Development/도구] - 그리드시스템-레이아웃을 잡아주는 도구 Semantic

[티스토리/스킨변경이력] - Responsive 반응형 티스토리 스킨

[일상/연예가소식] - 결별소식의 정가은 남자친구??

[일상/연예가소식] - 허윤미 노출

[일상/연예가소식] - 비 정지훈 김태희와의 스킨들문제로 보직변경 신청

[일상/뉴스] - 학교의 눈물-일진과 빵셔틀

[일상/연예가소식] - 야왕 첫음부터 대박

[일상/연예가소식] - 서유리 노출이 왜?

[일상/연예가소식] - 한가인 닮은 고두림 인기

'일상' 카테고리의 다른 글

에드센스 스킨과 그간의 근황 (14)	2013/04/07
고속도로 교통상황 (0)	2013/02/08
마구치고 올라오는 차구차구 (0)	2013/01/17
에뛰드하우스 50% 할인행사 (0)	2013/01/11
안철수가 대권 출마에 임하는 자세 (0)	2012/07/24
모바일 화면을 변경해봤습니다. (2)	2011/11/15

결별소식의 정가은 남자친구??

대문 demun — Wed, 16 Jan 2013 20:22:09 +0900

정가은이 남자 친구가 있었다....과거형....

자신의 이상형에 99% 닮은 사람이라고 했으며 결혼까지 생각했을정도로 자신한테는 꽤나 중요한 사람이였습니다.

남자친구와 인사동 거리에서 떡볶이, 호떡등을 먹으며 데이트를 즐겼다며 이야기 했습니다.

15일(어제)방송된 강심장에서 그 남자친구와 결별했다는 소식에 큰 이슈가 되고 있습니다.

남자친구와 헤어진 이유를 이야기했는데 바로 정가은의 밀당에 남자친구가 지쳤다는 이야기 입니다.

정가은은 "괜히 옛날에 한번 본 사람이 계속 보자고 하는데 어떡하냐고 일부러 물어봤다"면서 그런 등등의 일들로 인해 헤어지는 이유가 됐다고 합니다.

문제는 이런 사연을 들은 네티즌 수사대가 사연이 애듯하다며, 남자친구가 누구냐? 에 관심이 쏠렸습니다.

그로인해 실시간 검색어 1위에 단방에 오른는 귀염을 보이고 있습니다.

강심장에서 정가은은 시스타의 나혼자 안무를 연습해 왔다며 춤솜씨를 선보였다고 합니다.

'일상 > 연예가소식' 카테고리의 다른 글

윤현숙 양악수술후 달라진 점 비교 (0)	2013/02/05
정지영이 속옷만 입고 뛴 까닭은? (2)	2013/01/23
결별소식의 정가은 남자친구?? (0)	2013/01/16
허윤미 노출 (0)	2013/01/15
비 정지훈 김태희와의 스킨들문제로 보직변경 신청 (0)	2013/01/15
야왕 첫음부터 대박 (0)	2013/01/14

허윤미 노출

대문 demun — Tue, 15 Jan 2013 21:24:55 +0900

레이싱 모델이자 가수인 허윤미가 아시아 모델 시상식 인기상을 수상했습니다.

1월 15일 터치걸 화보집 공개로 각종 포털사이트 실시간검색어 상위에 오른 허윤미가 이날 서울시 송파구 방이동 올림픽공원 올림픽홀에서 열린 제8회 2013 아시아 모델 시상식(AMFA)에서 레이싱모델 인기상을 수상했습니다.

하지만 허윤미의 이슈는 시상식이 발단이 되어 노출관련 키워드 입니다. 원 이슈는 모바일 섹시화보인데요....

이슈가 된 허윤미의 모바일 섹시화보는 이미지만 제공되던 그간의 모바일 화보집과 다르게 터치에 따라 모델이 다양한 반응을 하는 인터렉션 게임 형태로 제작됐습니다. “모바일의 터치에 따라 허윤미가 다양하게 반응해 허윤미를 직접 만지고 함께 노는 것 과 같은 기분을 주는것 같아 많은 사용자들이 신기해 했습니다.

[일상/연예가소식] - 비 정지훈 김태희와의 스킨들문제로 보직변경 신청

[일상/뉴스] - 학교의 눈물-일진과 빵셔틀

[일상/연예가소식] - 서유리 노출이 왜?

[일상/연예가소식] - 한가인 닮은 고두림 인기

[Development/도구] - 웹폰트 아이콘-Font Awesome

[Development/도구] - 그리드시스템-레이아웃을 잡아주는 도구 Semantic

[Development/도구] - 손쉽게 버튼을 만들어주는 버튼 생성기

[Development/도구] - html을 압축하는 좋은 사이트 알려드립니다.

[티스토리/티스토리가이드] - 티스토리 스킨,플러그인,위젯등을 사용하기전 한번쯤 생각해봐야 될 것들

[티스토리/스킨변경이력] - Responsive 반응형 티스토리 스킨

[티스토리/스킨변경이력] - 반응형 티스토리 블로그 스킨 Responsive 를 소개합니다.

터치걸을 서비스하고 있는 인터프라임의 강용주 본부장은 “접속자 폭주로 인해 서버가 다운되는 등 접속자가 폭발적으로 늘어나고 있다”며 터치와 함께 구동되는 서비스 품질에 대한 자부심을 나타냈습니다.

터치걸은 현재 허윤미 외에도 허윤미와 함께 아시아 모델 시상식 인기상 후보에 오르며 선의의 경쟁을 펼쳤던 박소유를 비롯해 김유연, 방은영, 조세희 등 여러 모델 버전을 서비스하고 있지만 정작 인기탑을 달리고 있는 모델은 허윤미입니다.

위에서도 언급했지만 이것이 곧 노출이라는 키워드와 연결이 되었다는거죠.

모델 -> 섹시화보 거기에 시상식 인기상...등등이 노출이라는 키워드를 타고 허윤미를 더욱 유명하게 만들고 있습니다.

'일상 > 연예가소식' 카테고리의 다른 글

정지영이 속옷만 입고 뛴 까닭은? (2)	2013/01/23
결별소식의 정가은 남자친구?? (0)	2013/01/16
허윤미 노출 (0)	2013/01/15
비 정지훈 김태희와의 스킨들문제로 보직변경 신청 (0)	2013/01/15
야왕 첫음부터 대박 (0)	2013/01/14
서유리 노출이 왜? (0)	2013/01/13

Links for 2012-09-14 [del.icio.us]

Sat, 15 Sep 2012 00:00:00 PDT

demun(대문블로그)

sublime text 2에서 글꼴설정,자동줄바꿈 설정하기

자동줄바꿈 설정하기.

'Development > 에디터' 카테고리의 다른 글

크롬과 플래시가 충돌날때 해결법

'컴퓨터 > 크롬' 카테고리의 다른 글

열고 닫는 부분의 오류를 잡아주는 Bracket Highighter

'Development > 에디터' 카테고리의 다른 글

크로스브라우징 CSS 버튼

'Development > css' 카테고리의 다른 글

티스토리 서식으로 사용할만한 그림자가 포함된 박스 서식

박스 스타일 미리보기

'Development > css' 카테고리의 다른 글

티스토리 서식으로 사용할만한 목록 서식

li 안에 a가 없은 리스트

li 안에 a가 있는 리스트

동그라미 리스트 형태

네모 리스트 형태.

동그라미 트랜지션 형태

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet

'Development > css' 카테고리의 다른 글

티스토리 서식으로 사용할수 있는 css 박스 서식

'Development > css' 카테고리의 다른 글

에드센스 스킨 배포

에드센스 스킨 배포.

자바스크립트가 포함된 스킨 배포.

'티스토리 > 스킨배포' 카테고리의 다른 글

에드센스 스킨의 미리보기와 사용방법

자바스크립트가 포함된 스킨 미리보기

컬러셋을 변경하는 방법

'티스토리 > 스킨배포' 카테고리의 다른 글

에드센스 스킨의 특징

1. 가벼움.

2. 레이아웃.

3. 컬러셋.

4. 글꼴.

5. 스킨위자드.

6. 블로그메뉴.

7. 티에디션.

8. 고급형(자바스크립트)

'티스토리 > 스킨배포' 카테고리의 다른 글

에드센스(Adsense)스킨의 제작목적과 동기

1. 기본 배경은 흰색이되 변경 가능해야 한다(스킨위자드....)

2. 사용자 정의 설정

3. 쉬워야 한다.

4. 다양한 사용자의 요구사항.

'티스토리 > 스킨배포' 카테고리의 다른 글

ie7 에서의 z-index 버그

'Development > css' 카테고리의 다른 글

티스토리 초대장을 재배포합니다.[마감]

티스토리 초대장

'티스토리 > 티스토리초대장' 카테고리의 다른 글

부트스트랩 Bootstrap 3

'Development' 카테고리의 다른 글

에드센스 스킨과 그간의 근황

'일상' 카테고리의 다른 글

css 애니메인션 드롭다운

'Development > css' 카테고리의 다른 글

티스토리 블로그 스킨에서 구현하고 싶은 기능에는 뭐가 있을까요?

'티스토리 > 스킨배포' 카테고리의 다른 글

2013년 구글 에드센스 우수블로그 선정 복주머니 이벤트

'블로그 > 블로그 광고' 카테고리의 다른 글

고속도로 교통상황

'일상' 카테고리의 다른 글

이하늬의 굽없는 킬힐

'일상 > 연예가소식' 카테고리의 다른 글

Sublime text 에서 euc-kr 파일여는 방법

'Development > 에디터' 카테고리의 다른 글

윤현숙 양악수술후 달라진 점 비교

다른글

'일상 > 연예가소식' 카테고리의 다른 글

복지로란 무엇인지? 받을수있는 보육료와 수당은 얼마인지 알아보자

'일상 > 뉴스' 카테고리의 다른 글

구글 에드센스 최적화버젼인 Adsense 티스토리 스킨 제작 보고 및 기획변경

'티스토리 > 스킨변경이력' 카테고리의 다른 글

정지영이 속옷만 입고 뛴 까닭은?

'일상 > 연예가소식' 카테고리의 다른 글

에드센스 스킨을 테스트 해줄분을 찾습니다.