Viagra online
www.flickr.com

Other posts related to programmazione

MySpace: come inserire un’immagine sopra al profilo. Metodo alternativo

maggio 7, 2008 9:40 am

Grazie ad un commento al precendente articolo su come inserire un’immagine sopra al profilo, vi propongo un secondo metodo decisamente piu` flessibile.
Ripartiamo dalla domanda originale:

sai per caso come potrei fare per mettere un’immagine sotto il banner pubblicitario MA sopra le tabelle del profilo (about me etc…)… in modo che l’immagine non venga coperta ne dal banner ne dalle tabelle. non so se mi spiego… :P
So che esiste il codice per mettere l’immagine in alto, perfino sopra al banner, ma io preferirei per come ho detto prima.

La soluzione precedentemente proposta sfruttava la possibilita` di mettere un’immagine in background alla navigation bar. Questo metodo va bene se volete semplicemente mettere un’immagine, ma se volete avere pieno controllo, e magari inserire qualcosa di diverso tipo un link o un player flash, bisogna necessariamente ricorrere ad una modifica leggermente piu` complessa (ma neanche tanto!).

Partiamo con il codice:

<div class='masthead'><a href='LINK_AL_WEBSITE' target='_blank'>
<img src='URL_IMMAGINE_BANNER' border='0'/></a></div>
<style>
.masthead {width: 809px; height: 200px;
position: absolute; margin-left: -400px;
left: 50%; top: 207px;
</style>

Adesso potete mettere dentro ai tag div quello che volete (nell’esempio e` un immagine, ma basta inserire dell html valido e potete ottenere di tutto).

In base al contenuto dovrete modificare l’altezza e la grandezza del masthead, dentro ai tag di stile, cosi come la posizione all’interno della pagina (400px e` la distanza dal margine sinistro, 809px la larghezza dello spazio che andate ad occupare, 200px l’altezza). Non dovrebbe invece essere necessario modificare la parte top, visto che serve solo per piazzarsi sotto il banner pubblicitario.

Il codice va inserito in una parte qualsiasi del profilo (“About Me” o “Biografia” per esempio).

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

Tags: , , , ,

Nascondere le informazioni del profilo da MySpace

aprile 18, 2008 10:21 am

Grazie ad un post sul forum ho trovato un altro trucchetto interessante.
La domanda era:

per creare un layout mi serve nascondere la parte in alto a destra…
per intenderci la parte con la foto e di dati…
tabella nome e foto

All’inizio pensavo di poter usare lo stesso codice usato in questo articolo, ma ovviamente non ha funzionato :-)
Ho scoperto allora che la cosa e` molto piu` semplice, basta mettere

<style> .profileinfo {display:none}</style>

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

Tags: , , , ,

Come avere il profilo MySpace in un unica colonna

febbraio 29, 2008 10:56 am

La domanda di un amico su mySpace:

sto cercando di mettere il mio profilo su una sola colonna ma non ci riesco

In realta` la cosa e` molto semplice, basta mettere questo codice nella sezione “Heroes” o “Eroi” (o nell’ultima sezione del vostro profilo se avete un profilo musica)

</td></tr></table></td></tr>

</table><br><table><tr><td>

<div class="off">

<table><tr><td><table><tr><td>

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

Tags: , , , ,

Eliminare o nascondere i detagli dal profilo MySpace

febbraio 28, 2008 7:34 pm

Ho ricevuto questa richiesta:

Come posso eliminare (o nascondere in modo tale da farla sparire) dal profilo la tabella “nickame”:Dettagli (quella con stato sentimentale, fumo, alcool, etc).

La risposta e` abbastanza semplice, basta inserire questo codice nel profilo

<style>
.userProfileURL {display:none;}
.userProfileDetail {display:none;}
.userProfileCompany {display:none;}
.userProfileSchool {display:none;}
</style>

Dovrebbe fare proprio quello richiesto :-)

Questo codice non elimina la tabella delle informazioni di profilo, ma potete trovare il codice per farlo in questo articolo.

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

Tags: , , , ,

