그림 sIFR'i 최적 사용

가장 인기있는 '비밀 번호 해줄 간의 이미지 교체 기법. 어디 에나 우리는이 기술을 우리는 운영 체제의 모든 글꼴의 표준 글꼴을 기반으로 구현된 일부 프로젝트에서 사용되는 본적 우리가 제목에 사용할 수있습니다. 그리고 부드러운 안티 앨리어스의 기술. 이미지를 아래의 결과의 예를 볼 수있습니다. 아니면 최대한 인생을 볼 수 RESET의 3의 데모를 확인하십시오.

사용 RESET의

당신,하지만 기본적인 방법을 사용하려면이 암호는 '쓰기 기술이 어떻게 그것을 해결있을거야 최적의 방법으로 사용할 수있습니다. 문서가 이미 충분히 그 주위의 사용을 설명합니다. 예를 들어, 그 내 절친한 친구 모하마드 Sevim '자신의 RESET의 3 사용자 가이드에 당신이 그녀의 에세이를 읽을 수있습니다. 이외에, RESET의 자습서 : 너의 자신의 글꼴을 사용하여,이 방법 당신은 당신은 그의 기사를 읽을 수있는 설명서 및 FAQ RESET의 및 RESET의 3 일하러 가야합니다.

만약 당신이 암호를 충족 확실히 적어도 내가 당신과 함께 사용 잘 알고 있어야하는 것이 좋습니다 비밀 번호 '의 문서를 읽을 수 위의 링크를 포기하지 않았습니다.

일반적인 사용에서 재설정 '은 HTML 파일에서 위의 문서에서, 우리는 많은 파일을 추가할다고 설명되어있습니다. 비밀 번호 벤 때 '내가이 프로젝트에, 내가 그것을하지 않으면 사용. 일반적으로 있음, 가능 한한 내 파일로부터 작은, 난 HTML 페이지를 호출합니다.

그래서 정상적인 CSS를 사용하여 파일, HTML 파일에 다음 아래;

  1
 2

 "stylesheet" href = "sIFR-screen.css" type = "text/css" media = "screen" > < link rel = "stylesheet" href = "sIFR-print.css" type = "text/css" media = "print" > = "stylesheet" href = "password-screen.css" 입력 <link 확인해 = "text / css" 미디어 = "screen"> "링크를 확인해 ="스타일 시트 "href ="비밀 번호 print.css "유형 ="텍스트 / CSS는 "미디어 ="인쇄 "" 

다음과 같은 파일을 JS 파일을 호출해야합니다 :

  1
 2

  "sifr.js" type = "text/javascript" >< / script > <SCRIPT 다운 "sifr.js" 유형 = "text / javascript"> "/ 스크립트"
 "sifr-config.js" type = "text/javascript" >< / script > <SCRIPT 다운 "password-config.js" 유형 = "text / javascript"> "/ 스크립트" 

총 4 파일을 호출합니다. 속도도, 맞죠? 그래서 지금 당신이 유일한 가기 어디서 <script src="sifr.js" type="text/javascript"></script> HTML을 페이지에, 암호 파일, '어떻게 사용할 수있는 내가 말할 수있는이 추가 기능? 더 나은, 맞죠?

이러한 방법은 덜 할 때 서버와 요청을 보냈습니다 또한 우리는 더욱 단순화를 사용하여 추적합니다.

왜 덜 필요 공연 예술에서 Siberkültür 요청하기 전에 귀하의 사이트 문서에서 다음과 같은 단락에서 이름을 안전하게 보내는 방법을 아주 잘 설명되었습니다 :

어떻게 귀하의 페이지에 많은 항목을 서버에 요청을 더 갈 것입니다. 서버에 대한 모든 요청을 milisaniyelerle 요청 / 응답을 라인을 확장할 것이다. 물론 이미지와 같은 CSS 파일, 자바 스크립트 파일과 외부 파일로서 귀하의 페이지에있는 항목을 의미.

운동 Vakti

