프로그램/웹 태그11 margin, padding 속성 순서 1. 4개 값 set 경우 [(상), (우), (하), (좌)]margin : 25px 30px 27px 22px; 위와 같이 지정 하면 아래와 같이 set 한 것과 동일하다.-> margin-top : 25px; margin-right :30px; margin-bottom : 27px; margin-left : 22px; 2. 3개 값 set 경우 [(상), (우,좌) .(하)]margin : 25px 50px 30px;위와 같이 지정 하면 아래와 같이 set 한 것과 동일-> margin-top : 25px; margin-right :50px; margin-left :50px; margin-bottom : 30px; 3. 2개 값 set 경우 [(상,하), (우,좌)]margin : 30px 28px.. 2016. 1. 29. 팝업소스 메인 페이지 내용 ============================================================================== 팝업 스크립트 ============================================================================== 팝업하단 ============================================================================== 오늘 하루동안 이창을 열지 않음 [창닫기] 2015. 8. 17. 모바일 웹일 때 주소창이 사라지게 설정하는 법 //try{window.addEventListener('load',function(){setTimeout(scrollTo,0,0,1);},false);}catch(e){}//]]> 2015. 1. 29. target 쓰는 법 프래임 구조상 상위 프래임의 주소를 바꾸게 하려면 예제)------------------------------------------------------------ -------------------------------------------------------------------------------------------------------------- 모바일 페이지 사이즈 자동조절 ** 디바이스가 다른 해상도에 맞춰 100%로 최적화 되도록 보여줌. ** 전화자동걸기 태그 방지. 전화번호 형식의 경우 자동전화걸기로 연결되는데 이를 방지. ** webkit 기반의 브라우저에서 텍스트사이즈가 들쑥날쑥 하지 않게 body { -webkit-text-size-adjust: none; } http://t.. 2014. 11. 17. 페이지 이동 할때 사용 location.replace / location.href 의 비교 -1 -2 이렇게 해서 함수안에 기술해서 쓰던지 ㅋㅋ location.href 와 location.replace 둘다 다른 페이지로 이동 할 때 사용 하지만 location.href = 'url' 는 새로운 페이지로 이동 시키는 것 -> 뒤로가기 O / 주소 히스토리 기록 O location.replace('url') 는 현재 페이지에 새로운 페이지로 덮어 쓰는것 -> 뒤로가기 X / 주소 히스토리 기록 X 모바일 용 이동 경로 ................................................................................... ================================.. 2014. 11. 17. 팝업 버튼 만들기 대부분의 팝업은 페이지가 열리면서 자바스크립트를 활용하여 같이뜬다. 버튼으로 만들어 원할때만 팝업을 띄우는 방법으로는 아래와 같은 방법이 있다. 2013. 6. 27. window 7 백업이미지 만들기 윈도우 7 시스템을 쓰다보면 포멧을 해야 될때가 있습니다. 프로그램과 시스템을 이것 저것 다 깔려면 많은 시간이 걸려서 가끔은 포멧을 보류하고 작업을 할때가 많습니다. 깨끗한 시스템에서 작업 하기위해서 초기에 포멧을 한상태에서 필요로 하는 프로그램을 깔아 놓고 백업 이미지를 만들어 놓는다면, 언제나 빠르게 시스템을 초기화하여 깨끗한 상태로 되돌릴수 있습니다. 2013. 6. 18. 네이버 api 지도넣기 1. 네이버 지도 api 키발급하기 처음으로 해야할일은 일단 키를 등록/관리 하여야 합니다. 키등록/관리 페이지로 https://dev.naver.com/openapi/register 2. 예제소스에 키 삽입하기 (상단에서 등록한 키를 예제 소스에 삽입하기) http://dev.naver.com/openapi/apis/map/javascript_2_0/example f32441ebcd3cc9de474f8081df1e54e3이 부분에 되었는 부분에 등록한 키를 대체 해넣어야 합니다. width:500px; height:400px , (500, 400) 이 두 부분은 보여지는 가로 세로 사이즈 입니다. (37.5010226, 127.0396037); 이 부분은 위도와 경도 사이즈 입니다 3. 위도와 경도 찾.. 2013. 6. 12. bg 중앙정렬로 한번만 사용하기 테이블이나 DIV에 class="subbgrec"를 사용하여 CSS에서 bg를 중앙정렬로 불러온다 CSS 예제 하단 .subbg_shadow{background:url(subbg_shadow.png); background-repeat:no-repeat;background-position: top center; } CSS 예제 백그라운드2 #header { background:#692e22 url('//img.echosting.cafe24.com/design/skin/fashion016/header_bg.jpg') no-repeat 50% 0; } CSS 예제 백그라운드3 #slide_image { position:relative; height:270px; text-align:center; backgrou.. 2013. 3. 2. Adobe Edge Tools & Services Adobe에서 드디어 고품질 웹을 실현하는 에지 툴과 기법을 공개헀다. 디자이너와 개발자들이 HTML5, CSS3 및 자바스크립트(Java-Script) 등과 같은 최신 웹 기술을 이용해 보다 손쉽게 강력한 웹 사이트, 디지털 콘텐츠 및 모바일 앱을 개발할 수 있도록 에지 툴과 기법 공개헀다. 사실상 난 올해말로 예상되는 어도비 에지 리플로우(Adobe Edge Reflow)에 관심이 더크다. 모든 모발 플랫폼에 맞게끔 코딩이나 디자인을 손쉽게 컨트롤하는 영상을 보고는 그져 빨리 만져보고픈 생각 뿐이다. 에지 애니메이트는 웹 디자이너들이 최신 웹의 인터랙티브 기능을 이용해 개발하도록 장려하기 하기 위해 무료로 이용할 수 있으며, 이미 50만 회 이상의 프리뷰 다운로드를 넘어 섰다. Edge Animate.. 2012. 11. 23. 다음뷰 애드박스 위치 바꾸기 1. 블로그 아이디번호 알아내기 블로그에서 우클릭->소스보기 찾기 Ctrl+F 로 "ad250" 찾아줍니다. secid=5자리숫자 blogid=6자리숫자가 자신의 블로그 아이디입니다 2. style.css 수정 /* 다음 애드박스 지우기 */ .ad250_outter {width:0px !important; height:0px !important; overflow:hidden !important;} 추가해 줍니다 3.다음 뷰 애드박스 원하는 위치에 넣기 2012. 7. 26. 이전 1 다음
