이미지를 커팅하는 방법

게시글

단순 텍스트를 이미지로 만드는 방법 (텍스트 이미지 만들기)

단순 텍스트를 이미지로 만드는 방법입니다

게시글

width:100% 에서 특정 픽셀만큼 빼기

100px만큼 뺀 div값

게시글

백그라운드 이미지에 padding값을 주는 방법

백그라운드를 노출할때에 공간을 띄우고 하고 싶을때가 있다 이럴때 다음과 같이 하면된다. style="background-image:url('이지지경로'); background-position:10px 20px;" x=>10px y=>20px 띄우게된다

게시글

이미지 변경하기 attr()

태그내 속성을 변경하고자 할때 사용하는 attr()함수이다 이미지 변경 뿐만아니라 클래스명 변경 사이즈변경 모든것이 가능하다 이미지 변경하는 방법 마우스 오버시 이미지주소1로 변경된다 $("#_index_banner").attr("src","이미지주소1");

사진속 특정 부분 제거하는 사이트 jpgrm

jpgrm.com

사진의 특정부분을 제거하고자 할때 사용하는 사이트입니다 포토샵과같은 이미지 편집툴로 수정할수 있지만 초간단하게 사진의 특정부분을 제거 할수 있는 사이트 입니다 사용방법은 간단합니다 사진을 업로드후 제거할 부분을 드레그를 통해 마킹하고 Start 버튼을 클릭하면 마킹된 부분이 제거됩니다 ​ 직접 해보니 생각보다 성능이 좋습니다 아주 고퀄리티를 원한다면 그건 무리가 있겠지만 간단하게 사용하기에는 성능이 아주 좋습니다​ 100%무료이면 좋겠지만 720px까지만 무료이고 그 이상은 유료네요 ㅠㅠ~~

게시글

마우스 오버시 이미지 안쪽으로 테둘이 넣는 방법

이미지에 마우스를 오버했을경우 이미지 안쪽으로 테둘이를 넣는 방법이다 바깥쪽으로 테두리를 넣게되면 이미지영역이 커져서 깨지는 경우가 발생되기 때문에 안쪽에 넣은것이다 a.image01, a.image01 img {float:left;overflow:hidden;} a.image01:hover{border:4px solid #DDDDDD;} a.image01:hover img {margin:-4px;}

게시글

페이지 출력할때 페이지를 구분해서 프린트하기

페이지에서 print()함수를 사용해서 페이지를 출력할때가 있다 일반적으로 출력할때 내용이 페이지 구분없이 연달아 출력되게 된다 이때 페이지를 구분하고 싶은경우가 있다 1,2,3페이지로 구분해서 출력하고 싶을때가 있는데 이때 페이지를 구분하는 방법이다 페이지를 구분할때 사용 IE7버젼 이상일경우 좀다른데 아래처럼 하면된다

게시글

이미지,프레임 사이즈등 변경하는 정규식

이미지,프레임 사이즈등를 변경하 고자 할때가있다 그럼 해당 width,height 값을 변경해야되는대 해당부분만 고치기 위해서는 정규식이 필요하단 $ext1_1=preg_replace("!width=\"(.*?)!is",'width="400"',$ext1_1);//자동사이즈 조절 $ext1_1=preg_replace("!height=\"(.*?)!is",'height="300"',$ext1_1); width=400,height=300사이즈로 변경하는 정규식이다 유트브에서 "