68 E-Books gratuiti per Linux

gennaio 29, 2008 5:53 pm

Volevo segnalarvi questa lista di pubblicazioni gratuitamente disponibili in rete, tutte dedicate al mondo di linux. Ce n’e` per tutti i gusti, dalla programmazione al clustering, dal desktop all’installazione.
Dateci un’occhiata perche` sicuramente troverete qualcosa di interessante.

Tags: , , , , ,

MySpace: come inserire un’immagine sopra al profilo

novembre 22, 2007 10:55 am

ATTENZIONE Sembra che ultimamente il codice descritto in questa pagina non funzioni al 100% su alcune pagine. Vi consiglio di usare questo in questo articolo, molto piu` flessibile.

sai per caso come potrei fare per mettere un’immagine sotto il banner pubblicitario MA sopra le tabelle del profilo (about me etc…)… in modo che l’immagine non venga coperta ne dal banner ne dalle tabelle. non so se mi spiego… :P
So che esiste il codice per mettere l’immagine in alto, perfino sopra al banner, ma io preferirei per come ho detto prima.

In pratica la domanda è simile a quella dell’articolo MySpace: Come aggiungere un banner in alto al profilo, con la differenza che in questo caso l’immagine deve essere posizionata sotto il banner pubblicitario di MySpace. (Per capire cosa intende l’autrice della domanda, guardate questo profilo, tra l’altro sono anche decisamente bravi :-) )

La cosa è semplice in teoria, ma in pratica dovete prestare attenzione ad un paio di cosette.

Il codice di base è questo:

<style>
body div td td {
  height:400px;
  vertical-align:top;
  background-image:url(URL_IMMAGINE_DESIDERATA);
  background-repeat:no-repeat;
  background-position:center top;}
td.text td, td.text div td td {
  background-image:none; height:auto;}

</style>

Prima considerazione: i 400px specificati nell’altezza vanno ovviamente adattati all’altezza dell’immagine che avete. Molto probabilmente volete avere un valore pari o superiore a quello dell’immagine.

Non è proprio tutto.. il codice sopra va bene per un profilo musica, ma se avete un profilo personale (come il mio) vedrete che il risultato non è proprio perfetto, infatti manca una linea da aggiungere (che non serve nel caso dei profili musica):

Il codice diventa:

<style>
body div td td {
  height:400px;
  vertical-align:top;
  background-image:url(URL__IMMAGINE_DESIDERATA);
  background-repeat:no-repeat;
  background-position:center top;}

td.text td, td.text div td td {
  background-image:none; height:auto;}

td.text div * {
  height:auto !important;}
</style>

La linea di codice aggiunta è ovviamente:

 td.text div * {height:auto !important;}

Con questi due codici abbiamo coperto il 99% dei casi, ne rimane fuori solo uno, quello in cui usate un’immagine molto larga, in questo caso infatti vorrete adattare anche il resto del profilo (ovviamente io vi sconsiglio di farlo, ma poi sta a voi decidere :-) )

Il codice si complica un po:

<style>
body div td td {
  height:400px;
  vertical-align:top;
  background-image:url(URL__IMMAGINE_DESIDERATA);
  background-repeat:no-repeat;
  background-position:center top;}

td.text td, td.text div td td {
  background-image:none; height:auto;}

body div table table {
  width:1000px;}

td.text div table table {width:auto;}

</style>

Oltre a giocare con i 400px, adesso dovete anche adattare i 1000px alla larghezza della vostra immagine.

Ovviamente anche in questo caso vale la precedente considerazione per la linea aggiuntiva da inserire nel caso di un profilo personale.

Il codice va inserito in una parte qualsiasi del profilo (“About Me” o “Biografia” per esempio).

Se questo metodo non vi soddisfa, ne ho illustrato un altro in questo articolo, molto piu` flessibile.

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

Tags: , , , ,

MySpace: come rimuovere la scritta CONTATTA ANDREA dalla contact table

novembre 15, 2007 3:01 pm

