demun(대문블로그)

티스토리/스킨배포2013. 5. 7. 10:30

2013.08.03 작성.현재 에드센스 스킨은 모두 배포를 중지합니다. 제 컴퓨터에 하드디스크가 윈도우에 설치된것이 320GB, 백업용 1테라 두개를 끼워 사용하고 있었는데. 이번에 또 하드디스크 3개모두가 뻗었습니다.스킨은 물론 제 개인자료까지 몽땅 날라갔습니다.오늘에서야 시간이 되서 하드디스크를 새로 주문했습니다.그래서 스킨을 공유할래야 공유할수가 없습니다. 죄송합니다. 저도 이번처럼 한날 한시에 하드디스크 3개가 몽창 뻗는것은 컴퓨터를 사용하고 첨입니다.맨밑에 댓글을 달아주신 8분에게는 정말 미안합니다. 아시다시피 에드센스 스킨은 레이아웃이 다양합니다. 본인이 사용하고 싶은 스킨을 잘 보고, 요청하시면 제가 보내드리겠습니다.스킨은 중복으로 요청이 가능합니다. 에드센스 스킨의 목적은 가벼움, 다양한 ..

티스토리/스킨배포2013. 5. 7. 10:29

에드센스 스킨의 특징을 잘 보시면 대부분 이해하실거라 생각됩니다.워낙 다양한 레이아웃과 컬러셋이 있어서 가이드가 있어야 할 것 같아 이렇게 작성합니다. 스킨 미리보기 - 다양한 레이아웃이 어떤 형태로 보여지는지 알 수 있습니다.에드센스 스킨의 미리보기는 동영상으로 참고하시기 바랍니다.동영상이 다소 매끄럽지 못한것은 이해해주세요. 소리가 작습니다. 키워서 들어주세요. 위에서 말한 레이아웃도 있지만 고급형태인 자바스크립트가 포함된 버젼도 있습니다. 자바스크립트가 포함된 스킨 미리보기 자바스크립트가 포함된 버젼은 위에서 제공하는 스킨형태인 2단 스킨입니다.현재 제 블로그에 적용되어 있는 버젼인데요. 두가지 스타일이 있습니다.메인메뉴를 어떻게 사용하는지에 따라 입맛에 맞게 사용하시면 됩니다.메인메뉴를 에니메이션..

티스토리/스킨배포2013. 5. 7. 10:29

여러가지 의도와 목적을 가지고 제작되었던 스킨이니만큼 많은 특징이 있습니다. 그 특징을 참고하시고 사용하시기 바랍니다. 1. 가벼움. 애초의 계획대로 에드센스 스킨은 가벼운것을 목적으로 제작되었습니다. 이미지를 거의 사용하지 않고, css로 많은 부분을 대신했습니다. 그래서 다른 스킨에 비해 무척 가볍습니다. 가벼움을 유지하기 위해서는 이미지 사용을 최대한 배제해야 했습니다. 다양한 컬러셋에 맞는 스킨을 제작하기 위해서는 웹폰트 아이콘이 최고의 선택이였죠. 하지만 티스토리에서는 웹폰트 아이콘을 100% 지원하지 않았습니다. 예전에 부트스트랩에서 사용하던 웹폰트 아이콘도 많은 실패를 거듭했지요. 허나 마침내 사용방법을 알아냈고, 웹폰트 아이콘을 사용함으로써 각각의 컬러셋에 맞는 아이콘을 만들수 있었습니다...

티스토리/스킨배포2013. 5. 7. 10:29

티스토리 스킨을 제작한지가 몇년이 가고, 제작된 스킨만도 약 40여종 이상이되어가는데...길이 남을 역작이 없습니다.이유는 만드는데에 급급했고, 만들면 빨리 적용하고픈 생각때문입니다.사용하면서 다듬고....다듬고....해서 버젼이 올라가지만....당초에 계획했던것과는 다소 멀어지는 현상이 계속 반복되어 왔습니다. 또,이왕 티스토리 스킨을 제작하는데....좀 더 많은 사람들이 사용하고......좀더 쉽게 사용하고......활용도가 높은 스킨 을 한번 만들어보자는 것입니다.제가 이때까지 제작하면서 기술적으로 가장 난이도가 높은것은 반응형 스킨인데...어두운 배경색을 가지고 있었습니다.가장 고급기술과 난이도가 있지만 활용도면에서 떨어졌습니다. 이유는 바로 어두운 배경색 때문이였습니다. 티스토리의 모든 플러그인..

