demun(대문블로그)

퍼블리셔/css2013. 5. 3. 19:40

스킨을 제작하다보니 어지간한 ie 버그는 알고 있어 애초에 피하는 형식으로 작업을 합니다.이번에 드롭다운 메뉴를 만들다가 ie7에만 유독 버그가 있어 이렇게 정보를 공유합니다. z-index 는 우선 가장 먼저 알아야할 점은 가장 위 부모의 index 의 크기 차이로 결정이 납니다.즉 같은 형제끼리 header 와 main 이 있다고 하면 .. .header { z-index: 2; } .main { z-index: 1; } 이처럼 하면 정상적으로 main이 header 위에 올수 없습니다.그런데 여기에 position:absolute 가 온다거나 하면 좀 달라질수 있습니다.또 리스트인 ul li 가 들어가면 또 달라집니다. 역시 머리아픈 ie..... 여기서는 position의 문제. ul li 의 문..

티스토리/티스토리초대장2013. 5. 1. 17:27

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

퍼블리셔2013. 4. 29. 08:32

부트스트랩 3이 나왔습니다. 버젼3은 모바일에 최적화 됐다는점이 특징이고 이전과 비슷하고 좀더 최적화한것 같습니다.부트스트랩 3은 아직 현재 진행형인것 같습니다. 배포 버젼은 2.3.1 입니다.2.3.1 버젼은 현재 버그수정이 약 7%가량 진행되었고, 3.0 은 94% 진행된걸로 나옵니다. 진행상황보기 -> https://github.com/twitter/bootstrap/issues/milestones 부트스트랩 3 -> http://rnikitin.github.io/bootstrap/ 부트스트랩 3 에 대한 자세한 내용은 docs에서 볼 수 있습니다.부트스트랩 3 문서 -> http://rnikitin.github.io/bootstrap/docs/ 저도 대략적으로 살펴봤지만 문서구조를 보시면 font..

일상2013. 4. 7. 21:37

대문이 에드센스 스킨으 제작한다고 하고, 여러분들에게 말했는데요...아직 배포를 못하고 있어 이렇게 소식이라도 전합니다.현재 제가 일하는곳이 너무 바쁜관계로 전혀 진척이 없습니다. 티스토리 스킨인 에드센스 스킨을 진척률이 95% 완성되었습니다.현재 제가 블로그에서 사용하고 있는 스킨이 완성된 버젼 중에 하나 입니다. 이번에 제작한 스킨은 15가지 버젼이나 있습니다. 각 버젼마다 컬러셋이 약 15가지나 있습니다.그래서 자꾸 늦어지는겁니다. 남들처럼 배포하는 스킨하나가 아니라 15개버젼의 15개씩 컬러셋을 가진 스킨입니다. 문제는 이 스킨을 여러분들에게 어떻게 알리고 소개를 하냐는 겁니다.각 스킨마다 장점과 단점이 있기에 소개를 잘 하고 원하는 사람에게 원하는 스킨을 매칭시켜야 하는데 이걸 소개할 방법이 없..

퍼블리셔/SublimeText2013. 3. 18. 18:06

서브라임 텍스트에 관한 목록입니다. 차후 계속 추가하겠습니다. Zen Coding 설치하는 방법Zen Coding을 사용하는 방법Prefixr 사용하는 방법사이드바 확장(Enhancements)Gist(github)에 코드 발행하는 방법Gist(github) 코드 불러오기,업데이트하는 방법온라인에서 코드 가져오기(Fetch)코드정렬하기(Alignment)Emmet 사용하는 방법Package Control 설치하는 방법less 파일 구문강조하기YUI 를 이용하여 js, css 압축하는 방법Fetch 설정파일폴더 파일 빠르게 만드는 방법(AdvancedNewFile)Emmet cheat-sheetless 컴파일하기단축키 및 한글코드 오류를 잡아주는 SublimeLinter서브라임텍스트 몇가지 팁html 압축..

퍼블리셔/css2013. 3. 16. 08:00