Domanda:
Mi sono fatto una mia Contact Table. L’ho inserita e si vede correttamente. L’unico problema è che c’è la scritta
CONTATTO MIO_NOME preimpostata da my space che non riesco a togliere.

Di solito la soluzione migliore è questa:

<style>.contactTable .whitetext12 {
visibility:hidden;
}</style>

Alle voltre potreste voler aggiungere anche questo:

<style>.contacttable .text {font-size: 0px !important;}</style>

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

Tags: , , , ,

MySpace: Come aggiungere un banner in alto al profilo

2:51 pm

Una delle domande che più spesso mi è stata posta è:
Vorrei sapere se è possibile mettere un’immagine in alto alla pagina dello space sopra anche al menù di “home, esplora, cerca, ecc…”insomma sopra ad ogni elemento della pagina….
oppure
Sto cercando di mettere un’immagine sopra il banner in alto, come posso fare?

La soluzione è abbastanza semplice, e si basa sull’uso di un DIV posizionato in maniera assoluta, spostando in basso il resto del profilo. Più facile a farsi che a dirsi :-) quindi vediamo subito il codice, che dovete aggiungere nella sezione “About me”:

<style>div.topbanner {
top: 0;
left: 49%;
margin-left: -387px;
width: 800px;
height: 320px;
position: absolute;
}
body{
background-position:top center;margin-top: 320;}
</style>

<div class="topbanner">
<a href="URL_DEL_TUO_SITO" rel="nofollow">
<img src="URL_DELLA_TUA_IMMAGINE" border="0" height="320px" />
</a>
</div>

Questo codice va adattato all’immagine che inserite. Il valore su cui giocare è quel 320 che rappresenta l’altezza dell’immagine. Se la vostra immagine ha un’altezza maggiore, dovete sostituire il valore corretto sia nel div.topbanner che in body. Dovete anche adattare l’800px alla larghezza attuale della vostra immagine.

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

Tags: , , , ,

Gli editor per MySpace

novembre 13, 2007 12:24 pm

Ecco una lista (ovviamente non esaustiva) dei più conosciuti editor e generatori di codice per MySpace.
Prima della lista cerchiamo di capire i termini e il loro significato:
un editor di profili è un’applicazione che vi permette di creare un profilo completo permettendovi di specificare cose come lo sfondo, il colore delle tabelle, le dimensioni etc. Il risultato finale è una lista di linee HTML e CSS che vanno copiate sul proprio profilo per ottenere il risultato finale.
un generatore di codice è un’applicazione che vi permette di ottenere il codice per avere sul vostro profilo una determinata funzionalità. Per fare un esempio, esistono generatori di tabelle contatti, che prendendo una vostra immagine creano il codice per ottenere sul profilo una tabella contatti con quello sfondo. Il risultato è anche in questo caso una lista di linee, ma molto più breve e gestibile del caso precedente.

Quando scegliere l’uno e quando scegliere l’altro dipende da quelle che sono le vostre esigenze. In generale un editor è la scelta migliore quando si parte da zero, sopratutto se non si hanno troppe conoscienze di HTML e/o CSS. Il risultato però è difficile da modificare e gestire e si rischia spesso di non riuscire ad effettuare ulteriori modifiche.
Con i generatori di codice la gestione del risultato finale è spesso più facile, ma ovviamente si richiede molto più lavoro per ottenere un profilo completo.

E veniamo ora alla lista (NOTA: quasi tutti questi siti sono in inglese, dove non specificato diversamente).

Un consiglio, non fermatevi al primo link, la lista non è ordinata per importanza o utilità (anzi, uno dei siti che tutti preferiscono è l’ultimo della lista :-) ).

MySpace Editor.it – L’unico editor che conosco in italiano. Oltre ad un editor (attualmente è disponibile la versione 2) vi sono tanti articoli interessanti per capire meglio come funziona MySpace. Sono presenti anche alcuni generatori di codice.

MyWackoSpace.com – Un sito molto ben fornito, comprende editor, layouts già fatti, generatori di codice e tanto altro.

123MyCodes.com editor – Un editor molto semplice ma che offre una vasta collezione di layout già pronti per l’uso, oltre che qualche buon generatore.

