본문 바로가기

html

CSS 코드 생성기. css3 소스 생성. 천재가 아니라 외우질 못해서 남겨두자. http://css3pie.com/ 더보기
Jquery mobile(제이쿼리 모바일)에다가 구글광고 붙이기.(google adsense) 제이쿼리 모바일로 만든 모바일 웹페이지에 구글 광고를 붙이면 나는 에러가 있다. 구글 광고가 붙어있는 페이지를 로딩하면 구글 광고만 나오고 컨텐츠는 안나온다. 하다하다 검색을 하니 하나 찾긴 찾았다. 우선 이럴때는 링크 속성을 rel="external"로 주거나 data-ajax = "false"로 주고 처리를 하면 되는듯 하다. (사실 갤럭시1에서는 약간 안되는것도 있지만 2, 3는 잘됨.. 아무튼..) 잘된다. 우선 아래 소스를 js파일로 만들어서 넣고 (window).load(function(){ var ads_top = $("#adsense_top").find("iframe"); //This is where the ads will show when the page is first loaded $(.. 더보기
div 배너 및 이미지 고정.(화면 해상도 관계없이) 이미지 캡쳐는 못했지만 여러가지 방법이 있지만 아래 방법으로 해본 결과 해상도 관계없이 이미지가 고정되고 특히나 창을 임의적으로 줄였을때 이미지가 본문과 겹치는 현상이 발생 하는 소스도 있는데 아래는 고정됨. position:fixed.. .leftBanner{ position: fixed; left: 50%; top: 107px; margin-left: -710px; text-align:center; height:160px; width:120px; z-index:1000; } 위의 수치값들은 특히 left, top, margin-left값들은 알아서 화면에 맞게 수치 조정해야 함. 더보기
Get방식으로 공백넘길때 처리방법 JAVA로 코딩할때(아니 jsp가 맞겠다)나 php, asp등 화면단에서 get방식으로 많이 값을 다른 페이지로 넘긴다. 그럴때 대표적인 방법이 get과 post방식이 있는데 get방식으로 넘길때 최대 2047바이트를 넘어갈수 없다고 한다. url에 공백이 있으면 공백 이후 파라미터들이 짤리게 되는데 그때는 url을 인코딩해서 넘기거나 아니면 정확히 ''로 감싸주어서 넘겨야 한다. 그럼 알아서 인코딩 ㅇㅖ) 가자 c=d 이하는 짤림 가자 수동으로 공백을 인코딩해서 넘겨준것 가자 더보기
SW 개발자, “HTML5가 대세” HTML5가 대세가 될것이라는 말은 수년전부터 이야기 되어 왔다. 개인적으로 HTML5는 JQUERY MOBILE로 모바일 페이지 만들때만 몇가지 태그를 사용했지만 사실 HTML5 태그 자체만 그리 어렵지는 않다. 웹페이지를 HTML5로 만들고 싶어도 브라우저가 전부(특히 IE) 지원 하지 않는게 단점.. 하지만 점점더 브라우저가 버전업되면서 지원 되면 언젠가는 VIDEO태그도 SOUND 태그도 쓰고 웹소켓도 할수 있겠지~ 그러나 나에게는 현재 자바 스프링(spring)프레임웤을 정복하는게 먼저다. http://www.bloter.net/archives/145284 더보기
CSS DIV 이미지 보이기 감추기 function imgview(){ { var test = document.getElementById('test'); test.style.display = 'inline'; } } function imghide(){ { var test = document.getElementById('test'); test.style.display = 'none'; } } ......................................................................................................................................................................................... 하지만 이제 jquer.. 더보기
Input박스 안에 글쓰기 ‘아이디’ 박스에 글씨를 쓰기위해 마우스로 클릭하면 글씨 사라짐 ‘비밀번호’를 클릭하면 ‘아이디’박스에 없어졌던 글씨가 다시 보임 더보기
유용한 div 레이아웃 템플릿 사이트 코드 썩스란 사이트 인데 웹사이트 제작시 잡아야 하는 레이아웃 템플릿을 제공해준다. 무료이고 server-side코딩만 하다가 front-end쪽 하면 HTML이랑 CSS때문에 약간 고생할수 있는데 그때 이걸 다운받아서 레이아웃 잡고 시작하면 좋을듯. http://www.code-에스유씨케이에스.com/css%20layouts/fixed-width-css-layouts/ 좋은 사이트임에는 틀림없는데 주소가 조금 그렇다. 난 전적으로 이해하지만.. 위의 주소 클릭하면 잘못된 에러다..에스유씨케이에스를 영문으로 바꿀것.. 절대 나쁜 사이트 아니다.. 더보기
INPUT style 옵션 # input type='text' style="ime-mode:active;" //글입력시 기본 한글모드 style="ime-mode:inactive;" //글입력시 기본 영문모드 style="ime-mode:disabled;"; //글입력시 무조건 영문모드 (한/영키 변환해도 무조건 영문) syle="font-size:10pt;" //글자크기 syle="color:blue;" //글자색 syle="border-size:1;" //테두리 크기 syle="border-color:black;" //테두리색 syle="background-color:white;" //배경색 syle="border-width:1;" //테두리 두께 syle="border-style:dotted;" //테두리 스타일 ( 옵션항목.. 더보기