demun(대문블로그)

티스토리스킨수정/제목2012. 10. 11. 09:00

비지니스 블로그 스킨은 티스토리 스킨으로 비지니스블로그를 타켓으로 제작된 스킨입니다.현재 계속 업데이트 중이며, 사용자편의성에 맞쳐 수정중입니다. 하지만 현재 사용하시는분들의 대한 가이드가 없어 이렇게 하나 하나 포스팅을 합니다.먼저 오늘은 비지니스 블로그 스킨의 로고부분을 본인것으로 수정하는 방법을 알려드립니다. 1. 이미지를 수정해서 업로드 하는 방법.2. 이미지를 사용하지 않고 제목을 글로 사용하는 방법. 1. 이미지를 수정해서 사용하는 방법.비지니스 블로그 스킨에 포함된 로고는 HTTP 요청 횟수를 줄여줄 수 있는 CSS Sprites 기법으로 제작되었습니다.즉 이미지 한장으로 두가지 효과를 주는 기법입니다. 높이가 150px 이고, 너비가 전체폭너비인 960px 입니다.그래서 두개의 이미지 크기..

퍼블리셔/도구2012. 10. 10. 09:00

제목에 나와있듯 왠만한 언어는 다 해당이 됩니다.저의겨우 코딩을 많이 하다보니 코드를 정렬하고, 압축하고, 다시 이쁘게 들여쓰기가 된 상태로 정렬하는 과정을 자주 거칩니다.매번 할때 불편하니 이걸 한방에 해결해주는 사이트를 찾아 이용하고 있는데요. 여러분들도 알면 좋겠다싶어 이렇게 소개합니다. http://prettydiff.com/?m=beautify&html 아래 스샷을 보시고 참고하세요.왼쪽에 1번은 압축을 하거나 이쁘게 들려쓰기하거나 하는걸 설정합니다.2번은 언어를 선택하는곳입니다. 아래 스샷에는 스타일코드를 넣었는데 자동으로 인식해서 압축을 한 스샷입니다.인식을 못할경우 언어를 선택해주면 됩니다. 이 사이트는 압축을 하고, 다시 들여쓰기가 된 상태로 보여주는 기능을 하기 때문에 아주 편리합니다.

컴퓨터2012. 10. 9. 09:00

컴퓨터를 사용하다보면 새폴더를 만들어야 할때가 있습니다. 아주 편리한 기능중에 하나죠. 알집을 사용하면 마우스 우측버튼을 클릭하면 나오는 컨텍스트 메뉴를 사용할 수 있습니다. 그것 때문에 알집을 사용하는 사람들도 많이 있을겁니다. 하지만 반디집은 그런것도 해결을 해줍니다.반디집 -> http://www.kippler.com/bandizip/알아서 풀기......요런 메뉴도 있어요.아주 편리한 기능을 넣어서 만들어서 사용자가 쓰기에 정말 편합니다. 한가지 설치하신다음 기본설정에서 하나만 체크를 해주는것이 더 좋을것 같습니다. 사용하다보니 압축을 풀고 자동으로 압축해제한 폴더를 열어주는것이 필요한데 기본설정에는 체크가 안되있더군요.환경설정에서 여기에 체크만해주고 사용해보세요. 무척 편리한 프로그램입니다.

티스토리/스킨배포2012. 10. 8. 09:00

이름하여 Business Blog Skin 비지니스 블로그 스킨입니다. 전체적으로 흰색 바탕에 깔끔한 스킨이며 미리보기는 하단에 링크를 제공했으니 꼭 방문해서 아래의 기능들을 둘러보고 클릭해보세요. 티스토리 스킨을 약 30여회 제작을 했습니다. 그중에 필요한 기능이 있는것도 있고 없는것도 있고 합니다. 여러분이 많은 피드백을 줘서 나름대로 사용할만한 기능을 추가해서 제작을 했습니다. 배포하는 BusinessBlogSkin 기능을 소개합니다. 이글을 읽지 않고서는 어떻게 사용하는지 조차 모를정도로 기능이 많고 복잡합니다. 티스토리 초보분들은 잘 읽고 사용하셔야 합니다. 아직까지도 본문의 글을 읽지도 않고 무작정 스킨을 요구하는 분들이 있습니다. 그러지 마세요...힘빠집니다.... 사설 접고 스킨의 소개와 ..

티스토리스킨수정/스킨수정도와줌2012. 10. 7. 09:00

2013.07.22 현재 스킨 수정을 도와드리지 못합니다. 차후 시간이 되면 다시 시작하겠습니다.간단한 질문과 답변은 가능하니 해당 포스트에 댓글 주시면 됩니다. 티스토리 스킨 수정을 대문이 도와드립니다.수정을 원하면 이글이나 메일로 신청하시면 됩니다.메일주소 : demunskin@naver.com 이글은 공지사항이나 카테고리에 있습니다. 아래의 글을 잘 읽어보시고 양식에 맞게 신청해주시면 고맙겠습니다. 티스토리 스킨 수정의 조건.제가 시간을 내서 여러분의 스킨을 수정을 해주는 것은 하나의 조건이 있습니다. 제가 스킨 수정을 모두 끝낸 후 파일을 보내드리면 스킨을 적용하시고 그것에 관련해서 수정 내용이나 이러 저러한 점을 포스팅하세요.그 다음 그 글을 http://demun.tistory.com/trac..

