게시글

비밀번호 입력문구 input 이지미 삽입

input type이 password인경우 value="비밀번호" 이렇게 입력하면 ****이렇게 내용을 볼수 없다그렇기때문에 해당 문구를 넣고 싶은경우 이미지를 활용하는 방법을 사용한다 input_pw.gif 이미지에 "비밀번호입력" 이런식으로 만들어지 이미지를 호출하는 형태이다 그리고 onfocus 되었을때 이미지를 비우는 식으로 문구를 제거한다

#프로그램 #CSS #소스 #style #비밀번호입력칸 #inputpassword #안내문구 #입력칸이미지 #onfocus

게시글

웹폰트를 사용해서 텍스트 폰트변경하기

웹폰트를 사용하는 방법이다 스타일부분에 @font-face{font-family: fontstyle01;src:url(/swww/font/RixGoB.eot);} 선언하고 사용하고자 하는곳에 다음과같이 사용하면적용된다 웹폰트 NanumGothic.eot 장점이 틀림없이 있다 그러나 난 별로 사용하지 안는다 이유는 IE에서는 작동되는데 크롬브라우저에서는 적용되지 않는다 그리고 적용되는 IE에서도 로딩과동시에 적용되는것이 아닌 페이지로딩후 조금 후에 글씨체가 변경된다 아무래도 해당 NanumGothic.eot 폰트를 불러오는 시간이 걸리는듯하다 그리고 기본적인 확장자는 ttf인데 이걸 eot파일로 변경한 후에 사용해야된다

#프로그램 #CSS #소스 #style #웹폰트 #font-face #eot #글꼴변경 #폰트적용

게시글

자간,행간,단어간격

단어간 간격,글자간 간격, 줄간 간격을 스타일로 조절할수 있다 ​ word-spacing:5px;//단어간 간격 letter-spacing:7px;//자간 line-height:18px;//행간

#프로그램 #CSS #소스 #style

게시글

영문,숫자,대문자로만 입력가능

입력할때 영문 숫자 대문자로만 입력가능함 style="ime-mode:disabled;text-transform:uppercase;"

#프로그램 #CSS #소스 #style

게시글

웹폰트를 사용한 텍스트 폰트변경하는 방법

@font-face{font-family:fontstyle01;src:url(NanumGothic.eot);} @font-face{font-family:fontstyle02;src:url(NanumGothicBold.eot);} @font-face{font-family:fontstyle03;src:url(NanumGothicExtraBold.eot);} 웹폰트 NanumGothic.eot 웹폰트 NanumGothicBold.eot 웹폰트 NanumGothicExtraBold.eot 웹폰트를 사용하는 방법이다 스타일부분에 @font-face{font-family: fontstyle01;src:url(/swww/font/RixGoB.eot);} 선언하고 사용하고자 하는곳에 다음과같이 사용하면적용된다 웹폰트 NanumGothic.eot 장점이 틀림없이 있다 그러나 난 별로 사용하지 안는다 이유는 IE에서는 작동되는데 크롬브라우저에서는 적용되지 않는다 그리고 적용되는 IE에서도 로딩과동시에 적용되는것이 아닌 페이지로딩후 조금 후에 글씨체가 변경된다 아무래도 해당 NanumGothic.eot 폰트를 불러오는 시간이 걸리는듯하다 그리고 기본적인 확장자는 ttf인데 이걸 eot파일로 변경한 후에 사용해야된다

#프로그램 #CSS #소스 #웹폰트 #font-face #나눔고딕 #eot #글꼴변경

게시글

다른 테이블에 있는 내용을 insert 하는 방법

테이블 내의 레코드를 그대로 입력하는 방법 내용을 select 한다음 내용을 insert하면된다 이때 따움표나 이런것때문에 문제가 생길수 있는데 이때를 위해 PHP에선 addslashes() 함수를 사용해서 입력한다 이건 뭐 간단하게 생각하면될문제이다 그러나 소개하고자 하는것은 좀더 효율적으로 처리하기위한 방법이다 지리문 자체에서 insert하는 방법이다 insert into 테이블1 select * from 테이블2 where 1 테이블2에 있는 내용을 테이블1에 insert하는 방법이다 위와 같은 방법으로 하면 속도면이나 프로그램 소스가 현저하게 줄어들게된다 물론 해당 필드명을 하나하나 코딩할 필요도 없다

#프로그램 #소스 #Mysql #테이블복사 #insertselect #쿼리 #레코드복사 #addslashes

게시글

자간(문자간격)넣는 방법

자간(문자와 문자 사이)를 넓게 하고자 할때 사용하는 스타일이다 문자간격

#프로그램 #CSS #소스 #style

게시글

textarea내에 엔터를 통해 자동으로 늘리는 방법

글을 작성할때 엔터키를 누르면 자동으로 세로 사이즈가 늘어나게 하고 싶을때가 있다 이때 사용하는 방법이다

#프로그램 #CSS #소스 #style

게시글

이미지를 커팅하는 방법

실제로 이미지가 커팅되는것이 아닌 보여지는 부분을 제한 하는 형식이다 CSS로 특정 이미지 만큼 잘라서 보여주기

#프로그램 #CSS #소스 #style

게시글

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

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

#프로그램 #CSS #소스 #style #페이지인쇄 #페이지나누기 #프린트 #print함수 #인쇄스타일

게시글

iframe 투명하게 처리하기

페이지내에 iframe있는경우 투명하게 처리하고자 하는경우가 있다 allowtransparency='true' 를 통해 투명하게 처리 할수 있다 이때 주의 해야될것이 이렇게 만 하면되는것이아니다 아이프레임.html 페이지에서도 선언해줘야 하는 부분있데 아래의 css를 넣어줘야 정상적으로 적용된다 body{background-color:transparent;}

