Archive for the ‘grafica’ 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
Subaddiction’s skin per Firefox
E’ arrivata la prima skin Subaddiction per Firefox; grazie all'”Add-on” Get Personas è possibile personalizzare velocemente il nostro browser preferito con tantisimi temi. Nella sezione websites della directory dei temi troverete le skin Subaddiction by Mrk25.
Nouva grafica Myspace!!!
Grazie all’estro e al talento del nostro grafico Mrk25 a.k.a.
Grinta il Myspace Subaddiction cambia stile e si presenta con
una nuova grafica a dir poco esplosiva…enjoy!!!
Player Subaddiction #2
Nuovo player per ascoltare tutte le tracce Subaddiction.
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.