MySpace: come inserire un’immagine sopra al profilo
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…
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: codice, Musica, myspace, Programmazione, tutorial myspace
23 risposte a “MySpace: come inserire un’immagine sopra al profilo”
Ciao Andrea,
innanzitutto grazie mille per la tempestiva risposta e per il tempo impiegato ;).
Purtroppo non riesco a far funzionare il codice nel mio space , probabilmente va in contrasto con qualche altro codice che ho… il problema è che non ne ho idea, perchè piu o meno il layout l’ho creato con un editor e per il resto ho semplicemente preso codici qua e là e li ho appiccicati nell’html :P.
Invece ho provato il codice in un myspace che ho creato per le prove e funziona. Tranne per il fatto che l’immagine è spostata verso sinistra e non è centrale , vedi qua : http://www.myspace.com/johnlol33.
Insomma non credo tu possa aiutarmi per il mio space, in quanto forse dovresti vedere l’intero html e cmq ci vorrebbe del tempo. In ogni caso ti metto l’indirizzo, non si sa mai…: http://www.myspace.com/chiipadme
In ogni caso grazie mille di tutto,
Giorgia
come non detto,
l’immagine sono riuscita a centrarla;)
ed ho capito anche con cosa va in contrasto, anche se non so esattamente perchè:
<style>.navigationBar {display:none}</style>riesci a capire il perchè?
Questo sarebbe il codice per far scomparire i link in alto (home,browser etc…) che a me danno un fastidio incredibile
ma a quanto pare non posso usare entrambi i codici insieme?
O c’è un’altra maniera?
Scusa se ti sto tempestando di domande, ma non so a chi altro rivolgermi ed io non ne capisco niente. Anzi, ringrazio di aver trovate te che sei così gentile e disponibile!
Grazie ancora,
Giorgia
Allora, il codice che ho scritto sopra sfrutta proprio la navigationBar per inserire l’immagine. In pratica l’immagine diventa lo sfondo della navigationBar. Quindi ovviamente non puoi rimuoverla.
Quello che puoi fare è nascondere il testo nella navigation bar, ti basta specificarlo nello style: prova con
.navigationBar {font-size : 0px;}
Ciao Andrea!
Ecco perchè non riesco a farla sparire quella maledetta navigationBar… :P.
ho provato a nasconderla ma resta lì a farmi le smorfie. Devo aggiungere qualcosa all’inizio e alla fine di quel codice (.navigationBar {font-size : 0px;}) e devo posizionarlo all’interno nel codice di prima?
Chiedo perdono se ti faccio ancora domande, ma dire che sono inesperta è poco.
Cmq ti ringrazio per aver risolto il problema dell’immagine sotto il banner ;). Almeno questo sono riuscita a capirlo, finalmente! Eheheh… In ogni caso mi funziona anche col primo codice che hai dato, anche se il mio non è un myspace music. Non so perchè!
Grazie mille,
Giorgia
Giorgia devi posizionarlo tra due tag di style, proprio come il codice che avevi prima con display:none.
Questo codice l’unica cosa che fa ti fa sparire il testo (se con 0 non funziona prova con 1px), la navigation bar rimane. Deve rimanere altrimenti non avresti l’immagine.
Ciao nissardo!
Avrei 2 problemi, allora:
1) Vorrei aggiungere un banner in alto al profilo, ho incollato il codice come suggerivi qui http://www.ilnissardo.com/info-for-artists/tutorial-my-space/myspace-come-aggiungere-un-banner-in-alto-al-profilo/
( premetto che ho un profilo musica) vorrei chiederti una cosa… se io metto l’url dell’immagine nel codice che mi hai dato, l’immagine che dovrebbe apparire appena apro la pagina del mio mypace nn si estende da un’estremità laterale all’altra della pagina ma lascia un po di spazio
e questo fa si ke nello spazio lasciato si vede lo sfondo ke poi compare sotto le tabelle… cm posso fare?
2) ho creato una mia contacttable, poi lo caricata sull’editor di pimp-my-profile.com il problema è ke quando copio il codice della tabella esce in basso in sopraimpressione http://www.pimp-ecc ecc… come faccio a toglierla?
Ti ringrazio in anticipo x il lavoro preziosissimo che fai!!!
IL MIO CODICE E’ UN PO DIFFERENTE DA QUELLI USATI DA TE COME ESEMPI!!
COME POSSO FARE? (SEMPRE PER METTERE UN IMMAGINE SOTTO LA PUBBLICITA’)
OVVIAMENTE L’IMMAGINE IN QUESTIONE E’ DA AGGIUNGE ALL’IMMAGINE DI SFONDO (http://i139.photobucket.com/albums/q304/SALo/Immagine2-7.png)
GRAZIE MILLE!
.mygen { Created using MyGen 2.5 - http://www.mygen.co.uk }
.mygen { Background Properties }
table, tr, td { background-color:white; border:none; border-width:0;}
body {
background-color:transparent;
background-image:url(http://i139.photobucket.com/albums/q304/SALo/Immagine2-7.png);
background-attachment:fixed;
background-repeat:repeat;
}
Di ritorno dal mio viaggio inizio a rispondere a qualche domanda:
@Marco: la cosa migliore da fare è giocare sui parametri left: 49%;
margin-left: -387px; del codice che ho messo in quel post. Questi sono i valori che influenzano la posizione rispetto al resto della pagine del margine di sinistra. Con una buona combinazione riuscirai di sicuro ad ottenere quello che vuoi.
Per rimuovere il codice di pimp, devo prima vederlo. In generale ti puoi riferire al tuotorial generale su my space che ho scritto, quello include anche alcuni trucchi per non includere “spazzatura” quando il codice viene generato. Altrimenti mandami il codice via mail e ti dico quale parte va tolta. Indirizzo: ilnissardo (chioccola) gmail.com.
@Filippo: la tua domanda non è molto chiara.. comunque se ho capito bene, basta che prendi il codice che ho scritto sopra e lo aggiungi al tuo codice. Se non ho capito, fammi sapere che provo a spiegarmi meglio.
Un messaggio è stato bloccato dal sistema antispam, ma sono riuscito comunque a riprendere il contenuto.
Il messaggio diceva:
La risposta è semplice, in quel profilo non hanno usato lo stesso codice che vi ho proposto io, ma hanno usato un DIV per implementare qualcosa di simile.
Per capire meglio, ti consiglio di guardare il sorgente di quel profilo e cercare il DIV e il CSS di masthead.
In pratica troverai due sezioni, la prima con la definizione del DIV:
e l’altra con la definizione della classe CSS:
.masthead {width: 809px; height: 200px; position: absolute; margin-left: -400px; left: 50%; top: 207px; background-image: url(URL_IMMAGINE_SFONDO);}…ho letto e provato tutto quello descritto sopra..ma no nson risucito a venir a capo di nulla…
Vorrei metere un0′immagine sotto la barra del menu, ma proprio non ci riesco!
Sareste cosi gentili in maniera chiara e concisa scrivermi il codice da isnerire con un “profilo myspace normale” e nel caso che il profilo sia music..grazie, anzi..grazzissimoooooooo
Vale
Ciao Vale: per te e per gli altri che non riescono ad ottenere il risultato voluto, provate a scrivermi in privato e vedo di darvi una mano: ilnissardo (chiocciola) gmail.com
Ho utilizzato il primo codice che hai postato per il mio space…
Il risultato era esattamente quello che cercavo, avrei però una domanda circa un problema che non avevo considerato.
Mentre su pc l’immagine era perfettamente allineata con la barra “myspace music”, guardandola su mac è decentrata verso dx… Come mai?
Che parametro posso usare per centrarla in entrambi i casi?
Grazie mille!
Ciao Bong.
Non posso aiutarti perché non ho praticamente esperienza con Safari. Il probelma non è il Mac, ma il browser che usi. Sono sicuro che se usi Firefox sotto Mac avrai lo stesso risultato che hai sotto Windows.
Grazie mille per la pronta risposta…
Purtroppo il caso in questione era proprio di un mac con installato mozilla.
Mentre su pc l’immagine era perfettamente centrata, sul mac no (su entrambi però ho utilizzato firefox!).
Anche se magari non mi puoi aiutare, volevo chiederti se però potevo “correggere” il codice con qualche parametro assoluto.. per esempio “distanza dal bordo sinistro tot px”… Sapresti indicarmil il codice da inserire? Io sto imparando ma mi muovo ancora moooolto grossolanamente tra i codici e affini..
Grazie ancora per l’aiuto…
Bong: azz quindi deve essere un bug di firefox per mac.
Che io sappia per il backgroud basta specificare center. Non sono nemmeno sicuro che tu possa dare una posizione relativa in px (a memoria mi sembra di no). Hai provato ad usare Safari?
Se ho tempo nei prossimi giorni provo a guardare se esiste un bug già segnalato e/o un workaround.
Fortunatamente ho risolto col DIV e CSS di masthead che hai illustrato qualche post sopra questo.. Mi sono aiutato però col profilo di esempio (quello linkato da chi ti ha chiesto aiuto), nel codice che hai postato tu dev’esserci qualche errore perchè non me lo prendeva…
Cmq nella seconda parte, quella .masthead è stato possibile posizionare l’immagine esattamente dove e come volevo…
Grazie di tutte le info e della req su myspace!
A presto
ciao! ho letto il tuo primo codice per il profilo musicale di myspace,mettendo l’url della foto e cambiando l’altezza,inserendo il tutto nella bio..ma non va
cos’è che sbaglio? grazie
hohooo gaudio e tripudio,sono riuscita lo stesso! grazie lo stesso!
ciao ho inserito la foto tipo banner come hai detto per il myspace musicale, pero me la mette sopra la barra rossa “myspace music”, cioè io ho la google bar poi foto poi barra rossa “myspace music” e poi il profilo…vorrei sapere se è possibile eliminare la barra rossa o cmq metterla sopra la foto…grazie!
Ciao Andrea, sai che non ho proprio capito.. L’unica cosa che credo di aver capito e alla quale ti posso rispondere.. non puoi togliere il banner pubblicitario (e’ questo che chiami google bar vero?). Perche’ non linki il tuo profilo cosi provo ad andare a guardare?
sto facendo ancora delle prove quindi non si vede dal profilo…cmq ti spiego in 2 parole.
mettendo il banner/foto con il tuo codice me lo mette tra la google bar e la bar di myspace music che è quella rossa…
la mia domanda è: è possibile mettere la foto sotto di queste 2 barre? o se meglio di eliminarle?
GRAZIE!!!
Ciao mi posti il codice per inserire un immagine sotto la pubblicià, invece che sopra?
@Enzo5cinque: il codice di questa pagina dovrebbe fare proprio quello che mi chiedi, l’hai provato? Se non ti ha funzionato fammi sapere.
@andrea: ok credo di aver capito cosa intendi. Provo a darci un’occhiata e ti facico sapere.