CricketSoda.com editor – Un editor HTML (non dispone di una preview in tempo reale) raccomandato per utilizzatori esperti.

EditMySpace.org – Un editor ma sopratutto tanti generatori di codice per la vostra lsita d’amici

FreePageGraphics.com editor – Vi permette di personalizzare facilmente il vostro profili e permette una “preview” visualizzare il risultato.

KillerKiwi.net – Un altro editor che mostra i cambiamenti in tempo reale. Il sito offre anche una ricca collezione di generatori, utility, icone e immagini

MyGen.co.uk – Numerosi generatori e editor di testi

MySpaceCode.com – Offre un editor di testi oltre che un eidotr di profili che visualizza i cambiamenti in tempo reale

MySpaceDogDog.com – Potete trovare un editor di profili oltre che svariati generatori e tanti elementi grafici riusabili gratuitamente

MySpaceEditor.org – Già dal nome si capisce di cosa si tratta.. un editor di profili! Ovviamente il sito offre tante altre risorse interessanti.

MySpaceGeek.net editor – Un editor semplice (background, sections, headings, testo) con la visualizzazione delle modifiche in tempo reale

MySpaceLayoutSupport.com editor – Un editor simpatico perché vi permette di personalizzare il vostro profilo o partendo da zero, oppure scegliendo un layout di base dal catalogo e modificandolo secondo i vostri gusti

MySpaceMaster.net profile editor – Esattamente le stesse caratteristiche di MySpaceGeek.net

MySpaceToolbox.com editor – Un altro editor di profili

NuclearCentury.com profile editor – Un editor di profili semplice e intuitivo.

PicGames.com profile editor – Offre tutte le funzionalità necessarie per editare il vostro profilo. Cliccando sul bottone “update” visualizzerete le modifiche.

Pimp-My-Profile.com – Offre un editor e diversi generatori di codice non solamente per MySpace, ma anche per altri servizi come hi5 o Blogger.

ProfileMine.com – Offre un interfaccia molto semplificata, che tramite il drag and drop vi permette di modificare il vostro profilo senza dover copiare codice HTML

Quacked.com editor – Un editor con visualizzazione in tempo reale dei risultato

RealEditor.com – Modificate il vostro profilo attuale tramite l’editor presente sul sito, oppure createne uno nuovo partendo dai layout di base presenti in catalogo

SnapLayout.com – Come ProfileMine.com offre delle funzionalità di personalizzazione in drag and drop e di pubblicazione con un solo click.

SomeMySpaceCodes.com editor – Un editor di profili HTML molto semplice e basilare

UltimateMySpace.com editor – Non semplicissimo da usare, offre tutte le funzionalità necessarie per rendere unico il proprio profilo. Da consigliare ad utenti esperti

Urpimp.com editor – Caratteristica di questo editor è la possibilità di loggarsi anche sul proprio account Photobucket per importare le foto presenti come sfondo

Coolchaser: Permette di personalizzare il vostro profilo senza dover toccare codice HTML e di scegliere tra i tanti template disponibili

RealEditor: (Uno dei migliori, insieme a lovemyflash) offre delle funzionalità di personalizzazione avanzate ed un editor molto semplice

LoveMyFlash: Il meglio per la fine: vi propone dei layout (design/template) per MySpace con l’originalità di essere realizzati in Flash (vedere questo articolo in francese per saperne di più)

Ovviamente non voglio prendermi il merito per questa bella lista, visto che in realtà non ho fatto altro che tradurre (più o meno liberamente) un articolo apparso sul blog Mashable.com

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

Tags: , , , ,

Tutorial My Space

febbraio 20, 2007 4:39 pm

Durante l’Episodio 16 l’esperimento di realizzare una pagina MySpace in diretta non è stato un gran successo. Per fortuna c’era la musica a salvarci! (Tra l’altro se qualcuno ha ascoltato solamente quell’episodio.. datemi un’altra possibilità :-) e sceglietevi un’altra puntata da ascoltare. Tanta buona musica gratis per voi ogni settimana sulla sezione podcast!).
Per non lasciarvi comunque a bocca asciutta, ho preparato questo tutorial che raccoglie tutte le mie esperienze nella realizzazione della pagina MySpace per il Nissardo, che potete trovare all’indirizzo www.myspace.com/ilnissardo.

