TUTORIAL: CREARE UNO SFONDO DI TABELLE IN FLASH



Beh non si tratta proprio di una soluzione impensabile, ma non si può nemmeno considerare uno sfondo di una pagina html o di una tabella a tutti gli effetti e con le stesse caratteristiche, però funziona e raggiunge il nostro scopo dando quel tocco di classe in più alle nostre creazioni.

 

Da dove si parte?

 

Prima cosa procuriamoci cosa va messo in primo piano

nel nostro esempio creeremo una semplice tabella come questa ancorata nell'angolo in alto a sinistra.

 

Ecco la prima parte del codice da inserire tra i tag <body>

 

<div style="position: absolute; width: 797px; height: 100px; z-index: 27; left: 0px; top: 0px" id="Sfondo">
<table border="0" style="border-collapse: collapse" width="800" id="table2" cellpadding="4">
<tr>
<td align="left" width="800" colspan="4">
&nbsp;<p>&nbsp;</td>
</tr>
<tr>
<td align="center" width="206" rowspan="2">
<p style="margin-top: 0; margin-bottom: 0">
<FONT face=Verdana style="font-size: 8pt" color="#800000">testo di
esempio
</td>
<td align="center" width="392" colspan="2">
<p style="margin-top: 0; margin-bottom: 0; line-height:16px">
<FONT face=Verdana style="font-size: 8pt" color="#008000">testo di
esempio</font></td>
<td align="center" width="200" rowspan="2">
<p align="left">
<FONT face=Verdana style="font-size: 8pt" color="#000080">testo di
esempio
</td>
</tr>
<tr>
<td align="center" width="192"><FONT face=Verdana>
<p style="line-height: 16px; margin-top: 0; margin-bottom: 0">
<FONT face=Verdana style="font-size: 8pt; background-color:#FFFF00">testo di esempio</td>
<td align="center" width="200" bgcolor="#800000"><FONT face=Verdana>
<p style="line-height: 16px; margin-top: 0; margin-bottom: 0">
<FONT face=Verdana style="font-size: 8pt" color="#FFFFE8">testo di
esempio </td>
</tr>
</font>

</table>
</div>

 

Come potete vedere è stata racchiusa in un DIV

 

 

Per il nostro fondo da utilizzare abbiamo creato una semplice scritta scorrevole in FLASH, si presume che abbiate già il vostro file swf o sappiate come crearvene uno.

 

 

Ed ora inseriamo nella nostra pagina il codice per visualizzare il file in flash:

 

<div style="position: absolute; width: 100px; height: 100px; z-index: 26; left: 2px; top: 4px" id="SfondoFlash">  
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0"
WIDTH=800 HEIGHT=160 align="left">
<PARAM NAME=movie VALUE="SfondoFlash.swf">
<PARAM NAME=quality VALUE=High>
<PARAM NAME=bgcolor VALUE=#ffffff>
<param name="wmode" value="transparent">
<EMBED src="SfondoFlash.swf" quality=High bgcolor=#ffffff WIDTH=800 HEIGHT=160 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi? P1_Prod_Version=ShockwaveFlash" wmode="transparent"></EMBED></OBJECT>
</div>

 

Anche in questo caso è stato collocato dentro una DIV la quale ha al suo interno un valore per il parametro Z-index più basso della DIV precedentemente utilizzata per la tabella. Questo ha solo un significato... Questa DIV sarà su un piano inferiore rispetto all'altra e quindi verrà visualizzata sotto la tabella che rimarrà in primo piano.

 

IN HTML VALORI PIU' ALTI ASSEGNATI AI DIV SARANNO SEMPRE SOPRA AI VOLORI Z-INDEX INFERIORI.

 

Vedi l'esempio funzionante*

 

 

 

Questa soluzione è stata ideata da

www.massimilianobenvenuti.it

 

 

* © ogni riproduzione copia o diffusione di vario tipo deve poter avvenire indicando nelle vostre pagine il sito di provenienza con relativo link.

* Questa soluzione è stata segnalata anche sul sito italiano di riferimento per la programmazione HTML.IT

 

 

  

  Torna al menu dei Tutorial

 

® Copyright 2005 - 2010 - SITO PERSONALE DI MASSIMILIANO BENVENUTI - C.F. BNVMSM69B07H501Q - Infoline: 333.8597013