Come avevo promesso oggi iniziamo a parlare di come creare un MySpace in Flash.

Durante queste lezioni, con l’aiuto di Stefano lettore di JuliusDesign, impareremo a posizionare il contenuto flash nel nostro profilo, gestire la tabelle dei contatti ovvero Add Friend, Send Message Add Comments, il box dei commenti e degli amici

Dove inserisco il codice?

Questa è una delle prime domande che una persona si chiede…

Se possediamo un account MySpace standard (non music) il codice Html e Css va inserito nel profilo accessibile dall’homepage e da Modifica profilo in alto a sinistra a fianco all’indirizzo del nostro myspace (Fig.1)


fig.1

Per fare ordine tra il codice CSS e Html è consigliabile separarlo in due box come di seguito:

  • Il codice CSS nel box “Chi sono“
  • Il codice Html e Flash embed in “Mi piacerebbe conoscere“

Ora vediamo un esempio di come posizionare un file Flash centrato nella pagina MySpace

Inseriamo nel box “Chi sono” il codice CSS:

<style>
// nome identificativo del div
.flashModulo {
// distanza dal margine superiore dalla pagina web (180 pixel è l'altezza che comprende il banner di myspace e il menu cliccabile)
top: 160px;
// larghezza del div e del flash che caricheremo nello space
width:800px;
// altezza del div e del flash
height:500px;
// posizionamento css assoluta
position: absolute;
// posizionamento da sinistra 50% e metà dello schermo in modo relativo alla risoluzione dello schermo
left: 50%;
// margine sinistro -400 px cioè uguale alla larghezza del flash /2 (margine sinistro = (width:800px)/2 * -1) => -400px
margin-left: -400px;
// z-index indica il livello di sovrapposizione dei div , in numero 9 indica che il nostro flash sarà sovrapposto a tutti i div di z-index con valore inferiore pari a 8,7,6,5,4...
z-index:9;
}
</style>

Scarica Codice

Inseriamo nel box “Mi Piacerebbe conoscere” il codice HTML:

<div class="flashModulo">
<object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="500" width="800" data="http://www.krdesign.it/myspace/tutorial/assets/myspace_flash.swf">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.krdesign.it/myspace/tutorial/assets/myspace_flash.swf" />
<param name="menu" value="false" />
</object>
</div>

Scarica Codice

Come possiamo vedere il div che contiene il filmato Flash è gestito tramite la classe flashmodulo dichiarate nel CSS

Ovviamente il codice di embed Flash è un esempio, i parametri evidenziati in rosso sono quelli da personalizzare con i propri

Se avete seguito bene i procedimenti dovreste essere in questa situazione

Con questa prima lezione concludiamo la parte del posizionamento di contenuti Flash all’interno del profilo MySpace.

Nella prossima lezione impareremo a gestire la tabella contatti

Articoli simili in , , , , , ,

Autore: Giuliano Ambrosio

Giuliano Ambrosio è un Web Designer Freelance di Torino che ama la grafica e sperimentare tecniche di creatività sul web. Grazie all'esperienza maturata nel campo del web design potrai scoprire i servizi disponibili, oppure guardare i suoi ultimi lavori.