#프로그램 #CSS #소스 #style #iframe #아이프레임투명 #allowtransparency #배경투명 #transparent

게시글

다른 데이타베이스내에 있는 테이블을 복사하는 방법

다른 "A"디비에있는 "가"테이블을 "B"디비에있는 "가"테이블에 입력하려면insert into 테이블1 select * from 테이블2 where 1 지리문의 확장을 생각해보면된다 이때 해당 A,B디비에 접근하는 방법은 의외로 간단하다 A.가 "A"디비에 있는 "가"테이블 B.가 "B"디비에 있는 "가"테이블 이렇게 접근하면된다 insert into B.가 select * from A.가 where 1 이런 지리문으로 A->B로 입력할수 있다 그런데 이때 PHP소스에서 적용하려면 좀 난감한 부분이 있다 mysql_query($sql,$dbcon_A);이런식으로 A디비에 접근하고 mysql_query($sql,$dbcon_B);B디비에 접근하는데 이걸 어떻게 2개의 디비에 동시에 접속할수 있을까 이다 그런나 의외로 간단한데 root권한으로 접속하면된다 mysql_query($sql,$dbcon_root); 이렇게 접근하면 A.가, B.가에 접근할수 있다

#프로그램 #php #소스 #Mysql #테이블복사 #데이터베이스간복사 #insertselect #쿼리

게시글

html,body 부분의 스크롤바 제거하는 방법

html,body부분의 스크롤바를 제거하고자 하는경우가 있다 이때 사용하는 방법이다 html, body { height:100%;overflow-x:hidden; overflow-y:auto} overflow-x,overflow-y브라우저별,버전별에 따라 지원유무를 파악한후 사용해야한다

#프로그램 #CSS #소스 #style #웹퍼블리싱 #스타일시트 #스크롤바제거 #overflow-x #가로스크롤

게시글

css파일에서 css파일 include(import)하기

html 페이지에서 css파일을 불러오는 방법은 이렇게 하면 style.css,style_add.css 파일 2개를 모두 불러올수 있다 그런데 style.css 안에서 style_add.css를 불러오고 싶을때가 있다 이때 import(include)하는 방법인다 style.css 파일에 추가해주면된다 @import "style_add.css"; import를 지원하지 않는 브라우저가 있어서 확인이 필요하다

#프로그램 #CSS #소스 #style #웹퍼블리싱 #스타일시트 #@import #CSS파일불러오기 #CSSinclude

게시글

input type=text 태그만 별도로 스타일 지정하는 방법

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

#프로그램 #CSS #소스 #style #스타일시트 #input스타일 #inputtext #expression #폼스타일

게시글

한글입력 불가능하게 하기

아이디입력처럼 한글을 입력하면 안되는경우에 사용하면 편리하다

#프로그램 #CSS #소스 #style

게시글

아이프레임 처럼 스크롤바를 넣고 싶은경우

특정위치의 내용의 가로 세로 사이즈가 고정되어 야 하는경우가있다 이때 범위가 벗어나면 안되는경우가 있는데 벗어나게되면 전체적인 디자인이 깨지거나 하는경우이다 이때 사용하는 방법이 스크롤이 생기게 하는방법인데 아이프레임으로 스크롤을 처리해도 되지만 스타일로 간단하게 처리하는 방법이있다 아이프레임 효과 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 줄바꿈 가로세로 300px가 넘어가는 경우 자동으로 스크롤 처리하는 부분이다 overflow:auto; 부분으로 스크롤이 없다가 사이즈가 오버되면 그때 스크롤이 생긴다

#프로그램 #CSS #소스 #style #스타일시트 #overflow #스크롤바 #고정영역스크롤 #아이프레임대체

게시글

영문,숫자와 한글 문자 갯수 알아오는 방법

영문,숫자와 한글 텍스트는 바이트 수가 차이가 있다 strlen("1234");// 4노출 strlen("숫자");// 2노출이 되는것이 아닌 4가 노출된다 strlen("숫자");// 2로 노출하고 싶은경우가 있다 이때 사용하는 방법은 mb_strlen("숫자","utf-8") => 2노출 한글 숫자로 호출할수 있다 이때 캐릭터셋을 꼭입력해줘야 한다

#프로그램 #php #소스 #mb_strlen #strlen #한글글자수 #문자열길이 #utf-8

게시글

주소로 파일 내용을 가져오는 함수

외부의 특정 파일의 내용을 그대로 불러오고 싶을때가 있다 물론 .php 파일같은경우 원본 파일을 불러오는게 아닌 php부분이 실행된 이후의 결과 페이지를 가져올수 있다 .txt파일등 다른 여러파일도 동일하다 $file=file_get_contents("파일명"); 해당 파일명의 내용을 $file로 대입해서 사용할수 있다 그런데 이때 모든 홈페이지의 내용을 사용할수 있는건 아니다 간혹 보안을 목적으로 외부에서 내용을 가져가지 못하도록 막아 놓는 사이트가 있다 그러나 자신의 ftp경로의 있는내용을 별무리 없어 가져와 사용할수가 있다

#프로그램 #php #소스 #크롤링 #file_get_contents #PHP함수 #외부파일읽기 #웹페이지가져오기

게시글

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

이미지,프레임 사이즈등를 변경하 고자 할때가있다 그럼 해당 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사이즈로 변경하는 정규식이다 유트브에서 "

#프로그램 #php #소스 #preg_replace #정규식 #이미지크기변경 #iframe크기 #width