http://blog.DoZarte.com


Archief van de Categorie 'Uitleg'

Hoe maak je een cross-fading afbeeldingen in html-pagina's

Vrijdag, december 21, 2007

Een effect als de cross-fade tussen afbeeldingen in Flash is eenvoudig te maken, wordt het wat 'minder voor de hand wanneer u wilt afspelen in een html-pagina.
Gelukkig is er altijd wel iemand die denkt er vóór ons!

Image Crossfader Redux is een JavaScript + CSS die combinatie maakt deze, en deze implementeren in een webpagina is eenvoudig:

  1. oproep van het bestand. js en. css in het HEAD-tags, zoals gebruikelijk;
  2. alle van de beelden die deactivering in successie in een DIV met id = "imageContainer";
  3. Wijzig de bestandsnaam xfade2.css de waarde van de hoogte aan te passen beelden die gebruik.

link: http://slayeroffice.com/code/imageCrossFade/xfade2.html

Plaats items via CSS

Vrijdag, 14 december 2007

Functie: absolute zorgt ervoor dat onze standpunten zal blokkeren de pagina "als drijvende" (in feite laat geen sporen na - of de ruimte - zijn positie op de pagina / html), kunt u de eigenschappen van de linker-, rechter-, boven - en onderaan voor een plaats op de pagina.

Functie: de relatieve positie van het blok met betrekking tot de oorspronkelijke positie op de pagina html, dat wordt verplaatst, altijd dezelfde persoon met dezelfde eigenschappen naar links, rechts, boven en onder.
Maar dat laat sporen (een kloof) van de oorspronkelijke positie.

Float door middel van een vak en de inhoud ervan worden verplaatst zijwaarts, en de eerste plaats bezet door de inhoud is gevuld later.
Deze parameter kan worden gebruikt bij de opbouw van lay-out op meerdere kolommen kant.

Het pand is duidelijk het gedrag van de volgende, en kan naar links, rechts, zowel als geen.

Open een pagina in "zijn" frameset

Vrijdag, 7 december 2007

Probleem:
Ik heb een site met frames, en nu dat Google heeft geïndexeerd me mijn bezoekers op de site via de pagina's die moeten worden opgenomen in een frameset, maar individueel vedendole deze container buiten het frame.

Oplossing

U kunt dit probleem omzeilen, kunt u Javascript, zodat, wanneer een pagina wordt geopend buiten de frameset, dat de verwijzingen, tevens wordt gewezen als een pagina bekeken zijn eigen (ie zelf).

Zoals met WordPress, ik heb altijd problemen op postcode, download het ZIP-bestand als u wilt zien hoe de twee sample files: frame maatje javascript

Hoe werkt het?

Zo goed voor framesets is gebouwd in een "dynamisch" door JS.
We moeten aanpassen var = rightsrc die de pagina die u wenst uit van het in gebreke blijven, en uiteraard ook de frameset veranderen naar gelang van de behoefte.

De code voor de "out" is prima zoals het nu is, en u kunt gebruiken voor meerdere pagina's.

Laten we niet vergeten dat alleen de frameset heeft opgeroepen index.htm of moet u de code in deze.

Het gebruik van transparante PNG op IE6

Zaterdag, 1 december 2007

Met de komst van Internet Explorer 7 eindelijk maakte van de gelegenheid gebruik te maken van transparante PNG bestanden voor het maken van websites, onder meer een mars voor het feit dat de browser van Microsoft wordt ondersteund.

"Helaas" versie van MSIE 6 (en 5.5) is nog steeds zeer wijdverbreid is, en niet alle nog niet besloten om over te schakelen naar Firefox, en vervolgens gebruik te maken van een transparante PNG winstgevend in het webpagina's moeten nog werken aan enkele 'boven!

Tot nu toe heb ik altijd gebruik gemaakt van het PNG-gedrag, die is opgenomen met CSS en ging naar de POI het lek in een optimale manier helaas niet werkte op de achtergronden en had hij een defect.

Ik voel me vers nieuws (althans voor mij!) Het gebruik van een nieuwe techniek die voorziet in de aansluiting op een JS bestand.

Helaas, uit mijn snelle testen, lijkt het erop dat zelfs dit lost het gebruik van PNG-bestand op de achtergrond, die niet worden gekopieerd, maar uitgebreid tot 100% van het formaat dat moet betrekking hebben! :(

... Maar is over de implementatie van WordPress is snel en eenvoudig.

Als u wilt dat andere manieren voor het oplossen van de kwestie van transparante PNG op IE6, eccoone andere:

  • Unit PNG fix
    Gebruik een JavaScript-bestand slechts 1 Kb, lost enkele problemen met functionaliteit met het kenmerk filteren de Explorer, werkt ook met de achtergrond die u kunt instellen om automatisch de hoogte en de breedte van de elementen
  • IE PNG fix uit TwinHelix
    Dit script voegt een "bijna" native "transparante PNG bestanden met Explorer 5.5 en 6; versie 2 bevat ondersteuning voor de achtergrond (achtergrond positie en herhalen)
  • Javascript IE PNG fix
    (niet meer ontwikkeld door de auteur)

Drop-down menu: Zoon van Suckerfish vervolgkeuzelijst

Vrijdag 12 oktober 2007

Waarom de prachtige drop-down menu dat wij maakten werkt niet op Explorer / windows?

Dat is gewoon de toepassing onderworpen aan een memorandum zwaar, maar eenvoudig.
Zal hier niet uitweiden over de gemakkelijke creatie van dropdown menu's met behulp van javascript Suckerfish ...

(u kunt hier vinden: dit is een lijst Afgezien: Suckerfish dropdown, Zoon van Suckerfish)

... Maar ik boter rechtstreeks op het probleem.

De andere dag was ik het maken van mijn drop-down menu, dat bestaat uit niet-geordende lijsten (UL en LI), CSS en de reeds populaire Suckerfish.
Alle tekst op Firefox: het blijkt te passen. Afgewerkt typering codes Explorer opent, probeer dan de pagina, variërend van walgelijk!
Wat is er gebeurd?
Een eenvoudig ding, dat niet wordt vermeld in twee artikelen gemeld: het belang van een goede DOCTYPE!

(more ...)