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
mal inkludert i Flash CS5
Trinn 3:. Publish Settings
Med filen åpen, gå til Fil > Publish Settings, etter klikker i HTML-fanen og endre vindusmodus
til Transparent Window.
Klikk på Publiser-knappen for å eksportere den tilsvarende swf og html-fil .
Trinn 4: HTML
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
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" />
Den uthevede linjen er parameteren som setter filmen i transparent modus
Trinn 5:. A Little CSS
Å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
ID
#flashContent {width:. 100%; høyde: 100%; position: absolute; venstre: 0; top: 0;}
Dette vil plassere blitsen film på toppen av innholdet avsløre effekten
Merk:. Husk at alle interaktive HTML innhold (hyperkoblinger for eksempel) bak
Flash filmen vil bli gjort ubrukelige.
Konklusjon
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