Strukket bakgrunnsbilde i Din MySpace-profil

Strukket bakgrunnsbilde i Din MySpace-profil

søndag 8 Mars 2009

mange bruker mye tid på å tilpasse Sin MySpace-profil. Det kan være mye moro. Et av de gjentatte vanlige spørsmålene er hvordan du oppnår et strukket bakgrunnsbilde på profilen. Jeg har undersøkt dette litt og funnet noen løsninger. Ingen av dem er dessverre helt perfekt, men de kan perfekt nok for deg.

Merk at strukket bakgrunnsproblemet ikke er begrenset Til MySpace-sider. Det er et generelt problem for alle nettsider. Det er ingen virkelig god løsning på dette I Dag (Våren 2009). VI må vente PÅ css3 bakgrunnsstørrelse eiendom støtte. Hvis du selv har full kontroll over nettsiden (som Du ikke er I MySpace-profiler), så er det løsninger, se f. eks. About.com.

Alle følgende hvordan beskrivelser er forutsatt At Du bruker MySpace Profil 2.0.

Løsning 1: Bruk et stort bakgrunnsbilde

Bruk et bakgrunnsbilde som er stort nok til å fylle opp hele bakgrunnen på de fleste skjermer.

Fordeler

• Ganske Enkelt

Ulemper

• du vil aldri aldri hvor stor seerne skjermen er, så bildet kan ikke være stort nok uansett. Hvis du går for 1920×1200, vil du i det minste dekke de nåværende store widescreen-skjermene.
• Et annet problem er at du virkelig vil at bestemte deler av bakgrunnen skal være synlige, så sørg for at disse er øverst til venstre i bildet.
• fordi oppløsningen av bakgrunnsbildet vanligvis er ganske stor det kan ikke være vert på mange populære bilde hosting nettsteder (dette inkluderer myspace selv og f.eks flickr), fordi de har en maksimal grense på oppløsning, vanligvis ca 1027×768. Så du må være vert for bildet et annet sted der oppløsningen kan være større.
  Gjør Et Google-søk på «image hosting large size» for å finne hosting nettsteder.

slik

1. Last opp et stort nok bakgrunnsbilde (f. eks. 1920×1200) på et bilde hosting nettsted der store bilder er tillatt.
2. i din myspace-profil aktivere Profilen > Tilpass Profil.
3. Aktiver Utseende > Avansert Redigering > Bakgrunn.
   • Angi Url-Adressen til plasseringen av det vertsbaserte bildet, f. eks. http://www.yoururl.com/images/myspacebg.jpg
   • Kontroller At Rull med side er satt Til Nei og
   • Gjenta er satt Til ikke gjenta.
4. Aktiver Forhåndsvisningsknappen for å se resultatet. Hvis fornøyd aktivere Publiser-knappen.

Løsning 2: Foreløpig css3 støtte

De fleste nettlesere i dag (våren 2009) støtter ikke css3 bakgrunnsstørrelse eiendom. Hvis de gjorde alle problemer med strukket bakgrunn ville ha blitt løst. Men de fleste nettlesere som bruker webkit-motoren har foreløpig støtte for eiendommen. Det dekker for eksempel nettleserne Safari og Chrome.

Fordeler

• Ganske enkelt
• kan bruke hvilken som helst bildestørrelse, for eksempel noen av dine egne profilbilder.
• Gjør riktig resizing stretching på bakgrunnen. Men kan ikke nødvendigvis se bra ut på en ultra bred skjerm.

Ulemper

• fungerer ikke I Internet Explorer og i mange andre nettlesere. Dette dekker de mest brukte nettleserne, så det er en stor ulempe.

hvordan

1. i myspace-profilen aktivere Profilen > Tilpass Profil .
2. Aktiver Utseende > CSS
3. Skriv inn FØLGENDE CSS – kode-erstatt nettadressen med plasseringen av bildet ditt:

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

4. Aktiver Forhåndsvisningsknappen for å se resultatet. Hvis fornøyd aktivere Publiser-knappen.

Løsning 3: Injiser Img-element

den siste løsningen, som igjen ikke er perfekt, handler om å injisere ET HTML Img-element i profilen din og deretter kontrollere posisjonen på siden for å passe til nettleservinduet.

Fordeler

• kan arbeide med alle bildeoppløsning størrelse, f. eks et bilde Fra Din MySpace profil album.

Ulemper

• bildet ruller med siden, slik at bakgrunnen ikke er løst. Dette er en stor ulempe.
• litt komplisert å introdusere i profilen din.

Slik

1. aktiver Profil > Rediger Profil
2. på Siden rediger Profil aktiver Om Meg.
3. skriv INN FØLGENDE HTML-koder i Delen Om Meg for å injisere Img-elementet som refererer til bakgrunnsbildet ditt. Src-attributtet skal referere til bildet.

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

1. Aktiver Lagre Endringer-knappen for å lagre endringene.
2. Aktiver Profil > Tilpass Profil
3. Aktiver Utseende > CSS
4. Skriv inn (legg til) FØLGENDE CSS-kode-som i hovedsak vil plassere det injiserte bildet (identifisert av) for å passe inn i bakgrunnen som strukket:

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

5. Aktiver Forhåndsvisningsknappen for å se resultatet. Hvis fornøyd aktivere Publiser-knappen.