strakt baggrundsbillede i din MySpace profil

strakt baggrundsbillede i din MySpace profil

søndag 8. marts 2009

mange mennesker bruger meget tid på at tilpasse deres MySpace-profil. Det kan være meget sjovt. Et af de tilbagevendende ofte stillede spørgsmål er, hvordan man opnår et strakt baggrundsbillede på profilen. Jeg har undersøgt dette lidt og fundet et par løsninger. Ingen af dem er desværre helt perfekt, men de kan perfekt nok for dig.

Bemærk, at problemet med strakt baggrund ikke er begrænset til MySpace-sider. Det er et generelt problem for alle hjemmesider. Der er ingen rigtig god løsning på dette i dag (forår 2009). Vi bliver nødt til at vente på CSS3 baggrundsstørrelse ejendomssupport. Hvis du selv har fuld kontrol over hjemmesiden (som du ikke er i MySpace-profiler), så er der løsninger, se f. eks. About.com.

alt det følgende, Hvordan man beskriver, antager, at du bruger MySpace Profile 2.0.

opløsning 1: Brug et stort baggrundsbillede

brug et baggrundsbillede, der er stort nok til at fylde hele baggrunden på de fleste skærme.

fordele

• temmelig let

ulemper

• du vil aldrig aldrig hvor stor seernes skærm er, så billedet er muligvis ikke stort nok alligevel. Hvis du går til 1920h1200 vil du i det mindste dække de nuværende store bredskærm skærme.
• et andet problem er, at du virkelig ønsker, at bestemte dele af baggrunden skal være synlige, så sørg for, at disse er øverst til venstre på billedet.
• fordi din opløsning af baggrundsbilledet normalt er ret stort, kan det ikke hostes på mange populære billedhostingsider (dette inkluderer myspace selv og f.eks. flickr), fordi de har en maksimal grænse for opløsning, normalt omkring 1027h768. Så du bliver nødt til at være vært for billedet et andet sted, hvor opløsningen kan være større.
  lav en Google-søgning på “image hosting stor størrelse” for at finde hosting hjemmesider.

sådan

1. Upload et tilstrækkeligt stort baggrundsbillede (f.eks. 1920h1200) på et billedhostingsted, hvor store billeder er tilladt.
2. i din MySpace profil aktivere profilen > Tilpas profil.
3. Aktiver Udseende > Avanceret Redigering > Baggrund.
   • Indtast Url ‘ en til placeringen af det hostede billede, f.eks.http://www.yoururl.com/images/myspacebg.jpg
   • sørg for, at rulle med side er indstillet til nej, og
   • gentag er indstillet til gentag ikke.
4. Aktiver knappen Eksempel for at se resultatet. Hvis tilfreds aktivere knappen Udgiv.

opløsning 2: Foreløbig CSS3-understøttelse

de fleste bro.Serere i dag (forår 2009) understøtter ikke egenskaben CSS3-baggrundsstørrelse. Hvis de gjorde alle problemer med strakte baggrunde ville have været løst. Imidlertid har de fleste brugere, der bruger hjemmesiden, foreløbig støtte til ejendommen. Det gælder f.eks. Safari og Chrome.

fordele

• forholdsvis let
• kan bruge enhver billedstørrelse, f.eks. nogle af dine egne profilbilleder.
• gør korrekt størrelse strækker sig på baggrunden. Men kan ikke nødvendigvis se godt ud på en ultra bred skærm.

ulemper

• fungerer ikke i Internetudforsker og i mange andre bro.sere. Dette dækker de mest anvendte bro. sere, så det er en enorm ulempe.

sådan

1. i din MySpace-profil aktivere profilen > Tilpas profil.
2. aktiver udseende > CSS
3. Indtast følgende CSS-kode-udskift url ‘ en med placeringen af dit billede:

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

4. Aktiver knappen Eksempel for at se resultatet. Hvis tilfreds aktivere knappen Udgiv.

løsning 3: injicer Img-element

den sidste løsning, som igen ikke er perfekt, handler om at injicere et HTML-Img-element i din profil og derefter kontrollere dets position på siden, så den passer til bro.servinduet.

fordele

• kan arbejde med enhver billedopløsningsstørrelse, f.eks.

ulemper

• billedet ruller med siden, så baggrunden ikke er fast. Dette er en enorm ulempe.
• lidt kompleks at introducere i din profil.

sådan

1. i din MySpace-profil aktiver profil > Rediger Profil
2. på siden Rediger Profil aktiver om mig.
3. i afsnittet Om mig skal du indtaste følgende HTML-koder for at injicere Img-elementet, der henviser til dit baggrundsbillede. Src-attributten skal henvise til billedet.

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

1. Aktiver knappen Gem ændringer for at gemme dine ændringer.
2. aktiver profil > Tilpas profil
3. aktiver udseende > CSS
4. indtast (tilføj) følgende CSS-kode – som i det væsentlige vil placere det injicerede billede (identificeret af) for at passe ind i baggrunden som strakt:

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

5. Aktiver knappen Eksempel for at se resultatet. Hvis tilfreds aktivere knappen Udgiv.