리틀딥의 홈페이지입니다.

단순 텍스트를 이미지로 만드는 방법입니다 <img src="<?=gd_label("가나다 abc 123","font-size:30px;color:#ff0000;")?>"> 이미지 태그안에 gd_label("내용","CSS") 함수를 넣고첫번째 파라미터에 내용두번째 파라미터에 CSS를 넣어 사용하면 됩니다  작동이 되지 않는경우 폰트가 적용되지 않을수도 있으니 폰트도 같이 업로드해서 사용해야 합니다

<style>::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */  color: red;  opacity: 1; /* Firefox */} :-ms-input-placeholder { /* Internet Explorer 10-11 */  color: red;} ::-ms-input-placeholder { /* Microsoft Edge */  color: red;}</style><input type="text" placeholder="placeholder 사용">

<hr> 태그에 색상을 넣고 싶으면<hr style="color:#000000"><hr style="border-bottom:1px solid #000000"> 이렇게 CSS를 통해 넣으면 적용될것 같지만 그렇지않다 그이유는 hr는 top,bottom라인이 존제한다 해서 기본적으로 하면 라인이 2px로 된다 top,bottom 각각 1px씩 2px이된다 해서 1px로 하고자 할때 border-bottom:1px solid #000000;border-top:none;  이런식으로 라인 하나를 제거하

셀렉트박스에서 내용이 변경될때 처리하는 이벤트가 있다onchange 이벤트를 사용해서 원하는 부분을 처리하는 이벤트이다이방법은 해당 태그에 onchange를 입력해서 처리해야된다그러나 스크립트 만으로 변경하고자 할때가 있다 리스너를 활용해야 하는데 해당 사용방법은 다음과 같다$("select[name='셀렉트박스이름']").change(function(){  //변경시처리하는 내용}); 

체크할때 텍스트를 바꾸는 방법은 많이 있다 아이디를 선언해서 해당 이벤트 발생시 처리 하는 방법이 있는데그렇게 하지 않고 아이디 하나만 선언하고 태그내에서 parent()를 활용해서 접근한후에 텍스트를 교체하는 방법이다여러게의 아이디를 사용할필요가 없어 간편하고 유지보수가 비교적 편리한 편이여서 즐겨사용하는 방법이다  <script>//맵선택했을경우 바로

$("#imgList").children().eq(0).contents(":last-child").attr("src");imgList의 id내의 노드를 순서대로 접근한다eq(0) => 첫번째eq(1) => 두번째contents(":last-child").attr("src") 해당 노드안에서 마지막 노드의 src값을 호출하는 부분이다 

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

IE버전에서 주소창 우쯕 끝에 호환성 보기 버튼이 생기는 경우가 있는데이때 해당 버튼을 제거하기위해서 아래의 메타태그를 입력하면된다 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 

모바일에서 홈페이지를 접근하게 되면 100% 적용안될경우가 있는데그것은 meta를 선언하지 않았기 때문이다아래는 필자가 모바일에서 사용하는 메타태그이다 <META content="text/html; charset=utf-8" http-equiv="Content-Type"><META content="no-cache" http-equiv="cache-control"><META name="viewport" content="user-scalable=no, initial-scale=1.0, maximum-scale=1.0,  width=device-width"><META name="apple-mobile-web-app-

input{display:none;} 이렇게 css선언하게 되면 모든 input 태그는 비노출이된다text,password,checkbox,radio등등 모두 비노출되는 식이다그러나 input=text만 별도로 적용하고자 하는경우가 있는데 이때 사용하는 방법이다<style>input {    expression(this.type == "text" ? "none" : font-size:13px) }</style> expression를 통해서 this.type == "text"구분하여 별도록 스타일을 지정할수 있다 

textarea,input text 를 입력할경우에 주의 해야되는 것이 있는데따움표라던지 별도의 태그가 value안에 들어가지 않도록 주의 해야된다만약들어가게되면 페이지가 깨지거나 오작동이 되기때문이다 그러기 때문에 습관을 들이는것이좋다<textarea><?=htmlspecialchars($value)?></textarea><input type="text" value="<?=htmlspecialchars($value)?>">내용을 넣을때 htmlspecialchars()로 감싸주는

php에서 엑셀파일형식으로 다운받고 싶을때가 있다이럴때 사용하는 방법으로 table태그형태로 엑셀 파일이 그대로 다운받아진다회원정보,부동산매물정보,자동차매물정보,기타매물 정보등을 다운받을때 사용하는 소스이다 header("Content-type: application/vnd.ms-excel");header("Content-Disposition: attachment; filename=엑셀파일명.xls");header("Expires: 0");header("Cache-Control: must-revalidate, post-check=0,pre-ch

태그에 라운드 넣는 방법solid  border-radius:20px 해당라운드 수치임 라운드모양을 실선,점선등으로 표기가능하다 자주사용하는 종류solid:실선dotted:짧은 점선dashed:긴 점선 

str_replace 함수는 단순 문자만 치환하기 때문에 문자가 태그로 구성되어 태그도 포함해 치환됩니다. 이를 개선하기 위해 태그의 문자는 치환하지 않는 tag_exce_replace() 사용합니다

나중에 보고 싶은 홈페이지를 저장 해둘수 있는 포켓 입니다

브라우저별 지원하는 기능을 확인할 수 있는 사이트 입니다

무료폰트를 다운받아 사용할 수 있는 다폰트 입니다

배경이 제거된 이미지를 제공해주는 사이트 입니다

무료로 이미지를 다운받아 사용 할 수 있는 언스플래쉬 입니다