demun(대문블로그)

티스토리/스킨배포2012. 1. 20. 16:32

demunWhite 스킨이 1단,2단,3단 각각 존재합니다. 2단과 3단을 같은 글에 써서 글을 두개로 분리했습니다. 전제적인 특징은 2단 스킨에 대한 글을 참고하세요. 자세히 적었습니다. demunWhite 3단 스킨도 2가지 테마를 가지고 있습니다. 화이트, 블랙 테마는 화이트가 기본입니다. 이름을 정할때 다른 스킨들도 화이트라는 이름이 많아서 저는 구별하기위해 demun 이라는 이름을 붙였습니다. 그래서 기본 이름은 demunWhite 입니다. 1. 화이트 테마, 블랙 테마. 이 스킨은 애초에 기획단계부터 다른 테마와 같이 사용할것을 전제로 만들어졌습니다. 기본 테마는 화이트테마로 만들어졌지만 어두운 색을 좋아하는 사람을 위해 블랙테마도 적용할 수 있습니다. 이 또한 스타일을 덮어쓰는 형식을 취했으..

티스토리/티스토리초대장2012. 1. 19. 17:32

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

티스토리/스킨변경제작이력2012. 1. 17. 20:52

1단 스킨을 만들때 적용했던 따라다니는 플로팅메뉴를 사이드바형식으로 적용했습니다. 사이드바는 전부 하단으로 내렸습니다. 사이드바도 플로팅 메뉴로 사용할 수 있게끔했지만 항상 따라다니기 때문에 높이제약이 있어 사이드바 메뉴 한두개 정도만 적용이 가능합니다. 많이 적용하면 보이질 않아요.... 플로팅 메뉴를 사이드바에 구성한것은 온오프믹스 사이트나 기타 신문사 사이트에 보면 징글징글하게 광고가 따라다니죠....ㅎㅎㅎㅎ 이걸 착안으로 한번 만들어 봤습니다. 광고야 나중에 떼면 되니까요.... 여기서 신경을 쓴것은 티스토리는 상단에 tistorytoolbarid 라는 메뉴가 있습니다. 요걸 아예 위에 배치하는 장소를 마련했습니다. 왼쪽으로는 소셜아이콘으로 배치를 했지요. 상단에 아이콘과 사이드바의 아이콘은 하나..

티스토리/스킨배포2012. 1. 17. 06:00

이전에 제작한 스킨 demunWhite1Col 은 애초부터 레이아웃 해상도를 변경하기 좋게 코드를 짯습니다. 제가 개인적으로 구글 애드센스를 달기좋게 본문너비를 730px 로 맞추어서 분명 다른분들도 있을거라 생각하고 레이아웃을 수정하기 좋게 만들었지요. 730px 가 본문너비로 적은것은 아니지만 1단 스킨이라면 남는 공간이 있지요. 그래서 플로팅 메뉴를 만들었지만 역시나 더 넓게 사용하고자 하는분들에게 필요한 해상도 레이아웃을 만들었습니다. 두가지 입니다. 1024의 해상도에서 사용하는 CSS 와 1280의 해상도에서 사용하는 CSS 이렇게 두개입니다. 각각의 해상도에는 1024css 와 ie7.css 이렇게 두개가 필요합니다. ie7이하 특히 ie6까지 호환하기 위해 수정이 필요하죠. 즉 1024해상..

티스토리/스킨배포2012. 1. 16. 14:00

이전에 만들었던 스킨을 레이아웃만 조정해서 이번에는 1단 스킨을 만들었습니다. 1단스킨은 사이드바가 없는 관계로 옆이 아무래도 허전한 느낌이 듭니다. 이점이 1단 스킨의 단점이기도 하지요. 그래서 이번에는 그 부분을 보완하기위해 플로팅메뉴(스크롤하면 따라다니는 메뉴)를 추가했습니다. 이 플로팅 메뉴도 선별해서 아주 가벼운것으로 적용했습니다. jQuery 로 적용된것들도 많은데 순수 자바스크립트로만 구성된 플로팅메뉴로써 가벼운것으로 적용을 했습니다. 여기에는 위로, 아래로 이동하는 링크와 광고를 넣어서 미리보기를 만들어봤습니다. 기본글꼴로 나눔고딕을 사용하며, 나눔고딕이 설치되어 있지 않을경우 웹폰트로 나눔고딕으로 보여지게 했습니다. 이전과 마찬가지로 black.css 주석만 제거하면 바로 블랙테마로 손쉽..

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

