Allungato immagine di sfondo nel tuo profilo MySpace

Allungato immagine di sfondo nel tuo profilo MySpace

Domenica 8 marzo 2009

Molte persone spende un sacco di tempo a personalizzare il proprio profilo MySpace. Può essere molto divertente. Una delle domande frequenti ricorrenti è come ottenere un’immagine di sfondo allungata sul profilo. Ho studiato un po ‘ questo e ho trovato alcune soluzioni. Nessuno di loro sono purtroppo completamente perfetto, ma possono perfetto abbastanza per voi.

Si noti che il problema di sfondo allungato non è limitato alle pagine di MySpace. Si tratta di un problema generale per tutte le pagine web. Non ci sono davvero una buona soluzione a questo oggi (primavera 2009). Dovremo aspettare il supporto della proprietà CSS3 background-size. Se siete voi stessi in pieno controllo della pagina web (che non si è in profili MySpace), poi ci sono soluzioni alternative, vedi ad esempio About.com.

Tutto il seguente come descrizioni è supponendo che si sta utilizzando MySpace Profile 2.0.

Soluzione 1: Usa un’immagine di sfondo grande

Usa un’immagine di sfondo abbastanza grande da riempire l’intero sfondo sulla maggior parte dei monitor.

Vantaggi

• Abbastanza facile

Svantaggi

• Non sarai mai mai quanto è grande il monitor degli spettatori, quindi l’immagine potrebbe non essere abbastanza grande comunque. Se si va per 1920×1200 avrete almeno coprire gli attuali grandi monitor widescreen.
• Un altro problema è che vuoi davvero che parti specifiche dello sfondo siano visibili, quindi assicurati che queste siano nell’area in alto a sinistra dell’immagine.
• Poiché la risoluzione dell’immagine di sfondo di solito è abbastanza grande, non può essere ospitata su molti siti di hosting di immagini popolari (questo include myspace stesso e ad esempio flickr), perché hanno un limite massimo di risoluzione, di solito circa 1027×768. Quindi dovrai ospitare l’immagine da qualche altra parte dove la risoluzione può essere più grande.
  Effettua una ricerca su Google su “image hosting large size” per trovare siti Web di hosting.

Come

1. Caricare un’immagine di sfondo abbastanza grande (ad esempio 1920×1200) su un sito di hosting di immagini in cui sono consentite immagini di grandi dimensioni.
2. Nel tuo profilo MySpace attiva il Profilo > Personalizza profilo.
3. Attiva Aspetto > Modifica avanzata > Sfondo.
   • Inserisci l’URL nella posizione dell’immagine ospitata, ad esempio http://www.yoururl.com/images/myspacebg.jpg
   • Assicurati che Scroll with page sia impostato su No e
   • Repeat sia impostato su Do not repeat.
4. Attivare il pulsante Anteprima per visualizzare il risultato. Se soddisfatto attivare il pulsante Pubblica.

Soluzione 2: Supporto CSS3 preliminare

La maggior parte dei browser di oggi (primavera 2009) non supporta la proprietà CSS3 background-size. Se lo avessero fatto tutti i problemi con sfondi allungati sarebbero stati risolti. Tuttavia, la maggior parte dei browser che utilizzano il motore webkit ha un supporto preliminare per la proprietà. Che copre ad esempio i browser Safari e Chrome.

Vantaggi

• Abbastanza facile
• Puoi utilizzare qualsiasi dimensione dell’immagine, ad esempio alcune delle tue foto del profilo.
• Eseguire il corretto ridimensionamento dello stretching sullo sfondo. Ma potrebbe non essere necessariamente bello su un monitor ultra wide.

Svantaggi

• Non funziona in Internet Explorer e in molti altri browser. Questo copre i browser più utilizzati, quindi è un enorme svantaggio.

Come

1. Nel tuo profilo MySpace attiva il Profilo > Personalizza profilo.
2. Attiva aspetto > CSS
3. Inserisci il seguente codice CSS-sostituisci l’url con la posizione dell’immagine:

body { background-image: url(http://www.yoururl.com/images/myspacebg.jpg); x-webkit-background-size:100% 100%;}

4. Attivare il pulsante Anteprima per visualizzare il risultato. Se soddisfatto attivare il pulsante Pubblica.

Soluzione 3: Inject Img element

L’ultima soluzione, che ancora una volta non è perfetta, consiste nell’iniettare un elemento Img HTML nel tuo profilo e quindi controllarne la posizione sulla pagina per adattarla alla finestra del browser.

Vantaggi

• Può funzionare con qualsiasi dimensione di risoluzione dell’immagine, ad esempio un’immagine dal tuo profilo MySpace album.

Svantaggi

• L’immagine scorre con la pagina, in modo che lo sfondo non sia fisso. Questo è un enorme svantaggio.
• Un po ‘ complesso da introdurre nel tuo profilo.

Come

1. Nel tuo profilo MySpace attiva Profilo > Modifica profilo
2. Nella pagina Modifica profilo attiva Su di me.
3. Nella sezione Chi sono inserisci i seguenti codici HTML per iniettare l’elemento Img che si riferiscono alla tua immagine di sfondo. L’attributo src dovrebbe fare riferimento all’immagine.

<img width="100%" src="http://www.yoururl.com/images/myspacebg.jpg"/>

1. Attiva il pulsante Salva modifiche per salvare le modifiche.
2. Attiva profilo > Personalizza profilo
3. Attiva aspetto > CSS
4. Inserisci (aggiungi) il seguente codice CSS, che essenzialmente posizionerà l’immagine iniettata (identificata da) per adattarla allo sfondo come allungata:

#back{ width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: -1;} 

5. Attivare il pulsante Anteprima per visualizzare il risultato. Se soddisfatto attivare il pulsante Pubblica.