이제 우리는 sifr.js 기타 필요한 기능 수행을위한 첫 번째 파일을 웹 페이지로 functions.js 귀하의 HTML 페이지에 추가할 파일을 다음과 같습니다.

  1
 2

  "scripts/sifr.js" type = "text/javascript" >< / script > <SCRIPT 다운 "scripts / sifr.js" 유형 = "text / javascript"> "/ 스크립트"
 "scripts/functions.js" type = "text/javascript" >< / script > <SCRIPT 다운 "scripts / functions.js" 유형 = "text / javascript"> "/ 스크립트" 

난 이상이 필요할 수있습니다 아니면 폴더에 보관 JS 스크립트에있는 모든 작은 PHP 스크립트를 참조하십시오라고. 만약 당신이 어떤 코드를 위의 폴더에 이러한 파일을 계속, 당신이 적절하게 수정해야합니다.

단지 하나의 JS 파일을 처리할 수있다. 그래, 그건 맞아. 대부분의 웹 페이지를, 작은 경우에는 반드시 tefekte JS 코드를 사용하기 때문에. 나는 보통 위의 예에서처럼,이 파일을 내 이름 및 코드 functions.js '난 내 그 파일을 보관을 제공합니다.

그럼 functions.js 파일을, 다음 샘플 코드를 붙여넣을 열고 물론 고객님의 사용과 사용자의 필요에 따라 재배열 :

  1
 2
 3

  { src : 'images/swf/agora_regular.swf' } ; 저기 agora_regular = (src : '이미지 / swf / agora_regular.swf');
 agora_regular ) ; 비밀 번호입니다. () agora_regular 활성화;
 agora_regular , { selector : 'div#content h1, div#content h2' , css : [ '.sIFR-root { color: #3e3e3e; font-weight:bold; letter-spacing:-1 }' ] , wmode : 'transparent' , tuneHeight : '-5' } ) ; 비밀 번호입니다. (agora_regular (선별 교체 : 'div # 내용은 H1, H2 등 # 콘텐츠 div', CSS가 : [ '. 비밀 번호 (색상 : # 3e3e3e; 글꼴 - 무게 : 굵게; 편지 루트 간격 : -1)'] , wmode : ', 투명 tuneHeight :'-5 ')); 

아직 여기에 첫 번째 줄에 Flash'da 아고라 일반 글꼴 agora_regular.swf라는 이미지 파일을 / swf 제가 전화를 포함하는 폴더를 생성합니다. 아직 귀하의 요구에 따라, 당신은 yuarıdaki 코드를 편집할 수있습니다.

마지막으로, 기본적으로, 당신은 CSS에 아래 코드를 사용하여 파일의 적절한 위치에 붙여 넣습니다 귀하의 파일을 열 수있습니다 :

  1
 2
 3
 4
 5
 6
 7
 8
 9
 10
 11
 12

  visibility : visible !important ; margin : 0 ; padding : 0 } . 비밀 번호 (가시 : 플래시! 중요한 보이는; 여백 : 0; 패딩 : 0)
 visibility : hidden !important } . 코드를 언로 드. 비밀 번호 (시정 : 숨겨진 플래시! 중요)
 .sIFR-ignore { visibility : visible !important } . 코드가 바뀝니다. 암호를 무시 (가시 :! 중요 표시)
 position : absolute ; left : 0 ; top : 0 ; width : 0 ; height : 0 ; display : block ; overflow : hidden } . 비밀 번호로 대체 (위치 : 절대; 왼쪽 : 0; 가기 : 0; 너비 : 0; 높이 : 0; 디스플레이 : 블록; 오버플로우 : 숨겨진)
 { margin : 0pt ; padding : 0pt ; overflow : auto ; letter-spacing : 0px ; float : none } . div 코드가 바뀝니다. fixfocus 코드 (여백 : 0pt; 패딩 : 0pt; 오버플로 : 자동; 문자 간격 : 0px; 플로트 : 없음)

 @ 미디어 인쇄 (
  display : none !important ; height : 0 ; width : 0 ; position : absolute ; overflow : hidden ; } . 비밀 번호 플래시 (표시 : 없음! 중요하다; 높이 : 0; 너비 : 0; 위치 : 절대; 오버플로우 : 숨겨진;)
  visibility : visible !important ; display : block !important ; position : static !important ; left : auto !important ; top : auto !important ; width : auto !important ; height : auto !important } . 비밀 번호로 대체 (가시 :! 중요한 보이는; 디스플레이 : 블록! 중요하다; 위치 :! 중요한 정적; 왼쪽 : 자동! 중요하다; 가기 : 자동차! 중요하다; 폭 : 자동! 중요하다; 높이 : 자동! 중요)
 )

 h1 { visibility : hidden ; font-size : 30px ; line-height : 1em } . 암호는 Active div # 내용은 H1 (시정 : 숨겨진; 글꼴 크기 : 30px; 라인 - 높이 : 1em) 

