Archive for the ‘tutorials’ Category

Tutorial: Header per profilo MySpace

In questo mini tutorial spiegherò come inserire una immagine – testata (header)  su un profilo myspace.

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.

Tutorials & co.


Yo!

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

Hello, World! Rinnovato il sito ufficiale SubAddiction!

Ecco la nuova veste del sito SubAddiction…

Coming soon:

  • Events blog
  • Music player
  • More….