Bruke en Flash-film som bakgrunn

April 13

Bruke en Flash-film som bakgrunn åpner mange dører i å lage websider i HTML og CSS. Trikset er å bruke den "z-index" egenskap som angir bunken rekkefølgen av elementene. Større bunken ordrer blir på toppen og lavere stabelen bestillinger på bunnen. Stabel ordrer bestemmes av heltall. Dette betyr at i CSS stilregler kan du plassere et element oppå hverandre. Denne teknikken er enkel, men når komplekse hierarkier det kan bli omfattende.

Instruksjoner

1 Åpne en HTML-editor som Dreamweaver eller FrontPage og sette inn Flash swf bakgrunn filen. Angi Flash swf-fil opp, for eksempel sentrering filen og justere verdiene for bredde og høyde.

2 Legge til "Div" for innhold som vil bli plassert over Flash-filen og deretter sette opp CSS-filen gjelder z-indeksen.

3 Bruk Eksempelkoden nedenfor for å komme i gang. Endret ut "YourFlashFile.swf" fil til din Flash bakgrunn swf.

4 Bruk denne HTML-koden:

< div id = "header" >

&lt;div style="padding: 30px 20px;">

&lt;h1>Image&lt;/h1>

&lt;/div> &lt;/div>

&lt;div id="content">

&lt;h1>

Lorem Ipsum < / h1 >

< p > Lorem Ipsum er rett og slett tilleggskonto teksten for utskrift og sats industrien. < /p >< / div >

&lt;div id="background">

&lt;script type="text/javascript">

AC_FL_RunContent( 'codebase','http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0','width','100%','height','600','id','test','src','bg','wmode','transparent','quality','high','scale','noscale','salign','lt','bgcolor','#333333','name','test','align','left','allowscriptaccess','sameDomain','allowfullscreen','true','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','bg' ); slutten AC kode

&lt;/script>

&lt;noscript>

&lt;object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="600" id="test">

< param navn = "allowScriptAccess" value = "sameDomain" / >

&lt;param name="allowFullScreen" value="true" />

&lt;param name="wmode" value="transparent" />

&lt;param name="movie" value="bg.swf" />

&lt;param name="quality" value="high" />

&lt;param name="scale" value="noscale" />

&lt;param name="salign" value="lt" />

&lt;param name="bgcolor" value="#333333" />

&lt;embed wmode="transparent" quality="high" scale="noscale" salign="lt" bgcolor="#333333" width="100%" height="600" name="test" align="left" allowscriptaccess="sameDomain" allowfullscreen="true" type="application/x-shockwave-flash"

pluginspage = "http://www.macromedia.com/go/getflashplayer" / >

< / object >

&lt;/noscript>

&lt;/div>

(se referanse 3)

5 Bruk denne CSS-koden:

kroppen {marg: 2px; padding: 0px; z-indeksen:-8; font-family: Arial, Helvetica, sans serif, skriftstørrelse: 13px; line-høyde: 22px; farge: #000000;}

H1 {skriftstørrelse: 34px; farge: #333333; padding: 0px; margin: 0px; line-høyde: 34px; font-weight: normal; font-family: Arial, Helvetica, sans-serif;}

topptekst {z-indeks: 2; stilling: relative; topp: 0px; margin: 0px auto; bredde: 400 piksler; padding: 0px; høyde: 118px; bakgrunn: #ffffff;} bakgrunn {posisjon: absolutt; bredde: 100%, topp: 0px; venstre: 0px; høyde: 100%.} .Clear {klart: begge; skriftstørrelse: 0px; bredde: 0px; line-høyde: 0px; høyde: 0px; vise: blokkere; overflyt: hidden;}


© 2019 pcdriverupdate.com | Kontakt oss: webmaster# pcdriverupdate.com