MySpace in Flash: Creare la Contact Table Orizzontale

L’altra volta avevamo visto il posizionamento del contenuto Flash all’interno di MySpace

Oggi vedremo come creare la Contact Table Orizzontale di un account, in particolare i pulsanti add friends, send message, add comments

Durante queste lezioni, sempre con il supporto del bravo Stefano, impareremo a gestire lo sfondo, il box dei commenti e degli amici, i colori dell’header di MySpace e molto altro ancora…

Inseriamo nel box “Chi sono” sotto la classe precedentemente creata durante la Lezione 1 il codice CSS:

<style>
.flashModulo {
top:210px;
width:800px;
height:500px;
position: absolute;
left: 50%;
margin-left: -400px;
z-index:9;
}
.contactTableModulo {
height:150px;
left:50%;
margin-left:-400px;
position:absolute;
top:160px;
width:800px;
z-index:9;
}
</style>

Scarica Codice

Il codice il rosso è stato gia descritto durante la prima lezione del tutorial su come Creare un MySpace in Flash

Inseriamo ora nel box “Mi piacerebbe conoscere” sotto il codice embed di Flash descritto durante la Lezione 1:

<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>
<div class="contactTableModulo"><table>
<tr>
<td><a href="LINK SEND MESSAGE"><img src="indirizzo_immagine_send_message" /></a></td>
</tr>
<tr>
<td><a href="LINK ADD COMMENT"><img src="indirizzo_immagine_add_comment" /></a></td>
</tr>
</table></div>

Scarica Codice

Il codice il rosso è stato gia descritto durante la prima lezione del tutorial su come Creare un MySpace in Flash

Come sempre questo è un esempio, i parametri link sono da da personalizzare con i propri

Come genero i LINK della Contact Table?

Facciamo l’esempio di voler trovare il link Aggiungi Commento da inserire nella nostra Contact Table

Prima di tutto clicchiamo dal nostro profilo MySpace il link Aggiungi Commento

Dalla barra degli indirizzi copiamo e incolliamo la URL che vediamo e andiamo ad analizzarla insieme

Il link dovrebbe essere simile a questo:

http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=423464679&MyToken=640a6167-b15f-4324-9644-eb38a0213c8b

Ci basterà troncare il link prima del passaggio di variabile &MyToken ed ecco come si trasforma:

http://comment.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=423464679

In seguito il link verrà nuovamente trasformato dagli algoritmi di MySpace, ma niente paura.

Articoli simili FlashFlashMyspaceGraficaHTMLMyspaceTutorial