티스토리/스킨배포2013. 2. 16. 22:59

현재 에드센스 티스토리 스킨을 제작하고 있습니다.자바스크립트가 들어간 최종버젼을 제작하고 있는데요.....블로그 스킨에서 구현되었으면 하는 기능에는 무었이 있는지 여러분께 여쭤봅니다. 제가 생각하기에 가장 많이 구현되어야 하는것을 아래 두가지가 있습니다.첫번째는 메인메뉴의 드롭다운 기능.두번째는 사이드바의 카테고리 접고 펴는 기능. 이외에 꼭 구현이 되었으면 기능이 있으면 댓글을 부탁합니다.

티스토리/스킨배포2012. 10. 22. 22:33

부트스트랩 스킨 자바스크립트에 문제가 있어 업데이트 합니다.이것도 트랙백을 날려주셔서 알게 됐습니다.http://demun.tistory.com/2203#trackback4435504 부트스트랩에서 사용하는 js 와 스킨에 사용되는 js 를 모두 하나의 js 에 포함해서 배포를 했습니다.js 를 압축할때 사용했던 도구는 이전에 설명했던 코드정렬사이트를 이용했는데 확인결과 압축시 코드를 약간 변형시켰습니다. 그래서 다시 YUI 를 이용했습니다.확인결과 정상작동 되었습니다. 자바스크립트는 총 3줄입니다.제일위의 prettify.js 는 코드하이라이팅 기능이 되는 자바스크립트 입니다.블로그내에서 사용하고자 하면 주석을 해제해주세요. 부트스트랩 티스토리 스킨인 Bootstrap_TS_ver.3.2 를 이용하시는..

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

기존에 제작했던 BusinessBlogSkin_1 이 약간의 버그가 있었습니다. 미처 확인하지 못했던 사항도 있었구요. 기존의 사용법은 똑같습니다. 업데이트 된 내용만 알려드리겠습니다. 1. 검색부분 추가. 기존에 실수로 검색을 안넣었습니다. 사이드바에 이걸 추가했습니다. 2. RSS 피드 및 소셜 버튼 추가. 이것도 빠뜨린 부분인데 사이드바에 추가했습니다. 혹 더 추가될수 있기에 일단 3개만 넣었으며 이미지 스트라이프 기법으로 최적화 및 오버까지 활용했습니다. 3. 메인메뉴 수정. 만약을 구성했습니다. 즉 블로그 메뉴와 카테고리 메뉴를 사용하면 카테고리 메뉴는 우측에 존재해야 합니다. 그러기때문에 하위메뉴인 드롭다운이 왼쪽으로 나와야 레이아웃 안에 들어갑니다. 하지만 여러 상황이 생기겠죠. 블로그메뉴를..

티스토리/스킨배포2012. 10. 19. 18:09

이전에 3.1버젼에서 약간의 버그를 수정하고 디자인과 기능을 추가했습니다. 사용자들이 요구에 맞게 선택의 폭을 넓혔습니다. 이전보다 다양한 기능이 있으니 업데이트 내용을 꼭 확인하시고 사용하시기 바랍니다. 스킨 배포에 대해서는 여러번 이야기 했으니 공지사항의 스킨 배포에 대한 글을 읽어보시고 메일로 신청하시기 바랍니다. 업데이트가 단순한 업데이트가 아니네요. 3.1버젼이 이전에 비해 바뀐것이 없어서 이번에는 좀 많이 다듬었습니다. 그래서 재탄생한 Bootstrap_TS_ver.3.2 입니다. 이번에 초점을 맞춘것은 광고입니다. 부트스트랩은 반응형 레이아웃입니다. 브라우져의 너비에 따라 레이아웃이 맞게 변합니다. 특별한 마크업 요소를 넣지 않는한 bootstrap-responsive.css 에서 다 잡아주..

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

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

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

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