Requisiti di base per una pagina MySpace: conoscenza di HTML e di CSS. Se non li avete, non scoraggiatevi.. non capirete tutto questo tutorial ma potete seguire alcuni link che vi permetteranno comunque di ottenere qualcosa di simpatico.

Partiamo da un concetto che dovete capire: il layout di una pagina mySpace è una delle cose più difficili da maneggiare che io abbia mai visto.

Se volete provare a fare una pagina MySpace in stile Web2.0, in bocca al lupo, secondo me è impossibile.

Tutta la struttura è basata su tabelle innestate, e quasi nessuna di queste è un id o una classe. Il CSS da usare quindi deve lavorare direttamente sugli elementi a livello di blocco (esempio table, table table etc.)
Questo approccio è estremamente poco flessibile, visto che non è detto che una parte della pagina possa essere referenziata univocamente con questa sintassi: se ci sono due table entrambe annidate dentro ad un’altra table, non riuscirete a cambiare l’aspetto di una lasciando inalterata l’altra.

PREMESSA IMPORTANTE: nel codice di questa pagina ho inserito i tag style per il codice CSS. come < style> e < / style > ovviamente quando li usate nel vostro codice dovete rimuovere gli spazi che non sono necessari.

Per capire meglio la struttura di una pagina MySpace possiamo procedere così:
– create il vostro account (ATTENZIONE: ci sono due tipi di account diversi in MySpace. Se siete dei musicisti dovete crearvi il vostro account nella sezione musica)
– andate sul pannello di controllo e seguite “Modifica Profilo”
– sulla parte “Chi sono” (o in inglese “About Me”) copiate questo codice (gentilmente preso da Implied By Design)


< style>
table {
border:0px;
}
table td {
border:0px;
}
table table {
border:0px;
}
table table td {
border:0px;
}
table table table {
border:0px;
}
table table table td {
border:0px;
}
table table table table {
border:0px;
}
table table table table td {
border:0px;
}
table table table table table {
border:0px;
}
table table table table table td {
border:0px;
}
table table table table table table {
border:0px;
}
table table table table table table td {
border:0px;
}
< / style >

– salvate e visualizzate il vostro profilo, vedrete pochi o nessun cambiamento. E’ normale. Quello che abbiamo fatto è mettere il bordo a 0 per tutti gli elementi.
– adesso iniziate a scegliere un elemento che volete visualizzare, per esempio vogliamo vedere quali sono gli elementi della pagina identificati da table table table table table table td, basta semplicemente modificare il codice relativo per visualizzare il bordo:
table table table table table table td {
border:10px solid red;
}

– salvando e visualizzando di nuovo il profilo si vede quali parti della pagina sono racchiuse dentro questa tabella (innestata dentro sei altre tabelle… non avevo mai visto una cosa del genere).
– potete divertirvi a visualizzare tutte le tabelle con bordi e colori diversi, ma vedrete ben presto che con 3 o 4 bordi attivi il tutto diverrà un casino (volevo farvi una pic. ma c’ho rinunciato).

Se al codice precendente aggiungete anche la parte relativa al body, avete più o meno tutti gli elementi che costituiscono una pagina MySpace, e potete divertirvi a crearvi il vostro layout da zero (in bocca al lupo!).

In realtà non sono proprio tutti.. quelli di MySpace sono stati tanto gentili da lasciarci anche qualche classe specifica, in particolare per alcuni elementi span, potete trovarli andando a visualizzare il codice sorgente della pagina con firefox, troverete classi tipo span.blacktext12, span.whitetext12, ctl00_Header_Header1_Div1 (questo mi fa impazzire! va be lasciamo stare… non voglio sembrare ipercritico).

Un ulteriore aiuto che ci hanno dato è l’identificare la contact table, con la classe (o id non ricordo) .contacttable.

