I figur sIFR'i optimal bruk

Bilde Replacement teknikk blant de mest populære PASSWORD 'dir. Overalt hvor vi har sett denne teknikken brukes i noen prosjekter vi har gjennomført i operativsystemet er basert på standard fonter fra en font kan brukes i tittelen vår. Og jevnere Anti-Alias teknikk. På bildet nedenfor kan du se et eksempel på resultater. Eller sjekk RESET 3's demo for å se livet som mulig.

Bruk RESET

Skrive du dette passordet "i hvordan du bruker grunnleggende, men hvordan denne teknikken kan brukes på en optimal måte det blir adressert. Artikkelen beskriver bruk av allerede nok rundt der. For eksempel, for at min kjære venn Mohammad Sevim 'i hans RESET 3 User's Guide kan du lese hennes essay. I tillegg RESET Opplæring: Bruk ditt eget Fonts, er dette måten du får arbeid RESET og RESET 3 Dokumentasjon og FAQ Du kan lese hans artikler.

Hvis du noen gang møter et passord ikke har definitivt gi over linken for å lese artikkelen og minst ett av passord 'Jeg foreslår at dere skal være kjent med i bruk.

RESET "i vanlig bruk er beskrevet i ovennevnte artikkel i HTML-filen, sier må vi legge til mange filer. Ben passord når jeg bruke i prosjektet mitt, jeg gjør ikke det. I generelt, så lite som mulig fra filen min, kaller jeg HTML-siden.

Så under normal bruk følgende i CSS-filer, HTML-filer;

  1
 2

 "stylesheet" href = "sIFR-screen.css" type = "text/css" media = "screen" > < link rel = "stylesheet" href = "sIFR-print.css" type = "text/css" media = "print" > <link Rel = "stylesheet" href = "password-screen.css" type = "text / css" media = "screen"> <link rel = "stylesheet" href = "passord-print.css" type = "text / css "media =" print "> 

og følgende filer trenger å ringe JS filer:

  1
 2

  "sifr.js" type = "text/javascript" >< / script > <script Src = "sifr.js" type = "text / javascript"> </ script>
 "sifr-config.js" type = "text/javascript" >< / script > <script Src = "password-config.js" type = "text / javascript"> </ script> 

Totalt 4 fil samtale. Sats også, ikke sant? Så nå kan du bare toppen hvor jeg <script src="sifr.js" type="text/javascript"></script> legge dette til vår HTML-side, passordet filen, 'Hvordan kan jeg si at jeg kan bruke? Bedre, ikke sant?

En slik metode for å spore mindre når serveren har sendt forespørselen, og også vil vi bruke enda mer forenklet.

Hvorfor er mindre behov for å sende forespørsel før Siberkültür på den Performance Art sikre webområdet ditt navn i følgende avsnitt i artikkelen var meget godt forklart på en måte:

Hvor mange elementer du har på siden din, forespørselen til serveren, vil flere gå. Enhver forespørsel til serveren er milisaniyelerle request / response-linjen vil forlenge. Jeg mener selvfølgelig elementer på siden som CSS-filer, JavaScript-filer og eksterne filer, for eksempel bilder.

Movement Vakti

Nå er den første filen og web side for våre sifr.js gjennomføre andre nødvendige funksjoner som følger functions.js fil legge den til på HTML-siden.

  1
 2

  "scripts/sifr.js" type = "text/javascript" >< / script > <script Src = "scripts / sifr.js" type = "text / javascript"> </ script>
 "scripts/functions.js" type = "text/javascript" >< / script > <script Src = "scripts / functions.js" type = "text / javascript"> </ script> 

Jeg kan være nødvendig over eller se alle de små PHP-skript i JS skript jeg beholde i en mappe kalt. Hvis du beholder disse filene i mappen du hva koden ovenfor, må du redigere tilsvarende.

Med bare en enkelt JS-fil som kan håndtere sa. Ja det stemmer. Fordi de fleste web-siden, hvis nødvendigvis liten JS-koden tefekte bruk. Jeg pleier som i ovennevnte eksempel, gir denne filen navnet mitt og koden functions.js 'm holder i mitt denne filen.

