CLICCA QUI PER CREARE LA TUA CARTOLINA PERSONALIZZATA

O voi che mi taggate
o voi che nefandezze condividete
o voi che
maldestramente
insistentemente
pedissequamente
fastidiosamente
“facebookkate”

temete o voi la mia ira
nel giorno dei saturnali
chè la beccherete in pieno
sotto forma di una scarica di cartoline natalizie ironico/fastidiose su facebook

Con questi versi (…) presento un piccolo sito che ho messo online per queste feste natalizie:

mrk Xmas 2010 Postcards

Si tratta di una piccola applicazione web che permette di creare cartoline personalizzate e condividerle su facebook.
Tutto codice scritto a mano, fatto in casa e cotto a legna, basato sulle librerie jquery e php GD.
Niente flash, niente iscrizioni, solo un bannerino pubblicitario (messo più per provare adsense che per la reale prospettiva di traffico, quindi cliccatelo che io non posso).

Fatene buon uso!

Il primo passo è quello – ovviamente – di scegliere un’immagine adeguata, ad esempio un vostro marchio o logo.

Dopo aver caricato la vostra immagine su un album di myspace, copiatene l’indirizzo ed inseritelo al posto di quello evidenziato in rosso nel seguente codice:

<style>
body.bodyContent
{
 background-image:url(“http://urldellatuaiimagine.jpg“);
 padding-top:40 + altezza dell’immagine in pixel px;
 background-color:#ffffff;
 background-position:center top;
 background-repeat:no-repeat;
 background-attachment:scroll;
}
</style>

Sostituite inoltre la frase evidenziata in giallo con l’altezza in pixel della vostra immagine (più 20-40 per dare un poco di margine), ed il colore di sfondo (in verde) con il codice esadecimele del colore che preferite.

Inserite poi tutto il pezzo di codice in fondo al campo “modifica profilo” >> “parlo di me” in MySpace, salvate le modifiche…

…et voilà.

Ancora qualche consiglio:

- utilizzate una immagine .png con sfondo trasparente;
- lasciate 20-40 px di margine tra il bordo superiore dell’immagine ed il disegno del vostro logo;
- myspace ridimensiona le immagini quando vencono caricate; se la vostra testata deve apparire a tutto schermo non vi resta che caricare l’immagine su un altro servizio (ad es. photobucket, imageshack o fileden).

Per il momento è tutto.

Durante il processo di trasformazione della Subaddiction in agenzia di comunicazione – grafica – visual – web, posteremo una serie di tutorials utili per chiunque voglia avvicinarsi ad un uso più approfondito e consapevole della rete.

Crediamo che la condivisione della conoscenza sia fondamentale per l’ innovazione e la crescita culturale, per questo ci affidiamo il più possibile a tecnologie libere ed open source, e distribuiamo i nostri contenuti sotto licenze Creative Commons.

Dall’email a twitter, passando per i celeberrimi MySpace e Facebook, condivideremo la nostra esperienza per coinvolgervi nella nostra idea del World Wide Web.

Per cominciare, ecco alcuni links ad una serie di programmi liberi, gratuiti e cross-platform che usiamo intensamente e quotidianamente:

Mozilla Firefox (Browser web)

The Gimp (Fotoritocco) 

Inkscape (Grafica Vettoriale 2-D)

Synfig Studio  (Animazione 2-D – per windows seguire questo video tutorial)

Blender (Modellazione e Animazione 3-D)

VLC (Riproduzione e Codifica Video)

Per chi volesse approfondire, ecco una nutrita lista di programmi open source ed il link ad una storica organizzazione da sempre in prima linea nelle battaglie per le libertà digitali.

Coming soon – Tutorial: Una semplice gif animata con Gimp

Potete incorporare il player nella vostra pagina con questo codice:

### BASIC HTML CODE >>>>>>>>>>

<br/><br/><br/>
<div style=”width:360px;height:310px;background:transparent url(http://www.fileden.com/files/2008/9/27/2117421/player/skin_ext.png);”>
<div style=”height:115px;background:transparent;clear:both;”>
</div>
<div style=”width:280px;height:180px;margin-left:30px;clear:both;”>
<object type=”application/x-shockwave-flash” data=”http://www.fileden.com/files/2008/9/27/2117421/player/player_subaddiction.swf” width=”280″ height=”180″>
<param name=”movie” value=”http://www.fileden.com/files/2008/9/27/2117421/player/player_subaddiction.swf” />
<param name=”FlashVars” value=”skin=http://www.fileden.com/files/2008/9/27/2117421/player/skin_int.jpg&playlist=http://www.fileden.com/files/2008/9/27/2117421/player/playlist.txt” />
</object>
</div>
</div>
<br/><br/><br/>

### MYSPACE CODE >>>>>>>>>>

<br /><br /><br />
<div style=”width:360px;height:310px;margin:0px auto;background:transparent url(http://www.fileden.com/files/2008/9/27/2117421/player/skin_ext.png);”>
<div style=”height:115px;background:transparent;clear:both;”>
</div>
<div style=”width:280px;height:180px;margin-left:30px;clear:both;”>
<object type=”application/x-shockwave-flash” allowScriptAccess=”never” allowNetworking=”internal” height=”180″ width=”280″ data=”http://www.fileden.com/files/2008/9/27/2117421/player/player_subaddiction.swf”>
<param name=”allowScriptAccess” value=”never” />
<param name=”allowNetworking” value=”internal” />
<param name=”movie” value=”http://www.fileden.com/files/2008/9/27/2117421/player/player_subaddiction.swf” />
<param name=”wmode” value=”transparent” />
<param name=”flashvars” value=”skin=http://www.fileden.com/files/2008/9/27/2117421/player/skin_int.jpg&playlist=http://www.fileden.com/files/2008/9/27/2117421/player/playlist.txt” />
</object>
</div>
</div>
<br /><br /><br />

La licenza Creative Commons si considera rispettata a patto che il player venga presentato con la sua veste grafica originale, ovvero con il codice sopra citato.

ATTENZIONE!!!
Questo codice NON può essere utilizzato per inserire il player nei commenti di Myspace, poichè alcune parti vengono filtrate e si perde la veste grafica.
Provvederò al più presto a mettere a disposizione un player incorporabile nei commenti; per il momento potete inserirlo senza problemi nel profilo.

Diego si è dato da fare, ed ha pubblicato la linea di abbigliamento Lobotomina ©Com.Diaz.
Il primo motivo, “Lobocash”, è già disponibile nel nostro negozio.
Presto arriveranno anche le altre grafiche della linea, già disponibili su lobotomina.spreadshirt.net.

Oggi abbiamo deciso di dare vita al progetto, sviluppandolo interamente sul web. Abbiamo trovato un partner ideale (Spreadshirt), che si occupa della produzione e della distribuzione di una grande varietà di prodotti personalizzabili, e ci consente di aprire un negozio on-line, trasparente nell’informazione sui prodotti e sulle modalità di acquisto.

Beh, a questo punto non vi resta che visitare Subaddiction Shop, sul quale stiamo già creando un assortimento base di prodotti. Buona navigazione!