Ma torniamo seri.. nessuno si può mettere giù a maneggiare questi elementi da 0, a meno che non siate dei masochisti o abbiate tanto tempo da perdere.

Per fortuna ci vengono in aiuto alcuni siti che semplificano un po il lavoro.

Potete scegliere due approcci:

  • Prendere un layout già fatto, scegliendo tra alcuni disponibili in rete.
  • Usare uno dei tanti online editor per crearvi un layout semplice semplice da poter usare.

Ecco una lista di siti che forniscono profili, generatori di codice e editor per i profili. Ce n’è per tutti i gusti!

Io personalmente ho seguito il secondo approccio, usando un editor on line mi sono creato una specie di canovaccio e su questo ho iniziato a lavorare per modificare alcune cose.

Passiamo ora ad alcune note su come modificare quello che avete appena creato (che sia un layout già fatto oppure il risultato di un editor).
Per prima cosa armatevi di un buon editor di testo, io mi trovo molto bene con Notepad++, e invece di incollare subito il layout che vi siete presi o generati sul profilo mySpace, mettetelo su un file locale.
Sarà cosi molto più facile cercare le parti da modificare e incollare nuovo codice.
Visto che ci siete, armatevi anche dell’estensione View Format per Firefox, vi aiuterà tantissimo durante tutto il processo!
In oltre potrete cosi salvarvi una copia locale della vostra pagina, che non fa mai male.

Prendetevi il tempo di formattare il codice inserito in maniera da poterlo capire facilmente. Questo è molto importante, non pensate che state perdendo tempo, è tutto tempo che guadagnerete in seguito!Adesso potete iniziare ad aggiustare le parti che ancora non vi piacciono. Una delle prime cose che ho fatto io è stato modificare il padding di alcune tabelle perché di default l’editor che ho usato mette il padding a 0.

Ricordatevi sempre la regola per individuare la parte che volete modificare, usate il codice che vi ho mostrato all’inizio del tutorial e settate il colore e lo spessore del bordo.

Ma diciamoci la verità, anche cosi non tutti sono in grado di aggiungere quelle cose carine che si vedono su tante pagine mySpace, tipo un banner sopra la pubblicità, oppure nascondere alcune parti del layout che non desideriamo (tipo “pinco pallino si trova sulla rete estesa”): ci vengono ancora in aiuto delle applicazioni on line che generano il codice che ci serve. Date un’occhiata qui: potete trovare dei generatori di codice per quasi tutto quello che vi puo servire.

Prendiamone uno giusto per capire cosa genera: Hide Extended Network.

Il risultato è una cosa del genere:
< style>

.blacktext12 {display:none;}
td.text table, td.text td {border:0px; height:0px;}

div.layoutbutton{
width:145px;
border:1px solid white;
position:fixed;
_position:absolute;
top: 20px;
right: 5px;
}
div.layoutbutton a{
background-image:url(http://www.mywackospace.com/images/p.png);
width:100%;
height:21px;
color:rgb(255,255,255);
font:bold 11px arial,sans-serif;
display:block;
text-decoration:none;
line-height:19px;
}
< / style >

ATTENZIONE ATTENZIONE! Tutto sto codice per far sparire una scritta? Un po esagerato no? Infatti, solamente una parte vi serve veramente, quella iniziale:

.blacktext12 {display:none;}
td.text table, td.text td {border:0px; height:0px;}

tutto il resto sono banner e link pubblicitari aggiunti dall’applicazione on line (non ho letto le condizioni d’uso di questi siti visto che io li ho usati solo come referenza, ma diciamo che tutto il resto si può togliere ;-) )

Ora potete aggiungere questo codice al vostro layout sempre dentro l’editor di testo. Dove? dove volete. L’importante che sia racchiuso tra due tag style. Potete semplicemente aggiungerlo alla fine del layout che già avete, esattamente prima del tag style di chiusura (per chi non lo sapesse è ).