Deretter åpner du functions.js fil, lim følgende eksempel kode, og selvsagt eget bruk og omarrangert etter dine behov:

  1
 2
 3

  { src : 'images/swf/agora_regular.swf' } ; Det agora_regular = (src: 'images / swf / agora_regular.swf');
 agora_regular ) ; PASSORD. Aktivere (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' } ) ; PASSORD. Erstatte (agora_regular, (selector: 'div # content h1, div # content h2', CSS: [ '. Passord-rot (color: # 3e3e3e; font-weight: bold; letter-spacing: -1)'] , wmode: 'gjennomsiktige', tuneHeight: '-5')); 

Men her i den første linjen inneholder Flash'da produsert Agora Vanlig skrift agora_regular.swf fil som heter images / swf mappen kaller jeg. Likevel henhold til dine behov, kan du redigere yuarıdaki koden.

Endelig, etter standard, kan du åpne din CSS-fil du bruke koden nedenfor og lim den inn i riktig plass i filen:

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

  visibility : visible !important ; margin : 0 ; padding : 0 } . Passord-blits (visibility: visible! Viktig; margin: 0; padding: 0)
 visibility : hidden !important } . Koden lossing. Passord-blits (visibility: hidden! Viktig)
 .sIFR-ignore { visibility : visible !important } . Koden erstattes. Passord-ignore (visibility: visible! Viktig)
 position : absolute ; left : 0 ; top : 0 ; width : 0 ; height : 0 ; display : block ; overflow : hidden } . Passord-alternativ (position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden)
 { margin : 0pt ; padding : 0pt ; overflow : auto ; letter-spacing : 0px ; float : none } . Div koden erstattes. Fixfocus kode (margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none)

 @ Media print (
  display : none !important ; height : 0 ; width : 0 ; position : absolute ; overflow : hidden ; } . Passord-blits (display: none! Viktig; height: 0; width: 0; position: absolute; overflow: hidden;)
  visibility : visible !important ; display : block !important ; position : static !important ; left : auto !important ; top : auto !important ; width : auto !important ; height : auto !important } . Passord-alternativ (visibility: visible! Viktig; display: block! Viktig; posisjon: statisk! Viktig; left: auto! Viktig; topp: auto! Viktig; width: auto! Viktig; height: auto! Viktig)
 )

 h1 { visibility : hidden ; font-size : 30px ; line-height : 1em } . Passord-aktiv div # content H1 (visibility: hidden; font-size: 30px; line-height: 1em) 

Koden over 1 linje 5 linje opp den nødvendige koden for CSS koder (dvs. standard installasjonsfilen screen.css de nødvendige linjene i koden min), 7 linje 10 linje opp den nødvendige koden for normal kode i filen heter print.css koder og 12 linje i fastsettelsen av størrelsen på RESET teknikken vi overskriften.

Over @media print slik at unødvendig kode for å legge i HTML-siden, print.css fil som er lagret. Men det er noe vi bør være forsiktige her. Legg koden ovenfor, de viktigste CSS-fil (Jeg pleier å gjøre screen.css heter) når begravet i HTML-filen <link href="styles/screen.css" rel="stylesheet" type="text/css" media=”screen” /> i media="screen" hvis du bare nevnt bruker @media print vil ikke fungere mellom. Fordi denne CSS-filen definerer arbeid for skjermen fortalte meg.

Derfor, når du skriver din nettside passord 'produsert i. SWF-fil fordi du kan se noen hull, eller en kuriositet.

I korte, våre viktigste stilark HTML-side når du ringer våre media="screen" bør ikke bruke.

Også hvis allerede en CSS-fil for skriveren du bruker i eksempelet ovenfor den @media print {} mellom koder i denne filen, kan du også hoppe over.

Som et resultat av vår web-side kode så lite som mulig mens filen skal kunne bruke den godt. Dette bør forklare følgende når du gjør en endring i måten vil vi være godt på vegne av optimalisering.

Denne artikkelen Fatih Turan ble skrevet av på September 19, 2008 23:52. Det er 13 kommentarer.

Relaterte artikler:

1. I figur sIFR'i optimal bruk Hvorfor er mindre enn etterspørselen gndermemiz gerektiini NCE Siberkltr'de ...
2. Cufo et passord All About Alternativ Site henhold til vår glede i våre egne skrifter, noen ganger vi ønsker å bruke. Men ...
3. Bruk Firefox med to forskjellige Vis dette problemet i Firefox Web Design jeg og SRF adnda to ...
4. Installasjon og bruk Google Maps API Google Maps API Denne artikkelen er basert å effektuere det er på tide ...
5. Personlig visittkort jeg laget denne personlige kort for meg selv som en del av ...

Kommentarer

Ingen kommentarer ennå.

Skriv kommentar

Navn (nødvendig) E-post (delt med) (obligatorisk) Webside