demun(대문블로그)

티스토리/스킨변경제작이력2014. 5. 14. 07:00

요즘 반응형 스킨을 제작하고 있는데 시간이 너무 걸려서 근황을 소개하려고 글을 작성합니다.이번에 제작하는 반응형 스킨은 부트스트랩을 포함하지 않습니다.그래서 ie까지 모두 지원하는 스킨을 만들고 있습니다. 1단,2단3단 레이아웃 모두 만들고, 여러가지 컬러셋을 적용하는 버젼을 모두 만듭니다.거기에다가 각종 플러그인이 장착이 된 버젼까지 전부 따로 따로 만듭니다. 그러다보니 각각의 파일과 레이아웃, 컬러셋마다의 분리가 필요하고 관리가 엄청 납니다.만들다보니 거의 프로젝트 수준입니다. 여기에 Grunt 를 적용해서 좀더 완성적으로 만들려고 익히면서 만들고 있습니다.현재 그런트에 들어가는 플러그인은 7개 정도인데 targethtml, handlebars 정도가 더 들어갈수도 있을거 같네요.이제 세네개 컬러셋을..

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

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

티스토리/스킨배포2012. 6. 13. 06:00

대문그레이 티스토리 스킨을 공개합니다. 이번 스킨은 일부러 초보자들이 사용할 수 있도록 티스토리 스킨 위자드를 사용했습니다. 현재 시점에 제가 사용하는 스킨인데요. 제가 사용하는것은 약간 트윅을 좀더 한것입니다. 이번스킨의 특징과 장점을 알려드립니다. 1. 대표글꼴 : 나눔고딕 글꼴 모빌리스의 나눔고딕 웹폰트를 이용했습니다. 2. 스킨 위자드, 메인메뉴 지원. 티스토리에서 스킨을 쉽게 수정할 수 있도록 만든 스킨 위자드를 적용했습니다. 메인메뉴도 수정할 수 있도록 했습니다. 메인 메뉴의 경우 너비가 730px 임으로 메뉴를 몇개더 추가할 수 있도록 넉넉하게 배치하였습니다. 아래의 노랑색부분까지 이용할 수 있습니다. 3. 깔끔한 디자인. 되도록이면 이미지를 많이 안써서 가볍게 만들도록 했습니다. 하지만 디..

티스토리/스킨배포2012. 6. 3. 06:00

굿프렌즈 스킨의 기능이 너무 많아 일일이 모두 소개하는 것은 무리가 있고 간단하게 소개하고 직접 데모블로그를 방문하셔서 보시는것이 좋을듯 합니다. 소개와 기능, 그리고 컬러셋 등을 소개하고 본인이 사용할때 수정해야 하는 점등을 알려드리겠습니다. 참고로 모든 기능들은 수정할 수 있습니다. 즉 원하지 않을때 그곳에 해당하는 코드를 주석처리하면 사용하지 않을수 있습니다. 1. 3D 슬라이더. 티스토리에서는 볼수없는 고급기술이 포함된 슬라이더가 포함되어 있습니다. 폴더를 압축해제하면 슬라이더에 해당하는 파일과 이미지가 따로 분리되어있으니 사용하고 싶지 않을때는 해당파일만 사용을 안하면 됩니다. 3D 슬라이더를 사용하는 방법은 제가 이전에 써놓은 http://demun.tistory.com/2109 를 참고하시면..

티스토리/스킨변경제작이력2012. 5. 20. 16:27

제가 제작중인 GoodFriends 버젼 2에 3D 슬라이더를 적용을 못하고 있었는데 문제점을 찾아서 수정하고 적용을 해봤습니다. 좀더 매끄러운 환경을 위해서는 약간더 수정을 하면 좋겠지만 우선 적용이 가능하다는 점에 박수를 보냅니다. IE 6.0 까지 잘 보여지고 레이아웃이 깨지지 않는다는 점에 또한번 박수의 갈채를 ....... ㅎㅎㅎㅎ 제가 하고 제가 박수 칩니다...... 우선 다른분들은 잘 하지 않는 부분이니까요.....ㅎㅎㅎㅎ 또한 이전글에 보았듯이 이미지 갤러리에 문제가 있었는데.... 이 또한 문제를 해결해서 잘 됩니다. 즉 파이어폭스나 익스플로러등에서 보이지 않던 문제가 잇었습니다. 문제점을 수정해서 바로 잡으니 잘 보여집니다. GoodFriends ver.2에 대한 글은 이전글을 보시면..

일상2011. 7. 1. 23:44