Adesso vorrete provare il tutto, giusto? Ok ci sono due possibilità, la prima è usare direttamente la vostra pagina MySpace: andate nel vostro pannello di controllo e modificate il profilo. Adesso nella parte “About Me” copiate il contenuto del vostro editor e salvate.
Basta accedere alla vostra pagina per vedere il risultato delle vostre modifiche.

Però.. questo è un po scomodo, soprattutto se volete fare modifiche ad una pagina che è già on-line da un po e magari riceve diversi visitatori al giorno.. non vorrete che i vostri visitatori vedano le vostre prove giusto?
Vi viene ancora incontro un’applicazione web (sempre dallo stesso sito, ma ce ne sono miliardi la fuori) che altro non è che un Layout Previewer. Voi incollate il vostro codice e cliccate su preview, dovreste cosi rendervi conto del risultato.
ATTENZIONE: questo metodo non è troppo affidabile nel caso voi inseriate dei DIV a mano, visto che il previewer a sua volta inserisce dei div per la pubblicità. Ma è molto efficace per tutti gli altri casi.


Di trucchetti ne ho trovati tanti, se navigate il sito che vi ho consigliato, che anche se non l’ho scritto fino ad ora, si chiama www.mywackospace.com, troverete tanti di quei generatori di codice da farvi venire il mal di testa.

Il codice generato va quasi sempre inserito nella parte “About Me” del profilo, tranne alcune rare eccezioni, quindi leggete sempre bene prima.

Mi raccomando, non lavorate direttamente sul profilo MySpace, usate sempre un editor in locale formattando sempre bene il codice che aggiungete, altrimenti dopo un po ci perderete la testa!

Per quanto riguarda invece il contenuto vero e proprio, cioè il testo che vi descrive, basta semplicemente aggiungerlo nel file del profilo, stando attenti a non metterlo dentro ai tag di style. Questo è codice HTML quindi potete usare tutti i costrutti che il linguaggio vi mette a disposizione (per quelli di voi che non conoscono l’HTML, non vi preoccupate, leggete sotto).

Vi segnalo ancora qualche generator che vi può essere veramente utile:

  • Top Image vi permette di mettere un’immagine in testa alla pagina MySpce, prima ancora del banner pubblicitario. ATTENZIONE: questa usa i DIV quindi ricordatevi quanto detto prima, la preview non dice il vero in questo caso.
  • Contact Table vi permette di generare una tavola per i contatti con un’immagine vostra (se non mi sbaglio qui dovete anche fare un trucco per far sparire il testo che MySpace mette di default. Basta aggiungere qualcosa come .contacttable .text {font-size: 0px !important;})
  • Extended Network Banner
  • E per finire un piccolo Text Editor che vi può aiutare a generare il formato di testo che volete anche se non sapete un h di html e css

Ancora un consiglio, ogni volta che usate un generatore, non copiate direttamente il risultato nel vostro profilo, aprite un altro file col vostro editor, copiateci dentro il risultato e formattatelo, quindi cercate di capirlo. Una volta che avete eliminato tutte le cose che non vi servono (tipo pubblicità e link vari) fate un copia incolla sull’altra finestra dell’editor dove avete il vostro profilo completo.

Se invece volete aggiungere del testo o degli oggetti embedded (tipo una mappa per i contatti che potete prendere qui, oppure un RSS player per il vostro podcast) potete semplicemente aggiungerla al vostro profilo (stesso file di prima) ma senza metterla tra i tag di style, proprio come fareste con del testo normale. In fondo state comunque editando una pagina HTML….

Per finire, altri siti che vi possono aiutare a modificare il vostro layout:

Oltre alla lista di siti che forniscono profili, generatori di codice e editor per i profili che vi ho già segnalato in precedenza.

E mi raccomando.. quando avete finito di realizzare il vostro spazio.. venite a trovarmi e (se vi va) aggiungetevi ai miei amici!

ATTENZIONE: ho chiuso i commenti a tutte le sezioni myspace per evitare che il blog diventasse troppo pesante a leggersi. Se avete richieste, dubbi, domande potete usare la sezione MySpace del forum. GRAZIE!

Tags: , , , , , ,