Quick Tips: Bygg en Transparent Flash Movie med CSS - Basix
Del
Del
Del
Share < .no> Dette Cyber mandag Envato Tuts + kurs vil bli redusert til bare $ 3. . Ikke gå glipp av
Lær hvordan du eksporterer en Flash-film med en gjennomsiktig bakgrunn og legge det i en HTML-fil
Trinn 1:. Brief Oversikt
Ved hjelp av en publisere alternativ i Flash og litt CSS, vil vi legge inn en gjennomsiktig Flash Movie på toppen av HTML-innhold
Trinn 2:. Velg en Flash-fil
Velg filen du vil bruke med en gjennomsiktig bakgrunn, jeg brukte Random Brukervennlighet Candle Med filen åpen, gå til Fil > Publish Settings, etter klikker i HTML-fanen og endre vindusmodus Klikk på Publiser-knappen for å eksportere den tilsvarende swf og html-fil . Du kan få nøyaktig samme resultat ved å sette en parameter i HTML-filen du bruker La oss ta en titt. på den delen, som starter i flash Den uthevede linjen er parameteren som setter filmen i transparent modus Åpne html-filen i nettleseren din vil gi deg den gjennomsiktige bakgrunnen vi leter etter, men uten innhold vil det være umulig å legge merke til. For å fikse at vi kommer til å bruke litt av CSS, åpne filen og legge til følgende til flash Dette vil plassere blitsen film på toppen av innholdet avsløre effekten Merk:. Husk at alle interaktive HTML innhold (hyperkoblinger for eksempel) bak Nå vet du hvordan du skal publisere denne type film, er det din jobb å implementere det på en kreativ måte. Eksperiment! Takk for lesing! Anmeldelser
mal inkludert i Flash CS5
Trinn 3:. Publish Settings
til Transparent Window.
Trinn 4: HTML
div
. < div id = "flash" > < objekt classid = "CLSID: d27cdb6e-ae6d-11cf-96b8-444553540000" width = "320" height = "240" id = "Transparent" align = "middle" > < param name = "movie" value = "Transparent.swf" /> < param name = "kvalitet" value = "high" /> < param name = "bgcolor" value = "# ffffff" /> < param name = "play" value = "true" /> < param name = "loop" value = "true" /> < param name = "wmode" value = "transparent" /> < param name = "skala" value = "noscale" /> < param name = "meny" value = "true" /> < param name = "devicefont" value = "false" /> < param name = "salign" value = "" /> < param name = "allowScriptAccess" value = "samedomain" />
Trinn 5:. A Little CSS
ID
#flashContent {width:. 100%; høyde: 100%; position: absolute; venstre: 0; top: 0;}
Flash filmen vil bli gjort ubrukelige.
Konklusjon