Tutorial My Space
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:
- modmyprofile.com
- myspaceeditor.it (il primo MySpace editor in italiano)
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: codice, episodio, Musica, myspace, Podcast, Programmazione, tutorial myspace
184 risposte a “Tutorial My Space”
Mitico!!!!
Grazie mille, mi sei stato veramente utile!!
Grandee…Tuttavia mi domando, c’è modo di cambiare semplicemente le frasi imposte da Myspace? Mi spiego, se non volessi far scomparire “extended Network” ma semplicemente sostituire il contenuto? Finora ho solo trovato il modo di ante/pre porre testo alla classe in questione…
Ciao Atti, purtroppo non esiste modo di cambiare quelle scritte, l’unica possibilità che hai è sovrapporci qualcosa. Puoi definire una tua DIV e darle una posizione assoluta (e ovviamente una dimesione) in modo che vada a coprire la parte che vuoi cambiare, per esempio “extended network”. Dentro alla DIV puoi metterci quello che vuoi, del testo, un’immagine, un link.
Si tratta di fare delle prove per vedere che posizione devi dargli, questa purtroppo dipende da cosa c’hai nella tua pagina, quindi non posso darti dei valori standard.
Facci sapere il risultato!
Grande a pubblicare una guida molto semplice ma efficace per le persoine che masticano poco o niente html e css.
Ti volevo chiedere se era possibile usare codice CSS che punti direttamente all’ID dell’elemento? Dalle prove che ho effettuato e da quello che ho letto in giro il carattere “#” viene rimosso dal codice una volta che salvi il profilo.
PS: Se usi Firebug x Firefox ti permette di individuare meglio il codice CSS per puntare agli elementi della pagina… è più facile reperire info sui livelli dei tag html.
Ciao
Ciao Daygo.
Grazie dei complimenti. La risposta alla tua domanda è no, e la ragione è semplice, come hai detto tu il carattere “#” viene rimosso (credo per problemi di sicurezza…).
Oltre a Firebug (utilissimo) ti consiglio View Format, li trovo molto utili entrambi. Puoi trovare maggiori informazioni qui: View Format: un’estenzione per Firefox indispensabile!
A presto!
Grazie lo proverò…..
comunque ho trovato un modo solo per Firefox e se nn sbaglio IE7 (con IE6 non funziona) per puntare ad un oggetto, non in modo univoco come l’ID ma gli si avvicina molto a secondo di come è costruita la pagina.
consiste nel indicare nel CSS il TAG con un attributo(o più di uno devo provare). con un esempio forse è meglio:
se, ad esempio ho il seguente codice CSS imposta di larghezza 300px e lo sfondo colr rosso a tutti i TD che sono dichiarati con lunghezza 100px:
codice HTML
Prova
codice CSS
td[width=”100″] {
width:300px;
background-color: red;
}
Questo avrà effetti su tutti i TD che sono dichiarati nel codice HTML con width=”100″
Se ne esiste solo 1…. abbiamo ottenuto lo stesso risultato che otterremo potendo puntare al TD tramite un ID.
Ripeto peccato che funzioni solo con FireFox e forse con IE7….
se a qualcuno interessa vedere come ho personalizzato lo space può andare su: http://www.myspace.com/caveinrockfestival….
ciao e grazie per la pronta risposta.
Figata! Non ci avevo proprio pensato.
Questo trucchetto in effetti può essere molto utile, prossimamente lo proverò.
La tua pagina su myspace è proprio carina!
e questa sarebbe una guida utile per chi parte da zero? io sono uno di questi e francamente non ho capito una mazza, è ovvio che questi che si complimentano (?) con te ne sanno già abbastanza, la tua guida per i novizi è completamente inutile, anzi, è proprio un cazzata, e serve solo a far perdere tempo.
ti volevo ricordare che chi parte da ZERO ne sa proprio ZERO, questo lo capisci? usi terminologie adatte a persone che già ne sanno qualcosa, quindi falla finita! ho perso un sacco di tempo a leggere le tue minkiate e non ne ho capito nulla!! MAVAVAVAVA…
Ciao Jena e benvenuto.
Mi dispiace che la guida non ti è stata utile.. ma io non ho mai scritto che era adatta a chi parte da zero
Se leggi bene la prima frase è
“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.”
Più chiaro di cosi come potevo scriverlo?!
Se non conosci HTML e CSS l’unica cosa utile sono i link. Se nemmeno quelli ti sono utili.. allora prova a spiegare cosa vorresti fare e vediamo se trovo qualche risorsa che ti possa aiutare.
Se poi eviti certi termini in futuro te ne sono grato. Io accetto più che volentieri ogni critica, basta esprimerle con garbo. Solo grazie alle critiche si può crescere.
Spero di rileggerti presto.
Ciao, volevo chiederti se è possibile avere un top friend capace di contenere più di 24 amici…Grazie mille
Ciao Angel. Si, è possibile avere fino a 40 amici nella top list ma è abbastanza complesso farlo a mano. Se hai le conoscenze necessarie, allora sarà facile farlo analizzando il risultato di questo generatore: Top Friends generator at MySpaceMaster.net.
Spero ti sia utile!
Grazie mille per questo post su MyWackoSpace.com :)!.
(Sono il proprietario)
ho creato una pagina con myspace nella sezione musica ma con la funzione cerca non mi trovo (alteregocoverband) Grazie x eventuale risposta
@Guk: grazie a te per la bella applicazione! Anzi.. tienici aggiornati su nuove funzionalità o nuovi trucchetti che scopri!
@Stefano: non so che dirti.. la cosa strana è che facendo una ricerca “standard” (non andando su musica) il vostro link esce per primo. Invece su musica non uscite proprio…
[Dopo qualche prova…]
Trovato.. il nome della band non è alteregocoverband ma “Alter Ego Coverband”. Se fai una ricerca sulla sezione musica, con Alter Ego Coverband vedrai che uscite (uscite anche con Alter Ego, ma non con Alterego per esempio).
un aiutone please
ho un pagina myspace musica e mi è sparita a contact table,nn so dove mettere il codice per ripristinarla.
risci ad aiutarmi?
Ciao Matteo. Ci provo.. anche se è difficile dato che non mi dici “come” hai fatto a farla sparire.
Il codice può andare più o meno ovunque, nell’”About me” dovrebbe funzionare.
Cerca se per caso non hai qualcosa del tipo:
.contacttable .text {font-size: 0px !important;}
in questo caso il testo della contact table è impostato a 0px quindi non si vedrà (questo trucco viene usato quando vuoi mettere un’immagine al posto della contact table.
Tu vuoi riavere la contact table originale o vuoi mettere una contact table personalizzata? Nel secondo caso, usando un generatore, il codice prodotto lo puoi mettere insieme a tutto il resto e funziona.
Se ancora non riesci, la cosa migliore è darmi il link alla tua pagina e vedo di capirci qualcosa.
Ciao,
volevo intanto ringraziarti per i suggerimenti e chieder se a qualcuno capita di non riuscire a vedere più le anteprime delle immagini su myspace (ex: profilo, friends list…). Visualizzo solo l’icona dell’imagine “rotta”….sai come aiutarmi?
Grazie mille
Ciao PB (omonimo del mio amico PB
)
Il tuo problema sembra più legato a MySpace (e a problemi di banda) che a te o alla tua configurazione.
Ti succede sempre o solamente a volte? Prova in orari diversi del giorno giusto per essere sicuro.
Fammi sapere.
Ciao,
grazie per la risposta velocissima!!
Mi succede da un paio di giorni e a tutte le ore
Pensi ci sia una soluzione o devo solo pensare alal banda di connessione?
Fai una cosa.. giusto per capire.. vai su una delle immagini con la croce, tasto destro, proprietà e prendi la URL che punta all’immagine (se usi Firefox anche meglio.. c’è “Copy Image Location” che ti copia direttamente il link all’immagine).
Poi apri una nuova finestra del browser e metti questo URL e prova ad aprirlo. Se la mia idea è giusta non dovresti poterla vedere.
Adesso mandami lo stesso URL (se non vuoi postarlo qui mandamelo per mail a ilnissardo(_at_)free.fr e provo ad aprirla anch’io.
Io sono convinto che sia un problema di banda.
Oppure.. ora che ci penso.. non è che sul tuo browser c’hai un settaggio che dice “non caricare le immagini” e l’hai abilitato? Ma in questo caso ti dovrebbe succedere la stessa cosa con tutti i siti…
Ciao Annina. Grazie per il feedback. Rileggendo il tutorial più volte (e grazie ai vostri commenti) mi rendo conto che andrebbe un po ristrutturato. Spero prima o poi di avere il tempo di farlo.
Vediamo ora alle tue domande:
- allargare le tabelle. In realtà tu non vuoi allargare le tabelle ma le celle. La cosa è fattibile ma non semplicissima. Il problema è sempre quello di individuare l’elemento giusto e cambiarlo. In pratica tu individui l’elemento td corretto e poi imposti l’attributo width.
Esempio:
td.td.td {
width :400px
}
Se vuoi usare le percentuali, la cosa potrebbe non funzionare perché la percentuale si riferisce alle dimensioni della tabella.
Ti ripeto non è una cosa semplicissima da fare, forse è meglio che trovi un tema che lo fa e copi il codice da li.
- Spostare le tabelle. Non puoi spostare le tabelle, ma anche qui credo che tu sia interessata ad invertire l’ordine delle celle e non delle tabelle. Questo è possibile, ma prima come sempre devi trovare cosa vuoi invertire. Qundi devi trovare la tavola giusta e usare la propietà “direction” dell’elemento table nel CSS.
Prova con questo codice:
table {direction:rtl;}
table table table {direction:ltr;}
E’ quello che ho usato io nella mia pagina.
Spero di esserti stato utile.. A presto!
Scusa, problema mio nello scrivere. Adesso il codice è visibile.
Ovviamente la tua considerazione per l’altezza è più che corretta.
Penso di si, anche se non ho provato. Il problema potrebbero essere le conseguenze di tale cambiamento.
Infatti l’unico modo che hai è aumentare le dimensioni della cella in cui quella foto è contenuta, e poi aumentare le dimensioni dell’immagine.
Il problema è che cosi facendo aumenti le dimensioni di tutte le celle di quella tabella (in particolare la larghezza).
Che dire.. prova, e magari facci sapere il risultato.
Ciao, grazie.
Forse ho capito il problema.
Mi sto connettendo da un posto che ha un firewall che blocca imageshack!!!! :O
Grazie comunque di tutto
Ho capito come fare per cambiare le dmensioni della cella,ma non so come ingrandire la foto…??
Più che altro non so dove ingrandire l’immagine…
Ciao Annina.. scusa il ritardo ma ho avuto qualche problemino..
Veniamo a noi, dovrebbe essere semplice, ti basta settare width per l’elemento img dentro quella cella.
Quindi td.td.td.img o qualcosa di simile.
Se non mi sbaglio c’è anche una proprietà che adatta automaticamente l’immagine alla cella.. ma non ho sottomano il mio manuale di CSS. Fammi sapere se risolvi, altrimenti ci guardo meglio.
Il problema è che nn riesco a trovare la proprietà che dici tu…Io cerco all’interno del codice del layout, ma non la trovo…
Ciao!
Ho creato da poco un mio space in sezione musica, per il mio gruppo…(www.myspace.com/shootinstarsofficialspace)
Non ho avuto particolari problemi per la creazione, per fortuna!
i mal di pancia cominciano quando tento di cercare il mio spazio in modalità ricerca “standard” e in modalità ricerca “musica”: praticamente è come se non esistessimo, non siamo rintracciabili…(ho provato a mettere ogni tipo di nome legato al nostro space nella ricerca-shootin’stars,shoootinstarsofficialspace,shootinstars,ecc-)
Se invece cerco per e-mail (shootin_stars@libero.it) veniamo subito “trovate”…stessa cosa se accedo allo space tramite Url.
Sono disperata…INDI vorrei sapere:
- se il mio è un problema legato a impostazioni di privacy
- se è una questione di modalità di ricerca
- secondo quali paramentri myspace effettua la ricerca per nome gruppo (prende in considerazione Url?il nome di iscrizione? il titolo di BIo?)
- se devo rinunciare definitivamente al mio space per questioni di sfiga telematica…(dimmi di no, ti prego) o posso cavarmela in qualche modo
Grazie della tua gentilezza…e scusa la lista della spesa che ti ho propinato!
Ps:complimenti per il sito! chiaro&preciso!
Ciao Fracri. Purtroppo non sono in grado di risponderti. Sembra che la ricerca dentro MySpace racchiuda qualche formula magica.
Una delle cose che penso (ma non ne sono sicurissimo) è che l’indice per la ricerca venga ricostruito ogni settimana (o giù di li) quindi può darsi che visto che vi siete iscritte il 17 serva ancora del tempo.
Ti trovi con la mail perché quella è la “chiave” della tua pagina quindi viene inserita nell’indice immediatamente.
Quindi un primo consiglio, aspetta ancora qualche giorno.
Penso che il problema (attuale) sia questo, visto che nemmeno google ancora trova la vostra pagina.
Per le tue domande specifiche: escluderei un problema di privacy visto che io vi ho subito trovato e vi ho aggiunto nella lista di amici, la modalità di ricerca non è il massimo, ma in genere mettendo il nome (anche se il vostro è molto diffuso) vi si trova. Credo che venga usato il campo Headline, correttamente settato nel vostro caso.
Per la sfiga telematica.. li veramente non ti posso aiutare.. prova con qualche testa d’aglio vicino al monitor, magari funziona
Io mi segno il tuo problema, e tra qualche giorno proverò a rifare la ricerca per vedere se il problema si risolve.
A presto,
Andrea
@Annina: non penserai che mi sono dimenticato di te vero?!?!
E’ che devo riprendere in mano il manuale di CSS per dirti l’esatta sintassi di quello che vuoi fare tu. Però non ho capito cosa vuoi dire con “io cerco all’interno del codice di layout”. In uno dei precedenti messaggi mi hai scritto che avevi capito come allargare la cella (quindi ho dato per scontato che sei riuscita ad individuare la cella da allargare.. diciamo td.td.td per esempio.. ) quindi per quella cella devi aggiungere nel CSS gli attributi per gli element img dentro quella cella (non mi far scrivere cavolate.. ma dovrebbe essere a memoria qualcosa del tipo td.td.td.img (sempre nel caso che td.td.td sia la cella che vuoi tu).
Non è una proprietà che esiste, è una proprietà che devi aggiungere tu a mano.
Wow! Che velocità!
Grazie della tua gentilezza!!!!
Proverò ad aspettare (si dice che il tempo sia galantuomo, no?)…nell’attesa qualche macumba propiziatoria non fa mai male (sai com’è…l’aglio puzza…:0))
Grazie ancora!
Fracri
scusa… volevo farti una domanda… vorrei togliere dal myspace il banner pubblicitario che compare in alto alla pagina insieme alla barra di navigazione di google in modo che si veda solo lo sfondo… puoi spiegarmi per cortesia in maniera molto semplice come posso fare?
grazi in anticipo
Ok…pensavo che avendo modificato un layout già esistente ci fosse già il parametro e bastasse modificarlo…invece devo aggiungerlo…ti faccio sapere..grazie!
@Cris: quello che chiedi (anche se possibile) infrange i termini d’uso di MySpace. Ripeto, è possibile ma io te lo sconsiglio vivamente… in realtà non è possibile nasconderli (toglierli come dici tu) ma è possibile metterci qualcosa sopra.
@Annina: fammi sapere, sono curioso. Strano che fino ad ora non ho mai trovato ne un layout ne un generatore di codice che lo facesse..
come faccio in un myspace a mettere le tabelle tt una soto laltra?
Ciao!
Problema risolto! Come giustamente mi hai detto, era solo una questione di tempo: il mio space è ora disponibile in tutte le modalità di ricerca!
Probabilmente l’indicizzazione dei nuovi iscritti avviene ogni circa 10 giorni (questo è quanto ho aspettato prima di essere finalmente visibile a tutta la comunità!).
Ti ringrazio ancora della disponibilità e dei tuoi suggerimenti anti-sfiga telematica…a quanto pare funzionano!
@Fracri: ok bene a sapersi. Ora al meno abbiamo qualche idea più precisa sui tempi. E anche qualche rimedio anti-sfiga testato..
@francesco: scusa il ritardo.. un malanno improvviso.. di questi tempi. Comunque fammi capire meglio cosa vorresti fare perché non ho mica capito tanto bene..
io non riesco a trovare ‘edit profile’….se vado su modifica profilo mi viene:dettagli contatto, proilo generale e personale……..
puoi aiutarmi?????????
Ci provo.. il problema è che io uso MySpace in inglese quindi magari non tutti i termini riesco a ritrovarli in italiano.
Comunque, Edit Profile è effettivamente Mondifica Profilo.
Quando vai su Modifica Profilo ci sono diverse sezioni (sono i link in alto). Nella versione inglese sono “Interests and Personality” “Name” etc.
Per editare il tuo profilo la sezione è la prima (che poi è quella che appare di default quando entri in Modifica Profilo).
E’ qui che devi mettere il codice per modificare il tuo profilo.
In generale metterai tutto sulla casella “About Me”, la seconda, quella sotto il titolo della tua pagina.
Spero di essere stato chiaro, altrimenti fammi sapere che provo a mandarti qualche screenshot.
Profilo
Visualizza tutto
Profilo generale
Dettagli contatto
Profilo personale
questo e quello ke trovo in ‘modifica profilo’ ho provato a inserire il codice in piu diposto ma non riesce……
ma come si fa ad avere il blog inglese?????
io nel mio blog fino ad ora ho incollato i codici in costum html solo ke ho finito i caratteri disponibili…c e un modo per aumentarli?”
Parto dal fondo: per modificare la lingua vai su Impostazioni Account, Sito e Lingua Preferiti e metti USA. Cosi sei in inglese.
Ora ho messo il mio in italiano cosi cerco di aiutarti..
Se dalla Home fai Modifica Profilo, ti si apre una pagina dove hai “Interessi e Personalità”.
Da li fai tutto.
Leggendo quello che mi hai scritto non capisco in che schermata sei.. fai una cosa, contattami via mail ilnissardo(at)free.fr e mandami qualche screenshot cosi cerchiamo di capire.
@Poldo: per la tua ultima domanda (numero di caratteri disponibili) non so risponderti, ma credo proprio di no.
Ok scoperto l’arcano: stai usando un altro sito. Questo tutorial è scritto per MySpace (www.myspace.com) e non per Windows Live Spaces.
Il mio indirizzo di posta l’ho scritto sopra: ilnissardo(chiocciola)free.fr.
Cancello il tuo ultimo messaggio in modo da non appesantire troppo questa pagina.
Buongiorno Nissardo,
il tuo tutorial è molto utile ma vorrei sapere solo una semplice cosa:
Come si spostano i commenti a sinistra seguendo il tuo codice base ?
probabilmente si spostano pure gli amici ma va bene lo stesso (ho visto il tuo)
comunque hai ragione è un rompicapo questo codice
ciao
Ciao Naima.
non vorrei dire una bischerata, ma il CSS corrispondente dovrebbe essere qualcosa di simile a questo:
table table table {
direction: ltr;
}
(come sempre ometto il tag d’inizio per il CSS, ma ricordati di metterlo).
Se guardi nei commenti, in una risposta parlavo proprio di come invertire l’ordine delle celle in una tabella.
Prova e fammi sapere.
Ciao
Ciao!!Sono di nuovo qui!! Come va? 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….grazie!!
Ciao Annina, ben tornata!
Fammi capire meglio.. in pratica vorresti avere una cosa simile a quella che ho io sulla mia pagina mySpace? Dacci uno sguardo (www.myspace.com/ilnissardo).
Se è questo, la soluzione è abbastanza semplice, definisci negli stili CSS qualcosa di simile a questo:
div.topbanner {
top: 0;
left: 49%;
margin-left: -387px;
width: 100%;
height: 320px;
position: absolute;
}
body{
background-position:top center;margin-top: 320;}
poi fuori dallo stile metti:
< ..div class="topbanner">
< ...a href="http://ilnissardo.free.fr/podcast/" rel="nofollow">
< ...img SRC="URL_DELLA_TUA_IMMAGINE" border="0"/...>
< ... /a>
< .../div>
NOTA: se non vuoi il link ti basta rimuovere la parte
ovviamente sostituisci il tuo sito dove leggi http://ilnissardo.free.fr/podcast/
Fammi sapere!
Non vedo cosa hai inserito dopo la frase “poi fuori dallo stile metti:”…c’è un quadretto con la x…forse non visualizza bene il browser…
Risolto.. purtroppo scrivere codice html in un commento del sito non è semplicissimo. Ho aggiunto spazi e puntini che starà a te togliere
Le sai davvero tutte!!
Dove devo inserire il codice?Se lo inserisco su BIO il risultato non è corretto….
Insieme al resto del codice. Se il risultato non è corretto forse c’è qualche errore di sintassi.. o magari di valore.. quando definisci lo stile devi anche mettere l’altezza della tua immagine. Casomai passiamo in mail che facciamo prima: mandami una descrizione dell’effetto che ottieni al mio indirizzo ilnissardo(chiocciola)free.fr
Ciao! Visto ke sei un genio kiedo a te! praticamente mi sono fatto una mia Contact Table. l’ho inserita e si vede correttamente. L’unico problema è ke ce la scritta
CONTATTO MARCO preimpostata da my space che non riesco a togliere, kome posso fare?
Ciao Marco!
Facile facile, nella sezione style della tua contact table devi aggiungere
.contacttable .text {font-size: 0px !important;}
Mi raccomando, tra i tag style!
Ciao!
ciao!complimenti x la guida.
ho provato ad aggiungere la riga:
.contacttable .text {font-size: 0px !important;}
tra i tag style della contact table ma non cambia nulla! boh
volevo poi chiederti come diavolo faccio a spostare le tabelle agli estremi destro e sinistro della pagina, ovvero lasciando libera la “fascia” centrale. x farti capire il mio myspace e’ questo: http://www.myspace.com/aldinozz (vedi le tabelle raggruppate al centro?). io xo’ vorrei le tabelle strutturate come quelle nello space di questo mio amico: http://www.myspace.com/zetazed.
come diavolaccio si fa? grazie mille.
altra domanda, scusa.
e’ possibile spostare il player musicale mp3 in alto a destra? se si come?
grazie mille
Ciao Aldo. Scusa per il ritardo nel rispondere.. è un periodo veramente pieno.
Strano che la modifica alla contacttable non funzioni.. io mi ricordo di averla fatta proprio cosi. Appena ho un attimo di tempo ci riguardo e magari vedo se non mi sono dimenticato qualcosa.
Per spostare le tabelle, la cosa migliore da fare (se non l’unica) è aumentare il cellspacing. Credo che il tuo amico abbia fatto cosi, ma per essere sicuro dovresti prendere il codice sorgente della sua pagina (usa una delle estensioni per firefox che ho consigliato altrimenti ci impazzisci) e verificare.
Per il player mp3, non ti posso dare una risposta immediata, non l’ho mai usato sulla mia pagina, ci darò un’occhiata. Ma il consiglio è sempre il solito, prendi il source code della tua pagina da MySpace e cerca di individuare dov’è il player. Una volta visto quello puoi vedere se si riesce a spostare con facilità.
Comunque me lo segno come una delle cose da guardare appena ho tempo.
Ne approfitto per dire a walternerone che ho ascoltato il suo msg vocale. Risponderò al più presto.
ciao…senti..ti devo confessare una cosa…io stò per impazzire… ho creato qualche giorno fà questo spazio su myspace:
http://www.myspace.com/vaffanculoday
mi và già bene così com’è…ma l’unica cosa che mi dà veramente fastidio è quellla dannata cella dei commenti che mi allarga tutta la pagina facendo apparire le barre di scorrimento laterale.
c’è un modo per rimpicciolire la cella?
o c’è un modo per allinearla a sinistra?
ti prego dimmi che c’è un modo!
grazie infinite!
Complimenti per il tutorial.
Ci hai aiutato..
Ciao.
Ciccio.
Per Bruano:
Nel codice che hai inserito da qualche parte compare come proprietà di una table {Width: 841px}: devi diminuire il valore di Width…metti 400 450 px …vedi tu …ciao a presto.
Ciccio
Grazie ciccio! E’ bello vedere una partecipazione attiva anche per le soluzioni.
Il tuo consiglio è più che valido, ma nel mentre ero andato a rivedere il mio layout visto che anch’io ho messo una dimensione fissa per i commenti. Questo spero aiuti anche lele che mi ha contattato su mySpace.
Il codice che ho usato io è questo (sempre tra i tag di style)
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:260px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:80px;}
Ma visto che c’ero ho anche cercato un modo per limitare la lunghezza dello spazio verticale occupato dai commenti usando una scrollbar. Ho trovato questo:
< br>< br>< br>< br>< DIV style="height:475px; width:475px; overflow:auto; border:none 0px solid;">
da mettere alla fine della parte “Mi piacerebbe conoscere”.
Per quelli che hanno problemi con il testo che non scompare nelle contact table, provate con questo (sempre nei tag di style)
.contactTable .whitetext12 {visibility:hidden;
}
Ricordo a tutti che prima di essere indicizzati su MySpace (cioè apparire nei risultati di una ricerca) occorrono circa 10-15 giorni come confermato da diverse fonti (tra cui Fracri).
Magari sarà il caso che lo aggiungo nel tutorial principale.
E credo anche che sia giunto il momento di ricapitolare tutti questi commenti in una seconda parte del tutorial.
Appena ci sarà tempo..
Ciao, sono ancora io Marco,
ho inserito
.contacttable .text {font-size: 0px !important;}
sostituendola a quella:
.contacttable .text {font-size: 1px !important;}
x eliminare la scritta CONTATTO MARCO preimpostata da my space nella contact table, ma la scritta è ankora li, come mai nn riesco a sbarazzarmene? risp e grazie ankora!!!
ok…stò definivamente impazzendo…
scusa ciccio ma io non ho nessun codice {Width: 841px} anche, probabilmente, perchè non ho inserito nessun layout..io stò usando la pagina di myspace così com’è. le ho aggiunto solo i filmati da youtube e i testi quà e là… a me come colori e grafica và bene così comè anche perchè non trovavo nessun layout che mi piacesse. tra l’altro ho provato con degli editor a crearne qualcuno e cmq alla fine il codice che si genera non ha comunque nessun comando “{Width: 841px}” o simile… in pratica io nella mia bella casellona di chi sono nessun codice tra i comandi style o nessuna table. Non capisco praticamente nulla di html o css spero cmq di essermi spiegato!
Per Marco: prova a usare il codice che ho scritto in uno degli ultimi commenti:
(sempre nei tag di style).contactTable .whitetext12 {
visibility:hidden;
}
Per Bruano: va benissimo, non ti preoccupare. Prendi il codice che ho scritto io e aggiungilo ad uno dei campi che hai modificato (per esempio About Me) tra due tag di style:
< style >
td.text td.text table table table td a img {width:100px;}
td.text td.text table table table td div img {width:80px;}
td.text td.text table table td img {width:260px; max-width:260px; width:auto;}
td.text td.text table table td div img {width:80px;}
* html td.text td.text table table td img {width:260px;}
* html td.text td.text table table td a img {width:90px;}
* html td.text td.text table table td div img {width:80px;}< /style >
Ricordati di togliere gli spazi dai tag di style se fai un copia e incolla del mio codice.
Se ancora non risolvi, fammelo sapere in privato: ilnissardo (chiocciola) free.fr
Perfetto! ho risolto =)
Sei un genio!
Grazie 1000
Ciaoo!
Mi sapresti dire come si fa a modificare solo la tabella dove ce scritto
URL MySpace:
http://www.myspace.com/ecc
ps. come si kiama quella tabella? Grazie!!
Grazie di tutto!Super gentilissimo!
necessito ancora il tuo aiuto:
e’ possibile cancellare allo stesso tempo sia la scritta NOME UTENTE: PARLO DI ME (solo questa scritta, non il contenuto della sezione), sia il testo delle informazioni personali a fianco dell’avatar (nome, titolo, eta’, luogo, ecc.), lasciando appunto solo l’avatar come visibile nella sezione?
grazie ancora
@Aldo: ho grossi dubbi sulla possibilità di farlo. Al massimo prova (ma non garantisco il risultato) cosi
td.text .orangetext15 {display:none;}td.text td.text .orangetext15 {display:inline;}
Sempre tra i tag di style ovviamente.
Per le informazioni personali, prova
table td.text {visibility:hidden;}td.text td, td.text span, td.text a {visibility:visible;}
@Ilaria: quel componente (in realtà due componenti, uno con la scritta URL MySpace, l’altro con l’indirizzo vero e proprio) è un div, e non ha (purtroppo) un suo nome. La tabella (l’intera tabella) dentro la quale questi div sono messi ha una sua classe, class=”userProfileURL”.
Se vuoi cambiare le scritte non puoi. Puoi ovviamente sovrapporci un altro elemento oppure nasconderlo. Se lo vuoi nascondere, ti consiglio di sfruttare un codice generato perché rischi di nascondere anche altri componenti della tua pagina.
Per identificare quei due div, puoi usare
table table table table div
E ora la domanda.. cosa vuoi fare?
eheh ho ancora bisogno del tuo prezioso aiuto
tempo fa ho cancellato, inserendo un codice, la sezione con dati come segno zodiacale, single, etero, ecc (quella che solitamente compare in basso a sinistra).
ora, volendola fare ricomparire come si puo’ fare?
eh lo so, sono un pirla
Ciao Nix! Sei forte. Fortissimo.
Ti ringrazio a nome della maggioranza silenziosa che grazie agli aiuti che hai dato ad altri riesce a capirci qualcosa.
Grazie!
Complimenti, anche le cose sulle radio le tv ecc. Quanta roba.
Ma come fai?
Ieri ho visto un film di uno che non usciva mai (mai!) per stare collegato, tu sembri una persona normale, non mi quadra!
Mitico.
Sabino
@Sabino: grazie dei complimenti! Ti assicuro che il tempo che passo “connesso” al di fuori del lavoro è molto poco! Se ho del tempo libero preferisco passarlo con la mia famiglia nella vita reale
Diciamo che ho la fortuna di essere sepre connesso durante le ore d’ufficio, e di potermi (ogni tanto) concedere qualche pausa.
Tra l’altro sei la seconda persona che mi “apostrofa” Nix..
Ovviamente questo non è uno di quei periodi
e infatti sono in ritardissimo a rispondere ad Aldo.
Vediamo se ci riesco adesso.
Probabilmente hai inserito una di queste due istruzioni (o entrambe)
table td.text {visibility:hidden;}td.text td, td.text span, td.text a {visibility:visible;}
Sperando di aver capito bene quale sezione hai “nascosto”.
Comunque più in generale, ricordatevi di commentare le sezioni quando le inserite, sarà poi più facile ritrovarle.
E quando avete nascosto qualcosa, vi basta cercare per hidden!
ciao sei un grande!
Vorrei chiederti una cosa se io volessi una contact table tipo quella di questo space: http://www.myspace.com/cristianmarchi come devo fare? Ho pravato in tutti i modi, ma non so come spostare le aree cliccabili e quindi non riesco a rendere cliccabili i pulsanti..
Ciao Nicola, e scusa per il ritardo nella risposta.
Per avere una contact table tipo quella da te linkata devi saper programmare in flash. La contact table che tu indichi non è una contact table nel senso MySpace. Tutta la prima parte di quella pagina è in realtà un’applicazione flash dentro la quale ci sono i bottoni con i link presi dalla contact table.
Non puoi spostare le aree cliccabili di myspace ma non è questo il punto) ma nessuno ti impedisce di inserire tu dei bottoni che puntano ai link della contact table.
Spero di essere stato chiaro
Uhm..
allora me la cavo con flash ed action script.
La parte relativa ai bottoni non è in flash, tutto quello che sta sotto si.
Quello che dico io è: se creo un div ci inserisco i bottoni. poi il link dove lo mando? ogni utente che si logga non ha un link diverso?
a questo punto la domanda è un’altra: che link devo dare ai bottoni che creo?