1 위의 코드 5 호선 CSS는 코드에 대한 필수 코드 줄을 (표준 설치 파일의 예), 7 내 코드에 필요한 행을 screen.css 라인 10 print.css 파일의 코드와 12라는 일반적인 코드에 대한 필수 코드 줄을 우리가 가고 재설정 기법의 크기를 결정할 라인.

그렇게 불필요한 코드가 HTML을 페이지에 포함시키기 위 @media print print.css 저장된 파일의 코드를 @media print 하지만 우리가 여기서 조심해야 할 게있습니다. 코드 위를 추가, 기본 CSS 파일을 (나는 주로 screen.css)를 HTML 파일 <link href="styles/screen.css" rel="stylesheet" type="text/css" media=”screen” /> 묻혀라고 할 <link href="styles/screen.css" rel="stylesheet" type="text/css" media=”screen” /> media="screen" 만약 당신이 @media print 사이에 코드가 작동하지 않습니다 @media print 사용하여 언급. 왜냐하면이 CSS 파일을 화면에 대한 작업을 정의하는 내게 말했다.

따라서, 귀하의 웹 페이지에 비밀 번호를 '인쇄를했기 때문에 몇 가지 격차, 또는 일부 이상한를 볼 수있습니다 SWF 파일을 들여 제작.

짧은 있음, 우리의 기본 스타일 시트는 HTML 페이지가하면 media="screen" 사용하지 말았어야 우리가 media="screen" 전화.

또한 당신이 @media print {} 파일에 코드를 @media print {} 사이에 @media print {} 위의 예제에서 사용하는 프린터가 이미 CSS 파일을, 또한 생략 수있습니다.

결과적으로, 우리의 웹 페이지의 코드를 가능한 한 동안 파일을 잘 사용할 수있을 것입니다 약간. 이것은 우리가 잘 할 때 다음과 같은 최적화를 대신하게 될 방법으로 변경을 설명해야합니다.

이 문서는 Fatih 투란 9월 19 일,에서 2008 23시 52분. 저기 13 코멘트 위치에 의해 작성되었습니다.

관련 기사 :

1. 수요에 비해 그림 sIFR'i 최적 사용하는 이유는 적습니다 gndermemiz gerektiini 후부 터 Siberkltr'de ...
2. Cufo 다른 사이트에 관한 모든 것 우리의 기쁨을 우리 자신의 글꼴에 따라 비밀 번호를, 때로는 우리가 사용하고 싶습니다. 그러나 ...
3. 파이어 폭스를 사용하여 두 개의 서로 다른보기 파이어 폭스 웹 디자인 내가 SRF adnda 2에서이 문제를 함께 ...
4. 설치 및 사용 구글 맵스 API는 구글 맵스 API는이 문서에서는 실행 시간에 관련된 ...
5. 개인 비지니스 카드 전의 일환으로 자신이 개인 카드를 만들 ...

댓글

아직 코멘트가없습니다.

코멘트 쓰기

이름 (필수) 전자 우편 (함께) (필수) 공유 웹사이트