demun(대문블로그)

일상2011. 8. 13. 15:18

대문을 방문하시는 모든 분께 알려드립니다. 방문시 블로그가 이상하게 보일때는 새로고침(F5)을 한 두번 눌러주세요. 제 블로그에는 상당량의 이전파일들이 포함이 되어 있어 일일이 확인하여 지우지 못하는 점이 있습니다. 그래서 매번 덮어쓰기를 합니다. 그러다보니 캐쉬가 쌓여 이상하게 보입니다. 지적을 해 주신 Ch님 감사합니다. 아애와 같이 예전의 스킨의 모양으로 보인다고 합니다. 사실 보여지는 스킨은 No.11 버젼의 스킨의 잔재입니다. 아시는분은 아시겠지만 이건 No.11 버젼에 해당하는 스킨입니다. 하지만 실제는 아래와 같습니다. 아래처럼 보이지 않는다면 새로고침을 반드시 눌러주세요.

퍼블리셔/기술2011. 8. 5. 09:00

css 로 그라데이션을 만들려면 꽤나 복잡하지요. 간단하게 설정만하면 자동으로 만들어 주는 사이트를 소개합니다. 한가지 영어로 되어 있다는 단점이 있긴 하지만 곧잘 익숙해져야 합니다. 간단하게 타입, 너비, 높이 그리고 시작하는 컬러와 끝나는 컬러를 지정하면 됩니다. 모르면 이것 저것 눌러보세요. 손해 안봅니다. Gradient Image Maker 아래 이미지처럼 몇가지 설정을 한후 저장할 이미지 포맷을 지정하면 됩니다. 새창열기 Gradient Texture 아래 스샷에는 전부 안나왔지만 그라데이션 타입과, 사이즈, 컬러를 지정한후 Generate 를 클릭하면 됩니다. 새창열기 ogim.4u2ges.com 꽤나 복잡하게 보입니다. 많은 설정을 할수 있습니다. 화살표처럼 설정을 해도 되지만 아래 화살표..

퍼블리셔/기술2011. 8. 3. 11:24

티스토리 스킨 제작을 약 20여건을 한것으로 기억합니다. 어떤것은 배포를 하였고 어떤것은 배포를 하지 않았습니다. 얼마전부터 웹표준에 관심을 두었고 관련 서적과 글들을 섭렵하기 시작했습니다. 또한 웹표준과 관련한 레이아웃 제작비법 및 튜토리얼등도 섭렵하기 시작했습니다. 제가 배포하는 스킨은 이제는 배포하지 않습니다. 모두 삭제하였습니다. 여러 이유가 있겠지만 그중 가장 큰 영향을 받은것은 방탄웹이라는 책 때문입니다. 방탄웹을 번역하신분이 박수만이라는 분인데요.더블트랙의 대표이사입니다. 현재는 사이트에 접속이 되지 않는군요. 여하튼 이분이 웹표준에 관련한 책을 3권을 번역한것을 봤습니다. 그중에 방탄웹이 최고였고 또 다른 하나는 css 마스터 전략이라는 책입니다. 또한권은 실용예제로 배우는 웹표준이라는 책..

퍼블리셔/기술2011. 8. 2. 19:38

이전에는 포터블 프로그램을 만들고 테스트를 해보기 위해 Virtual Machines 을 돌리곤 했습니다. 그러나 이제는 스킨을 제작하면서 스킨이 제대로 보여지나 테스트를 하기 위해 브라우져를 포터블로 만들거나 포터블 브라우져를 이용하곤 합니다. 허나 이건 프로그램을 이용하는것이고 간단하게 사이트에서 이용하는 방법도 존재합니다. 개발자, 스킨 제작자 또는 스킨을 수정하고 잘 되었나 확인해보는 블로거면 한두개 정도는 알아두면 좋은 정보입니다. 어느 브라우져에나 똑같이 보여지는 크로스 브라우져 환경에 맞쳐 스킨을 제작하는 것은 그리 녹녹치 않습니다. 그건 가장많은 버그를 가지고 있는 익스플로러 때문이고 가장많이 사용하는 브라우져인 익스플로러 때문입니다. 여하튼 이유는 잠시 접고 한두번씩 호환성 검사를 해봐야..

티스토리/티스토리초대장2011. 7. 31. 15:24

티스토리 초대장 배포합니다. 이메일과 어떤 블로그를 만들지를 적어주세요. 박은희님을 마직막으로 전부 보냈습니다. 없으신분은 다음 기회에.... i n v i t a t i o n 티스토리 초대장 + 남은 초대장 수 : 00 안녕하세요! 티스토리에 보금자리를 마련하시려는 여러분께 초대장을 배포해 드리려고 합니다. 나만의, 내 생각을, 내 기억을 담는 소중한 블로그를 만들고 싶다면 티스토리로 시작해보세요! 티스토리 블로그는 초대에 의해서만 가입이 가능합니다. 원하시는 분은 댓글에 E-mail 주소를 남겨주시면 초대장을 보내드립니다. 남겨주실 때에는 꼭 비밀댓글로 남겨주세요! 초대장을 보내드리고 바로 개설하시지 않으신 분들은 초대장을 회수할 수도 있으니 바로 개설해주세요! Yes 이런 분들께 드립니다! 1. ..