너무 성급했나요? 문제를 해결하려 하지 않고 덤으로 얻은 지식으로 해결하려하다보니 실수가 있었습니다. 미안합니다. 16버젼에서 검색이 ie 에서만 안되는것은 일종의 버그인것 같습니다. 사이드바에서는 div 안에 넣어도 검색이 됐지만 다른 부분에 있으면 안되는걸 알았습니다. 일단 해결 방법은 이렇습니다. 16버젼에서 html 을 보면 아래와 같습니다. !! 치환자의 경우 ##_치환자_## 는 #\#_치환자_## 로 표시됩니다.!! [#\#_title_##] 이 부분을 아래처럼 변경하였습니다. !! 치환자의 경우 ##_치환자_## 는 #\#_치환자_## 로 표시됩니다.!! [#\#_title_##] css 도 변경을 해야 했지요.

티스토리/스킨배포2011. 1. 10. 06:00

대문 스킨 16번째 버젼을 배포합니다. 먼저 아래글을 참고하세요. 형태별로 나누어서 다시 배포한글입니다. http://demun.tistory.com/1878 중간에 15번째는 제가 만들다 포기해서 16번째로 넘어갔네요... 15번째 버젼은 없구요. 바로 16번째입니다. 다음 포스팅으로 현재의 버젼을 수정하는 방법을 포스팅 할 예정입니다. 적용하시고 변경하시고 싶으신분은 포스팅을 참고해주세요. 이번 스킨의 특징은 아래와 같습니다. 나눔고딕 글씨체를 기본으로 했습니다. 크로스브라우징 환경에 맞출려고 노력했습니다. 테스트된 브라우져 IE6, IE7, IE8, 크롬,오페라,파이어폭스,사파리 모두 정상적으로 보입니다. 사이드바 확장(아래 설명 참고) 배너영역 확장. CSS 분리(아래 설명 참고) HTML 코드 ..

티스토리/스킨배포2011. 1. 1. 23:00

새해 선물로 배포합니다.ㅎㅎㅎㅎ 신년에 맞쳐 제작하느라고 은근이 바뻣습니다. 정통적인 2단 스킨만을 만들다가 3단스킨이 없어 이전 스킨을 수정해서 3단으로 만들었습니다. 이전스킨이란 no.13 을 말하는겁니다. 대문스킨은 현재 버젼 10이하는 모두 배포 중지를 한 상태입니다. 11부터 정식으로 배포하기 시작했는데요....갈수록 코드가 엉망이 되가네요... 11버젼부터 현재의 14버젼까지 모두 코드를 재사용한겁니다. 약간식 수정해가면서 스타일을 변경한겁니다. 이번 스킨의 특징은 이렇습니다. 이전에 head 에 삽입되던 script 를 모두 없앴습니다.(둥근박스,png파일을 지원하던 스크립트) 모든 이미지를 gif 로 했습니다. 댓글부분을 이전과는 다른 스타일로 했습니다. 스샷을 보시고 참고하시기 바랍니다...

티스토리/스킨배포2010. 12. 10. 23:14

demun.skin.No.11 버젼에 사용하는 이미지 파일중에서 content_bg.gif 과 content_bottom.gif 정도만 수정해주면 전체적인 분위기를 바꿀수 있습니다. 이거 이외에도 다른것도 살짝 수정해주면 따로 코딩을 하지 않아도 분위기를 바꿀수 있습니다. 아래 배포하는 파일은 스킨에만 사용되는 것이므로 걍 배포가 아닌 압축에 비밀번호를 걸었습니다. 스킨을 사용하시는 분들은 모두 제약없이 모두 사용할수 있습니다. 대문 스킨 11버젼의 배포글은 여기 입니다. demun.skin.No.11 배포 => http://demun.tistory.com/1829 사실 뭐 대단한것도 아닙니다. 단지 스킨을 좀더 다방면으로 사용하라는 의미에서 배포하는 겁니다. 포토샵에서 원하는 스타일로 변경해서 사용할수..

티스토리스킨수정/스킨수정팁2010. 12. 9. 19:59

demun.skin.no.11은 되도록이면 사용자들이 편하도록 설계되었습니다.제가 블로그를 하다보니 사이드바에 있었으면 하는것과 블로그 하단부분에 있었으면 하는 부분이 필요하더군요. 그래서 확장성있게 만들었습니다. 11버젼이 필요하시면 배포글을 참고하세요. http://demun.tistory.com/1829 또 이웃분들과 배너까지 교환하다보니 그 부분도 있어야 하더군요. 그래서 그 부분도 만들었습니다. 하지만 모든 부분이 이것이 필요하다고는 생각지 않습니다. 필요없는 부분은 삭제하시고 사용하는 방법을 알려드립니다. 난 하단 부분이 필요없다. 하시는 분들은 아래글을 읽어주시면 됩니다. 되도록이면 수정하기전에 스킨을 반드시 저장하고 하세요. 또 제가 추천하는 방법은 코드를 삭제하기 보다는 주석처리하는것을 ..