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