프로그램28 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. 7. 20. 킨텍스2_22 2013. 7. 20. 킨텍스3_40 2013. 7. 20. 항구 6_10.mp4 2013. 7. 20. 항구도시 127_10 2013. 7. 20. 하늘공원_12 2013. 7. 20. 킨텍스타임랩스_27 2013. 7. 20. how to change the color of objects in AE 에펙에서 원하는 부분을 찾아 선택하고, 선택한 부분을 원하는 칼라로 바꾸어 줄수 있는 플러그인이 있습니다. color correction > color to change 우선 from 부분의 스포이드로 원하는 칼라를 선택하여줍니다. to 부분의 칼라를 원하는 칼라로 선택하면, 선택부분의 영상이나 사진의 칼라가 교체 됩니다. 명도나 채도에 따라 선택부분의 영역이 다 포함되지는 않지만 이것 또한 마스크나 viwe correction matte 부분을 선택하여 영역을 확장 또는 축소 가능합니다. 방법은 무수히 많습니다. 여러분의 응용력에 따라 여러 가지 변형이 가능합니다. 2013. 7. 17. h264 에펙 렌더링하기 Mac에서는 대부분 Quick Time의 Apple ProRes 422 HQ코덱을 사용하여 고화질의 아웃풋을 만듭니다. 하지만 본인은 윈도우를 사용하는 관계로 H264를 자주 사용합니다. 자 그럼 이제 부터 영상작업을 끝냈을때 에펙에서 랜더링하는 과정을 정리해 봅니다. 자 이제 렌더 버튼만 클릭해 주시면 됩니다. 2013. 7. 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. 3D Camera Tracker After Effects CS6 새로운 플러그인중 하나가 3D Camera Tracker 이다. 움직이는 영상에 트랙킹을 하여 자유로이 위치나 움직임에 맞게끔 택스트나 3D를 합성하게끔한다. CS5까지는 Mocha가 같이 인스톨되어 사용되었고 또는 Boujou라는 트래킹 소프트웨어를 사용하였다. Max나 Cinema 4D와 호환을 하였다. 지금은 Maxon에서 간단한 플러그인을 다운받아 설치하면 카메라 위치를 4D와도 간편히 Export할수 있는 편리함을 갖췄다. 2012. 12. 11. Adobe Edge Tools & Services Adobe에서 드디어 고품질 웹을 실현하는 에지 툴과 기법을 공개헀다. 디자이너와 개발자들이 HTML5, CSS3 및 자바스크립트(Java-Script) 등과 같은 최신 웹 기술을 이용해 보다 손쉽게 강력한 웹 사이트, 디지털 콘텐츠 및 모바일 앱을 개발할 수 있도록 에지 툴과 기법 공개헀다. 사실상 난 올해말로 예상되는 어도비 에지 리플로우(Adobe Edge Reflow)에 관심이 더크다. 모든 모발 플랫폼에 맞게끔 코딩이나 디자인을 손쉽게 컨트롤하는 영상을 보고는 그져 빨리 만져보고픈 생각 뿐이다. 에지 애니메이트는 웹 디자이너들이 최신 웹의 인터랙티브 기능을 이용해 개발하도록 장려하기 하기 위해 무료로 이용할 수 있으며, 이미 50만 회 이상의 프리뷰 다운로드를 넘어 섰다. Edge Animate.. 2012. 11. 23. 이전 1 2 다음