css 로만 구성된 에니메인션 드롭다운 입니다. 이전에 한번 소개한것 같은데요.....제가 이번에 에드센스 스킨을 만들면서 이걸 적용해보았습니다. 원본 -> http://www.red-team-design.com/css3-animated-dropdown-menu 현재 원작자의 홈페이지는 sass 로 제작되고, 모바일까지 적용되는것까지 나왔는데. 저는 그것까지는 필요없고 단순이 css 드롭다운이 필요했습니다. 이전것을 애드센스 스킨에 맞추어서 제작하려면 컬러셋을 변경해야만 햇습니다. 즉 재사용이 가능하게끔 여러 컬러셋을 가질수 있도록 해야했죠. 여기에 html5, css3 를 사용해서 미리보기를 하려면 웹표준 브라우져로 보아야만 제대로 보입니다. 크롬, 파이어폭스, 오페라, 사파리 등등..... 예제에 보..

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

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

블로그/블로그 광고2013. 2. 9. 17:57

이글을 쓰기전에 검색부터 해보았습니다. 벌써 여러분이 이 글과 관련해서 글들이 올라와있더군요.... 요즘에는 워낙 시간에 쫒기느라.....포스팅할 시간도 없습니다.포스팅해봐야 5분안짝의 글들..... 이글은 이벤트에 관련한 글입니다.에드센스를 하는분들중 아래와 같은 메일을 받았을겁니다.2013년 우수블로그선정 소식과 함께 찾아온 복주머니 이벤트 이벤트에 응모하면 구글 빅백을 준다고 합니다.기간과 응모방법은 아래와 같습니다. 이제 이루고자 하는 소망이군요...저는 이번연도 계획은 1.000달러입니다.한번에 그렇게 벌기 힘드니.....그렇게 될때까지 찾지 않는겁니다....ㅎㅎㅎㅎㅎㅎㅎ계속 모아놓고 한방에 찾아야죠... 왜냐면 몇년간 구글 에드센스를 했지만 조금씩 조금씩 찾아 써버리니 흔적이 없더군요.그래서 ..

일상2013. 2. 8. 12:39

명절입니다. 아무래도 명절에는 왔다갔다하는 교통에 신경을 안쓸수 없죠.고속도로 교통상황과 정보를 한눈에 알수있는 곳이 없어 하나씩 알아보았습니다. 전호로 알아보는 고속도로 정보교통정보 안내전화 : 한국도로공사 콜센타 1588-2504국도정보 안내전화 : 1333휴대폰 교통정보 이용안내 : 2504(도로공사) + 인터넷 접속 버튼 (NATE / magicⓝ/ez-i) 권역별 CCTV 로 알아보기.강원권 : http://map.naver.com/?level=8&lat=37.5617062&lng=128.4630613&traffic=on&menu=location&mapMode=0&cctv=on충청권 : http://map.naver.com/?level=8&lat=36.1820587&lng=127.3583631&..

일상/연예가소식2013. 2. 7. 14:29

이하늬의 굽 없는 킬힐이 눈길을 끌고 있습니다. 저도 보니 디자인이 정말 끝내주더군요. 얼핏보면 꼭 벌을 서고 잇는듯한 느낌입니다.편해보이기도 하고 , 아니면 불편해보이기도 하는데....안신어봐서 정확히는 알수 없군요. 하지만 다른 킬힐보다는 좀 편해보입니다.독특한것은 이존의 굽같은 것을 배제하고 높이를 높이는데 주력하고, 디자인적으로 신경을 많이 쓴듯합니다.꼭 앞으로 쓰러질것만 같은 디자인인데요.... 여기서 중요한 점은 바로 비율이 아닌가 싶습니다. 여기에 이하늬의 미니스커트와 잘 어울리며 눈길을 끌었습니다. 지난 6일 서울 왕십리CGV에서 열린 영화 뒷담화 감독이 미쳣어요의 제작보고회에 참석했다고 합니다.거기서 흰색 브라우스와 브랙 미니스커트 그리고 그 유명한 굽없는 킬힐... 이하늬의 굽 없는 킬..