티스토리스킨수정/사이드바2012. 10. 6. 12:09

비지니스 블로그 스킨인 BusinessBlogSkin을 사용법을 제작하다가 혹 모르시는분들이 있을까해서 이렇게 포스팅하게 됐습니다.이 스킨뿐만 아니라 사이드바의 특정부분을 사이드바의 모듈로 사용하고자 하는데 잘 모르시는분은 이 글을 참고하시면 됩니다.사이드바의 모듈로 사용하면 언제든 쉽게 수정할 수 있고 추가 삭제가 편합니다. 자주 사용하는 사이드바의 광고 같은 경우를 들 수 있습니다.스킨마다 사이드바의 너비가 다르니 스킨을 자주 변경하시는분은 광고코드를 모듈로 저장해놓으면 사이드바의 너비에 따른 광고코드 삽입이 용이합니다. 자 이제 시작합니다.비지니스 블로그 스킨인 BusinessBlogSkin 을 예로 들어보겠습니다.제가 배포할때 고정된 하단글에 사용자가 수정할 수 있도록 공간을 마련해놨습니다. 아래..

티스토리/스킨배포2012. 10. 5. 19:53

부트스트랩 프레임워크를 바탕으로한 티스토리 스킨인 Bootstrap_TS_ver.3_1 을 배포합니다.부트스트랩은 기본적으로 반응형입니다. 즉 기기에 따른 레이아웃이라는 이야기 입니다.실제로 브라우져 창을 작게해보시면 어떤식으로 변하는지 알 수 있습니다. 아시는분은 아시겠지만 Bootstrap_TS_ver.3 은 여러 기능을 포함했었습니다. 대부분의 기능이 유용한 기능임에도 블로그에서는 많이 사용하지 않은 기능이라 이번에는 거의 모든 기능을 빼고 아주 가볍게 제작을 했습니다.그래서 버젼은 3.0 이 아닌 3.1을 배포합니다. 또한 부트스트랩 자체가 업데이트가 되면서 좀더 유연하고 좋은 스킨을 만드는데 도움이 됐습니다.부트스트랩은 거의 기능이 같기 때문에 모든 기능은 거의 비슷합니다. 매우 가볍게 제작이 ..

퍼블리셔/css2012. 10. 4. 08:30

어도비에서 css 속성들을 테스트 해볼수 있는 사이트를 오픈했는데 이제야 찾네요.....사실 추지호님이 알려주신 겁니다. ㅎㅎㅎㅎ 여하튼 여러가지 필터들을 미리보면서 테스트할 수 있는 곳입니다. http://html.adobe.com/webstandards/csscustomfilters/cssfilterlab/ 아래 그림을 보시면 Add Filter을 클릭하면 아래로 여러가지 필터들을 볼 수 있습니다. 필터를 클릭하면 왼쪽으로 속성을 조정할 수 있는 곳이 나오고 조정하면 우측에서 미리보기를 할 수 있습니다. 마찬가지로 맨 아래에는 코드를 미리볼 수 있습니다. 테스트 용으로 여러가지 사용해보시기 바랍니다.

퍼블리셔/css2012. 10. 3. 08:30

애니메이션 ( Animations) 이 CSS3 속성에 있습니다. 아직 완변한 문서와 기술들이 표준화 되지 않아서 많이 사용은 안하지만 영어권에서는 곧잘 사용합니다. 재미있게도 opera.dev 에서 둘이 테스트를 해봤습니다. 애니메이션 효과를 줬을때 CSS3 가 나은지? Jquery 가 나은지를.... 결과부터 말한다면 CSS3 의 한쪽 승입니다. 속도와 코드분량으로 봐서는 당연 CSS3의 승입니다. 하지만 우리에게는 익스플로러라는 큰 벽이 있습니다. ie8을 공식 지원하지 않겠다라는 기분 좋은 소식도 있지만...... 여하튼 CSS3는 익스플로러가 현재 지원하지 않습니다. 그래서 익스를 포함한 브라우져에 애니메이션 효과를 적용하려면 Jquery 를 사용해야만 합니다. 얼마만큼의 성능차이가 있는지? 스..

퍼블리셔/css2012. 10. 2. 14:23

제목이 거창하죠 ...ㅎㅎㅎㅎ css3 속성을 보면 아직 표준이 정해지지 않아서 각 브라우져마다의 접두사를 사용해서 코딩을 합니다. 원래 w3c에서 정해준 속성을 사용한다면 대략 아래와 같습니다. .box { background: linear-gradient(top, #e3e3e3 10%, white); } @-webkit-keyframes "slide" { 0% { left: 0; box-shadow: 10px 10px 10px black; } 100% { left: 50px; box-shadow: 5px 5px 5px black; } } 하지만 브라우져에서 지원을 하지 않죠. 나중에 지원할지는 몰라도 .... 그래서 각 브라우져의 접두사를 넣은 속성을 먼저 적어주고, 나중에 위의 속성을 적습니다. 그..