In figuur sIFR'i Optimaal gebruik

Image Replacement techniek onder richt de meest populaire PASSWORD '. Overal waar we deze techniek gebruikt in een aantal projecten die we hebben uitgevoerd in het besturingssysteem gebaseerd op de standaard lettertypen van een lettertype hebt gezien kan worden gebruikt in onze titel. En gladder Anti-Alias techniek. In de onderstaande afbeelding ziet u een voorbeeld van de resultaten. Of check RESET 3 demo's te zien leven mogelijk.

Gebruik RESET

Schrijven u dit wachtwoord 'in hoe het gebruik van fundamentele, maar hoe deze techniek gebruikt kan worden in een optimale manier zal worden aangepakt. Het artikel beschrijft het gebruik van al genoeg rond daar. Voor bijvoorbeeld voor dat mijn lieve vriend Mohammad Sevim 'in zijn RESET 3 gebruikershandleiding kunt u lezen haar essay. In Daarnaast RESET Tutorial: Use Your Own Fonts, Dit is How You Get to RESET en RESET 3 Werk Documentatie & FAQ U kunt lezen zijn artikelen.

Als je ooit ontmoeten met een wachtwoord zijn niet zeker geven de bovenstaande link naar het artikel te lezen en ten minste een van het wachtwoord "Ik stel voor dat je vertrouwd te zijn met de in gebruik.

RESET 'in het normale gebruik worden beschreven in het bovenstaande artikel in het HTML-bestand, zeggen we moeten veel bestanden toe te voegen. Ben wachtwoord 'wanneer ik gebruiken in mijn project, heb ik het niet doen. In het algemeen, zo weinig mogelijk uit mijn bestand, roep ik de HTML-pagina.

Dus bij normaal gebruik van de volgende in je CSS-bestanden, HTML-bestanden;

  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 = "wachtwoord-print.css" type = "text / css "media =" print "> 

en de volgende bestanden nodig om te bellen naar de JS-bestanden:

  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> 

Totaal 4-bestand bellen. Stem ook, toch? Dus nu je alleen de top waar ik <script src="sifr.js" type="text/javascript"></script> voeg deze toe aan onze HTML-pagina, het wachtwoord bestand, 'Hoe kan ik zeggen dat ik kan gebruiken? Beter, toch?

Een dergelijke methode om minder bijhouden wanneer de server het verzoek heeft verzonden en ook gebruiken we nog meer vereenvoudigd.

Waarom is er minder behoefte aan het verzoek te verzenden voordat Siberkültür op de Performance Art Secure uw site genoemd in de volgende paragrafen in het artikel is zeer goed uitgelegd op een manier:

Hoeveel items die u op uw pagina, het verzoek aan de server, zal het meer gaan. Elk verzoek om de server is milisaniyelerle aanvraag / antwoord lijn zal verlengen. Ik bedoel natuurlijk de items op uw pagina als CSS-bestanden, JavaScript-bestanden en externe bestanden zoals afbeeldingen.

Beweging Vakti

Nu het eerste bestand en web pagina voor onze sifr.js het vervoer van andere noodzakelijke functies als volgt functions.js bestand toe te voegen aan uw HTML-pagina.

  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> 

Ik kan nodig zijn boven of bekijk alle kleine PHP scripts in JS scripts Ik houd in een map genaamd. Als u deze bestanden te bewaren in de map die u wat de bovenstaande code, moet je bewerken dienovereenkomstig.

Met slechts een enkele JS bestand dat kan verwerken gezegd. Ja dat klopt. Omdat de meeste web-pagina, indien noodzakelijk kleine JS code tefekte gebruiken. Ik meestal net als in het bovenstaande voorbeeld, dit bestand geeft mijn naam en M-code functions.js 'houden in mijn dat bestand.

