전체 글140 [제이쿼리] 세로형 플라이아웃 메뉴 코딩/제이쿼리 2014. 8. 13. 세로형 플라이아웃 메뉴입니다. 제이쿼리만 링크되어 있으면 별도의 스크립트 필요없이 css로 작동되는 가벼운 소스입니다. 마우스 오버시 액션이 작동됩니다. 3뎁스까지 구현이 가능합니다. 출처 : http://cssmenumaker.com/ [제이쿼리] 세로형 아코디언메뉴 코딩/제이쿼리 2014. 8. 13. 제이쿼리 메뉴 소스 입니다. 세로방향 아코디언 메뉴로 3뎁스까지 구현되는 방식입니다. 클릭하면 메뉴가 펼쳐졌다 접어졌다 합니다. css3기능들이 들어가 있어 ie8 이하에서는 그라데이션이나, 화살표가 제대로 표현이 안됩니다. (디자인 적인 문제이지, 기능적으론 전혀 문제가 없습니다.) 첨부파일 다운로드 하시고 사용해 보세요.^^ 출처 : http://cssmenumaker.com/ [페이지인식] 간단한 페이지 인식 소스 (인클루드 상태일때) 코딩 2014. 8. 12. 웹사이트 코딩을 할 때, 현재 페이지가 어느 위치에 속해 있는지 메뉴에 표시를 해주고 싶을 때가 있습니다. 퍼블리셔 초보인 저는 이것을 찾느라 엄청 한참 헤맸습니다ㅜㅜ 인터넷을 뒤져보아서 body에 id값을 줘서 인식하는 방법을 찾긴 했지만. gnb 메뉴가 있는 header부분을 인클루드해오는 방식의 사이트를 만들었기 때문에 더더욱 어려운 일이었습니다. gnb 메뉴가 인클루드 되어있으면 body가 인클루드에 포함되어 있기 때문에 불가능했죠. 그러다가 제이쿼리 스크립트로 찾아서 표시를 해줘야 겠단 생각이 들어서 기초적인 언어로... 만들어봤습니다. (스크립트를 아시는 분들이 보면 너무 기초적인 방법이라서 황당 하실 수도 있겠지만.. 저는 퍼블리셔 초보였기 때문에ㅜㅜ 저같은 고민을 하고 계신 분들을 위해 올.. min-width 오류 코딩 2014. 7. 8. div 코딩시 전체 감싸는 div를 100%로 하였을때 브라우저의 크기를 줄인 다음 스크롤로 이동하였을때 배경이 사라지는 경우가 있습니다. 문제점 : 브라우저의 보이는 부분을 100%로 인식하여 보여주는 것 1. min-width:980px; 파이어폭스나 사파리, ie8에서는 최소 가로 사이즈를 직접 지정해주면서 간단(?)하게 오류를 막을 수 있습니다. #wrap {min-width:980px;} 썩을 ie 낮은버전에선 min-width 를 인식하지 못하므로, 핵으로 해결. #wrap {width:100%; _width:expression!(parseInt(document.body.ffsetWidth) > 900 ? "100%" : document.body.offsetWidth);} 2. table wi.. float:left 의 오류 코딩 2013. 10. 18. float:left 쓸 때 li에 속성을 주게되면 ul의 height값이 0으로 먹는 현상이 발생함 div가 ul의 존재를 무시하며, 위에 딱같다 붙음 li 속성에 float:left; 줬을땐, ul 태그에 overflow:auto나 overflow:hidden; 이걸 줘야한다는 .......... http://raja.tistory.com/618 [파이어폭스] pc에서 모바일사이트 확인하기 코딩 2013. 9. 24. [파이어폭스] pc에서 모바일사이트 확인하기 출처 : http://motivation.tistory.com/trackback/673 내 블로그가 모바일에서도 잘 보여지고 있는지 가끔 확인하는데 매번 스마트폰으로 확인해 보기에는 너무 번거롭고 효율적이지 못한 일이죠. 그러므로 PC의 인터넷 브라우져를 모바일용 화면이 보이게끔 설정을 해놓고 사용하면 훨씬 수월합니다. 저는 익스플로러와 크롬을 주로 사용하기에, 잘사용하지 않는 파이어폭스를 모바일 전용으로 해서 사용합니다. 예전엔 사파리로 했었는데, 특유의 인터페이스가 정말 마음에 안들어서리....--; ( 자주쓰는 크롬으로 하는 방법도 있는데, 모바일 화면으로 볼려고 창크기 작게해서 봤다가, 다시 PC화면으로 본다고 창크기 키우고.. 이렇게 창크기를 왔다갔다.. 이전 1 ··· 16 17 18 19 20 21 22 ··· 24 다음
euntori
Comments