티스토리스킨수정/스킨수정팁2011. 7. 24. 09:54

얼마전에 제가 티스토리 포럼에도 문의하고 티스토리 고객센터에도 문의를 드린내용입니다. 티스토리 블로그 서비스가 좋긴 좋은데.... 문제점이 없는것은 아닙니다. 그리고 현재도 계속 플러그인이 추가가 되면서 사용성이 점점 늘어나고 있고 , 블로거들한테도 선택의 폭이 넓어지고 있습니다. 문제는 티스토리에서도 티스토리 치환자를 표시할때가 있는데요 현재는 방법이 없다는 겁니다. 플러그인 목록을 보시면 정말 많은 플러그인이 있습니다. 그만큼 선택의 폭을 넓히라고 하나씩 하나씩 추가된것이지요. 그런데 치환자를 표시하는 방법 하나쯤은 티스토리 주최측에서 만들어줘야 하는데. 그렇게 하고 있지 않다는겁니다. 티스토리에서 티스토리 스킨에 대한 이야기를 나누는것은 당연합니다. 또 티스토리 스킨에 대해서 이야기를 나누다보면 치..

퍼블리셔/css2011. 7. 18. 06:00

왼쪽 정렬, 오른쪽 정렬을 하는 방법으로 float 를 사용하곤 합니다. 아마도 가장 많이 사용하는 선택자가 아닌가 싶네요. 그런데 주의 할점이 있습니다. float:left 는 왼쪽으로 띄우고, float:right 는 오른쪽으로 띄웁니다. 문제는 이렇게 float 로 띄울경우 다음에 오는박스가 동일한 크기가 오면 상관없지만 만약 크기가 작을경우 , 그위로 올라타는 경우가 생깁니다. 즉 3번 박스가 원래는 4번자리에 위치해야 하지만 2번 다음에 위치하게 됩니다. 차례대로 정렬이 되지 않는다는 거죠. 2번 박스가 작아도 동일하게 옆으로만 정렬이 돼야 하는데 동일한 크기거나 크기가 클경우는 정상적이지만 만약 크기가 작다면 위처럼 올라타는 문제가 생깁니다. 또하나 float 로 지정을 할경우 그 위부모가 배..

티스토리/스킨배포2011. 7. 3. 14:57

이전에 제작했던 studiopress adsense 스킨의 3번째 버젼입니다. Adsense.ver.3 입니다. 그전과는 다르게 전부 재 코딩을 했습니다. 이번 adsense 스킨의 이름은 레이아웃이 광고를 넣기 좋게 만들었기 때문에 지어진 이름입니다. 이 스킨의 특징은 이렇습니다. 라바램프 스타일의 드롭다운 메뉴. 메인메뉴에 블로그메뉴, 카테고리, 링크, 글보관함 삽입.(카테고리는 사이드바에서 다시 사용가능) 사이드바의 확장(3가지 스타일 제공) 리소스를 생각한 이미지처리(반복되는 이미지를 제외하고는 전부 하나의 이미지로 처리) IE 를 비롯한 모든 브라우져에서 .PNG 이미지파일 처리. IE 를 비롯한 모든 브라우져에서 둥근박스 처리. 크로스 브라우징(IE6, IE7, IE8, 크롬, 파이어폭스, 오..

퍼블리셔/기술2011. 7. 2. 13:13

웹폰트를 사용하려면 @font-face 라는것을 사용하는데 관심이 있는분이면 다 아실겁니다. 아래의 글은 나눔고딕과 티스토리를 예를들어 작성했습니다. @font-face 는 css2에 지정이 되어있지만 지원여부때문에 많이들 사용안한것 같습니다. 참고로 @font-face 는 스타일시트에서 지정하면 ie 는 무시합니다. 사용법은 아래에 자세히 설명하겠습니다. 그런데 웹폰트로 검색을 하면 css 에서 지정하는것만 나오고 관리(?) 하는 것은 안나옵니다. 관리라고 하니 좀 그런데요. 처리하는 부분이라고 하겠습니다. 웹폰트를 사용하려면 브라우져에 대해서 좀 짚고 넘어가야 합니다. IE 는 .eot 파일을 지원하고 , 나머지 브라우져들은 .ttf 파일을 지원합니다. 고로 이것에 맞쳐 크로스브라우징 환경에 알맞게 ..

일상2011. 7. 1. 23:44

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