Astuce incorporer une animation Flash transparente avec CSS - Basix

Apprenez à exporter une animation Flash avec un arrière-plan transparent et à l'intégrer dans un fichier HTML..


Étape 1: bref aperçu

À l'aide d'une option de publication dans Flash et d'un peu de CSS, nous allons incorporer une animation Flash transparente au-dessus du contenu HTML..


Étape 2: Choisissez un fichier Flash

Sélectionnez le fichier que vous souhaitez utiliser avec un arrière-plan transparent, j'ai utilisé le Bougie de facilité aléatoire modèle inclus dans Flash CS5.


Étape 3: Paramètres de publication

Avec votre fichier ouvert, allez à Fichier> Paramètres de publication, cliquez sur l'onglet HTML et modifiez le mode fenêtre à Transparent sans fenêtre.

Cliquez sur le bouton Publier pour exporter les fichiers swf et html correspondants..


Étape 4: HTML

Vous pouvez obtenir exactement le même résultat en définissant un paramètre dans le fichier HTML que vous utilisez..

Jetons un coup d'oeil à cette partie, en commençant par le flashContent div.

 

La ligne en surbrillance est le paramètre qui définit le film en mode transparent..


Étape 5: Un peu de CSS

Ouvrir le fichier html dans votre navigateur vous donnera l’arrière-plan transparent que nous recherchons, mais sans contenu, il sera impossible de le remarquer..

Pour résoudre ce problème, nous allons utiliser un peu de CSS, ouvrir le fichier et ajouter ce qui suit au début. flashContent ID.

 #flashContent width: 100%; hauteur: 100%; position: absolue; gauche: 0; en haut: 0;

Cela placera le film flash sur le contenu révélant l'effet.

Remarque: N'oubliez pas que tout contenu HTML interactif (hyperliens par exemple) derrière votre film Flash sera rendu inutilisable.


Conclusion

Maintenant que vous savez comment publier ce type de film, il vous incombe de le mettre en œuvre de manière créative. Expérience!

Merci d'avoir lu!