demunWhite 스킨 배포에 대한 글을 수정합니다. 2단과 3단 스킨을 같이 배포해서 글을 분리했습니다. 여기서는 demunWhite 2단 스킨에 대한 소개와 공통적으로 적용된 특징에 대해서 이야기 합니다. 우선 이번 demunWhite 의 스킨은 종류가 3가지 입니다. 그리고 각각 2가지 테마를 가지고 있습니다. 화이트, 블랙 테마는 화이트가 기본입니다. 이름을 정할때 다른 스킨들도 화이트라는 이름이 많아서 저는 구별하기위해 demun 이라는 이름을 붙였습니다. 그래서 기본 이름은 demunWhite 입니다. demunWhite 의 특징들을 소개합니다. 1. 가볍습니다. 이미지를 최소화할려고 노력하였고 이미지 없이 제작하려하다보니 너무 밑밑해서 아이콘 이미지를 넣었습니다. ie6 을 감안해서 모두 ..

티스토리/스킨변경제작이력2012. 1. 3. 06:00

이전에 제작한 스킨은 html5로 마크업한 스킨이였습니다. 현재 ie 가 지원하지 않는 부분이 많아서 어려움이 많았습니다. 다른곳의 html5로 제작된 스킨을 보면 ie 6,7로는 도저히 볼수 없던 사이트들이 많습니다. 하위 브라우져의 호환성을 염두해두지 않고 무작정 신기술인 html5로만 마크업을 했기 때문이지요. 하지만 이전에 제작한 html5로 마크업한 Gray Border 스킨은 써핑할 정도는 되게끔 제작되었습니다. html5는 자바스크립트에도 영향을 미칩니다. 여하튼 이번에는 비교적 가볍고, 깔끔한 스킨을 제작하려 했습니다. 되도록이면 이미지를 사용안하려고 했으며 비교적 색상을 입히지 않고 원초적인 화이트 색상을 유지하려 했습니다. doctype 가 xhtml 이니 만큼 하위 브라우져에도 신경을..

티스토리/티스토리초대장2011. 12. 24. 10:00

아직 남아 있습니다. 계속 신청해 주세요. 현재글의 제목에 [마감]이라는 단어가 없으면 계속 댓글을 달아주세요. 초대장이 현재 105장 있습니다. 마감이되면 제목에 [마감] 이라는 단어를 추가하겠습니다. 이전글에 보시면 2011 티스토리 우수 블로그에 선정됐다는 것을 알 수 있습니다. 그래서 초대장을 확실하게 배포할 수 있습니다. 초대신청을 하시기 전에 알아두셔야 할 사항이 있습니다. 알아두어야 할 사항 1. 메일 주소를 댓글로 달아주세요.여기서 반드시 비빌글에 체크하고 쓰세요. 2. 메일주소가 올바르지 않습니다. 제가 이때까지 배포한 경험으로 보면 절반 약 50%가 메일 주소가 올바르지 않다고 하면서 초대신청이 되지 않습니다. 그중에서 여기서 신청하고 , 또 다른곳에서 신청하고 그러면 초대 자체가 안됩..

티스토리/스킨변경제작이력2011. 12. 18. 12:00

저번에 이어 두번째로 html5로 티스토리 스킨을 제작했습니다. 아직 media Queries 는 작성하지 않았지만 차츰하면 된다고 생각하고 먼저 소개합니다. 이번에 제작한 스킨부터는 배포를 해도 되지 않나 생각해봅니다. 현재는 말고 좀더 수정한 후 배포결정을 하겠습니다. 여기서는 간략한 소개만 합니다. 이번에 제작한 스킨의 이름은 Gray Border 로 지었습니다. 그냥 회색바탕에 보더스타일이 가미되서 그렇게 지었습니다. html 5로 제작을 하다보니 높이가 100% 로 만들기가 너무 힘들었습니다. doc 타입이 그래서인지 웹표준 브라우져에 맞추면 IE가 안맞고, IE에 맞추면 웹표준 브라우져가 안맞고... 결국 현재는 웹표준 브라우져(크롬,사파리,파이어폭스,오페라등등)와 IE 6,7,8 등과 똑같이..

티스토리/티스토리초대장2011. 11. 25. 14:33

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