#floatMenu {display:none } $(function() { $('#st-accordion3').accordion(); }); 첫번째는 블루CGI에서 제공하는 무료게시판에 대해서 다루고 다음에 호스팅에서 게시판을 가져오는 것에 대해서 다룹니다. 무료게시판을 이용하는 것은 디자인이 별로인데 제한이 따르는데 무료이면서 쉽다는 것이고, 호스팅에서 게시판을 가져오는 것은 유료이면서 어려우나 디자인을 마음대로 할 수 있는데 결정은 제가 아닌 여러분이 하는 것입니다. -무료로 팩스 10장보내기 : 엔팩스 - 무료게시판 - 블루 CGI 이용Open or Close 블루웹에서 제공하는 무료 CGI인 블루CGI를 이용하면 무료로 게시판을 이용할 수 있습니다. 블루CGI에 무료게시판이라는 말은 없으니 블루CGI에서 Blueweb 보드를 선택하면 됩니다.그런데 문제는 제한이 있는데 게시판의 경우는 ..

크롬에서 주소창으로 검색한다는 것을 아래에서 말합니다. 익스플로러를 많이 사용할 것인데 이것은 브라우저 주소창에 검색어를 입력하여 검색한다는 말입니다. 아래에 쓰인 것은 jquery의 슬라이드인데 소스와 데모는http://bxslider.com/에서 볼 수 있으며 아래의 것은 http://goo.gl/PpxUX에서 볼 수 있습니다.그리고 아래는 jquery 슬라이드를 해보기 위해 글을 적었습니다. 참고로 윈도우즈XP에 기본으로 깔린 브라우저는 익스플로러 6,윈도우즈 7에는 익스플로러 8입니다. 여담으로 아래 글을 아이프레임을 사용하여 웹페이지 불러왔는데, 글을 수정하려면 웹페이지를 수정해야 되니 상당히 귀찮네요.왜 수정이 어렵게 아이프레임으로 웹페이지로불러왔냐면 제가 블로그에스크립트를 많이 사용해서 다른 스크립트와 충돌해서요.잡담은 여기까지 하고 본론은 ..

들어가기 전에 jquery를 사용하여 각진 모서리로 둥글게 하는 것으로 저의 IE 8, IE Tester로 IE 6,7,8에서 보면 모서리가 둥글게 보였습니다. 그리고 PC 방에서 IE 7로 봐도 모서리가 둥글게 보였으니 IE에서 모서리를 둥글게 하지 못하는 것이 아님을 알기 바랍니다. 그리고 아이디명과 클래스명을 알아야 한다고 혹시 CSS로 둥글게 하는 것이 아닌가 생각할 것 같은데CSS로 둥글게 하는 것이 아닌 jquery로 하는 것입니다.jquery1 둥글게 하고 싶은 div의 아이디명과 클래스명만 알면 모서리를 둥글게 하는 것입니다. 쉽기 때문에 제가 티스토리 블로그에 설치하려는 것을 설명하려고 합니다. CSS를 알 필요도 없고 단지 아이디명과 클래스명만 알면 되고,네이버 블로그,다음 블로그에서 안 되니 하지 마세요.그리고 그라디언트,그림자로 보이는 경우는 제가 CSS를 사용..

/* jQuery lightBox plugin - Gallery style */ #gallery { text-align:center; } #gallery img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; margin:2px; } #gallery a:hover img { border: 5px solid #E6E6E6; border-width: 5px 5px 20px; color:#E6E6E6; } #gallery a:hover { color: #E6E6E6; } #gallery2 { text-align:center; padding-top:6px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: #666 0px 2px 3px; -moz-box-shadow: #666 0px 2px 3px; box-shadow: #666 0px 2px 3px; background: #EEFF99; behavior: url(http://cfs.tistory.com/custom/blog/27/279386/skin/images/ie-css3.htc);} #gallery2 img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; margin:2px; } #gallery2 a:hover img { border: 5px solid #E6E6E6; border-width: 5px 5px 20px; color:#E6E6E6; } #gallery2 a:hover { color: #E6E6E6; } $(function() { $('#gallery a,#galler..

이 페이지에서 보는 아코디언 효과는 http://tympanus.net/codrops/2011/10/12/flexible-slide-to-top-accordion/에서 봤고 관련 파일을 다운로드 할 수 있습니다. 그것을 티스토리 블로그의 skin.html에 적용하니 다른 스크립트 충돌과 스타일시트때문에 사용못해 아쉬웠습니다. 스크립트가 정말 멋있어 사용하고 싶었거든요. 이 페이지에 스크립트와 스타일시트를 넣으니 별 문제없었습니다. 비록 글박스 모서리.. 마이피플 트위터 페이스북 더보기 미투데이 요즘 '자바스크립트>실험실' 카테고리의 다른 글 fancybox 썸네일,리사이즈,elastic 실험(2) 2012/10/10 jquery accordion(아코디언) 실험중....(18) 2012/09/20 jquery accordion - 페이지에 삽입하면 되겠군.(2) 2012/09/02