Dan open je functions.js bestand, plak de volgende voorbeeldcode, en natuurlijk uw eigen gebruik en herschikt volgens uw behoeften:

  1
 2
 3

  { src : 'images/swf/agora_regular.swf' } ; Er agora_regular = (src: 'images / swf / agora_regular.swf');
 agora_regular ) ; WACHTWOORD. Activeren (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' } ) ; WACHTWOORD. Replace (agora_regular, (selector: 'div # content h1, div # content h2', css: [ '. Wachtwoord-root (color: # 3e3e3e; font-weight: bold; letter-spacing: -1)'] , wmode: 'transparent', tuneHeight: '-5')); 

Maar hier in de eerste regel met Flash'da geproduceerd Agora Reguliere font agora_regular.swf bestand genaamd images / swf map roep ik. Maar volgens uw behoeften, kunt u yuarıdaki code.

Tenslotte, door standaard kan, open je je CSS-bestand dat u gebruik maken van de onderstaande code en plak deze in de juiste plaats in uw bestand:

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

  visibility : visible !important ; margin : 0 ; padding : 0 } . Wachtwoord-flash (visibility: visible! Belangrijk; margin: 0; padding: 0)
 visibility : hidden !important } . Code lossen. Wachtwoord-flash (visibility: hidden! Belangrijk)
 .sIFR-ignore { visibility : visible !important } . Code vervangen. Wachtwoord negeren (visibility: visible! Belangrijk)
 position : absolute ; left : 0 ; top : 0 ; width : 0 ; height : 0 ; display : block ; overflow : hidden } . Wachtwoord-plaatsvervanger (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 code vervangen. Fixfocus code (margin: 0pt; padding: 0pt; overflow: auto; letter-spacing: 0px; float: none)

 @ Media print (
  display : none !important ; height : 0 ; width : 0 ; position : absolute ; overflow : hidden ; } . Wachtwoord-flash (display: none! Belangrijk; 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 } . Wachtwoord-plaatsvervanger (visibility: visible! Belangrijk; display: block! Belangrijk; position: statisch! Belangrijk; left: auto! Belangrijk; top: auto! Belangrijk; width: auto! Belangrijk; height: auto! Belangrijk)
 )

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

De bovenstaande code 1 lijn 5 line-up van de benodigde code voor CSS-codes (dwz de standaard installatie bestand screen.css de nodige lijnen in mijn code), 7 lijn 10 line-up van de benodigde code voor de normale code in het bestand met de naam print.css codes en 12 lijn in het bepalen van de omvang van de RESET-techniek we post.

Boven @media print code, zodat onnodige code insluiten in onze HTML-pagina, print.css bestand opgeslagen. Maar er is iets dat we moeten oppassen hier. Voeg de code hierboven, de belangrijkste CSS-bestand (ik meestal doe screen.css genoemd) wanneer begraven in het HTML-bestand <link href="styles/screen.css" rel="stylesheet" type="text/css" media=”screen” /> als media="screen" functie, als je gewoon met behulp van genoemde @media print code zal niet werken tussen. Omdat deze CSS-bestand werk tot vaststelling, voor het scherm me verteld.

Daarom is bij het afdrukken van uw webpagina wachtwoord 'geproduceerd inch SWF-bestand, omdat u een aantal hiaten, of een rariteit kunnen zien.

In het kort, onze belangrijkste style sheet HTML-pagina wanneer u belt onze media="screen" niet moeten gebruiken.

Ook als al een CSS-bestand voor de printer die u in het bovenstaande voorbeeld de @media print {} tussen de codes in dit bestand, kunt u ook overgeslagen.

Als gevolg daarvan onze webpagina code zo weinig mogelijk terwijl het bestand in staat zal zijn om het goed te gebruiken. Dit zou verklaren het volgende bij het maken van een verandering in de manier waarop we zullen goed zijn voor rekening van de optimalisatie.

Dit artikel Fatih Turan werd geschreven door on September 19, 2008 23:52. Er zijn 13 reacties.

Gerelateerde artikelen:

1. In figuur sIFR'i Optimaal gebruik Waarom minder is dan de vraag gndermemiz gerektiini nce Siberkltr'de ...
2. Cufo een wachtwoord All About Alternatieve site volgens ons plezier in ons eigen fonts, soms willen we gebruiken. Maar ...
3. Gebruik Firefox met twee verschillende Bekijk deze kwestie in Firefox Web Design I en SRF adnda twee ...
4. Installatie en gebruik Google Maps API Google Maps API dit artikel toe te voeren wat is tijd ...
5. Personal Business Card Ik heb deze persoonlijke kaart voor mezelf als onderdeel van ...

Reacties

Geen reacties.

Reageer

Naam (verplicht) E-Mail (gedeeld met) (required) Website