Accentsconagua

Snelle tip sluit een transparante Flash-film in met CSS - Basix

Code
Share

Leer hoe je een Flash-film met een transparante achtergrond kunt exporteren en deze in een HTML-bestand kunt insluiten.

Stap 1: Kort overzicht

Met behulp van een publiceeroptie in Flash en een klein beetje CSS, zullen we een transparante Flash-film insluiten bovenop HTML-inhoud.

Stap 2: Kies een Flash-bestand

Selecteer het bestand dat u wilt gebruiken met een transparante achtergrond, ik gebruikte de Random Ease Candle sjabloon opgenomen in Flash CS5.

Stap 3: Publiceer instellingen

Ga met uw bestand open naar Bestand> Publicatie-instellingen, klik op het tabblad HTML en wijzig het raam modus naar Transparant zonder vensters.

Klik op de knop Publiceren om het bijbehorende swf- en html-bestand te exporteren.

Stap 4: HTML

U kunt exact hetzelfde resultaat krijgen door een parameter in te stellen in het HTML-bestand dat u gebruikt.

Laten we naar dat deel kijken, te beginnen in de flashContent div.

 
             
De gemarkeerde lijn is de parameter die de film in de transparante modus instelt.
 
 
 Stap 5: Een beetje CSS
 
Als u het html-bestand in uw browser opent, krijgt u de transparante achtergrond waarnaar we op zoek zijn, maar zonder inhoud is het niet te zien.
 
Om dit op te lossen, gebruiken we een klein beetje CSS, openen we het bestand en voegen we het volgende toe aan de flashContent ID kaart.
 
 #flashContent width: 100%; height: 100%; positie: absoluut; links: 0; top: 0;
 
Hierdoor wordt de flash-film bovenop de inhoud geplaatst en wordt het effect onthuld.
 
Notitie: Houd er rekening mee dat alle interactieve HTML-inhoud (bijvoorbeeld hyperlinks) achter je Flash-film wordt onbruikbaar gemaakt.
 
 
Conclusie
 
Nu je weet hoe je dit soort films publiceert, is het jouw taak om het op een creatieve manier te implementeren. Experiment!
 
Bedankt voor het lezen!





	
	
			
	   
	







Code



		

















	


	

			

							×