Stretched background image in your MySpace profile

Stretched background image in your MySpace profile

zondag 8 maart 2009

veel mensen besteden veel tijd aan het aanpassen van hun MySpace-profiel. Het kan heel leuk zijn. Een van de terugkerende veelgestelde vragen is hoe je een gestrekte achtergrondafbeelding op het profiel te bereiken. Ik heb dit een beetje onderzocht en vond een paar oplossingen. Geen van hen zijn helaas volledig perfect, maar ze kunnen perfect genoeg voor u.

merk op dat het gestrekte achtergrondprobleem niet beperkt is tot MySpace-pagina ‘ s. Het is een algemeen probleem voor alle webpagina ‘ s. Er is geen echt goede oplossing voor dit vandaag (voorjaar 2009). We zullen moeten wachten op CSS3 background-size property ondersteuning. Als je zelf volledige controle hebt over de webpagina (die je niet in MySpace-profielen hebt), dan zijn er tijdelijke oplossingen, zie bijv. About.com.

alle volgende beschrijvingen gaan ervan uit dat u MySpace Profile 2.0 gebruikt.

oplossing 1: Gebruik een grote achtergrondafbeelding

gebruik een achtergrondafbeelding die groot genoeg is om de hele achtergrond op de meeste monitors te vullen.

voordelen

• vrij eenvoudig

nadelen

• u zult nooit nooit hoe groot de kijker is, dus de afbeelding is misschien toch niet groot genoeg. Als je gaat voor 1920×1200 zul je op zijn minst betrekking hebben op de huidige grote breedbeeldschermen.
• een ander probleem is dat u echt wilt dat specifieke delen van de achtergrond zichtbaar zijn, dus zorg ervoor dat deze zich linksboven in de afbeelding bevinden.
• omdat uw resolutie van de achtergrondafbeelding meestal vrij groot is, kan deze niet worden gehost op veel populaire image hosting sites (Dit geldt ook voor myspace zelf en bijvoorbeeld flickr), omdat ze een maximale resolutie hebben, meestal ongeveer 1027×768. Dus je moet de afbeelding ergens anders hosten waar de resolutie groter kan zijn.
  Zoek op Google naar “image hosting large size” om hostingwebsites te vinden.

hoe

1. een voldoende grote achtergrondafbeelding (bijvoorbeeld 1920×1200) uploaden naar een image hosting site waar grote afbeeldingen zijn toegestaan.
2. activeer in uw MySpace profiel Het Profiel > Profiel aanpassen.
3. Activeer Uiterlijk > Geavanceerd Bewerken > Achtergrond.
   • Voer de Url naar de locatie van de gehoste afbeelding in, bijvoorbeeld http://www.yoururl.com/images/myspacebg.jpg
   • zorg ervoor dat bladeren met pagina is ingesteld op nee en
   • herhalen is ingesteld op niet herhalen.
4. Activeer de Preview-knop om het resultaat te bekijken. Als u tevreden bent, activeert u de knop Publiceren.

oplossing 2: Voorlopige CSS3-ondersteuning

de meeste browsers van vandaag (voorjaar 2009) ondersteunen de eigenschap CSS3 background-size niet. Als ze dat deden, waren alle problemen met uitgerekte achtergronden opgelost. Echter de meeste browsers met behulp van de WebKit engine heeft voorlopige ondersteuning voor het pand. Dat geldt bijvoorbeeld voor de browsers Safari en Chrome.

voordelen

• vrij eenvoudig
• kan elke afbeeldingsgrootte gebruiken, bijvoorbeeld enkele van uw eigen profielfoto ‘ s.
• pas de juiste grootte aan op de achtergrond. Maar ziet er niet per se goed uit op een ultrabrede monitor.

nadelen

• werkt niet in Internet Explorer en in veel andere browsers. Dit geldt voor de meest gebruikte browsers, dus het is een groot nadeel.

How to

1. activeer het profiel > Profiel aanpassen.
2. Activeer uiterlijk > CSS
3. Voer de volgende CSS-code in-vervang de url door de locatie van je afbeelding:

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

4. Activeer de Preview-knop om het resultaat te bekijken. Als u tevreden bent, activeert u de knop Publiceren.

Oplossing 3: injecteer Img-element

de laatste oplossing, die ook weer niet perfect is, gaat over het injecteren van een HTML Img-element in uw profiel en controleer vervolgens de positie op de pagina om in het browservenster te passen.

voordelen

• kunnen werken met elke afbeeldingsresolutie, bijvoorbeeld een afbeelding van uw MySpace-profielalbums.

nadelen

• de afbeelding schuift met de pagina, zodat de achtergrond niet vast is. Dit is een enorm nadeel.
• een beetje complex om in uw profiel te introduceren.

How to

1. in your MySpace profile activate Profile > Edit Profile
2. op de pagina Profiel Bewerken activate About Me.
3. voer in de sectie Over mij de volgende HTML-codes in om het Img-element te injecteren dat naar uw achtergrondafbeelding verwijst. Het src attribuut moet verwijzen naar de image.

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

1. Activeer de knop Wijzigingen opslaan om uw wijzigingen op te slaan.
2. Activeer profiel > pas profiel aan
3. Activeer uiterlijk > CSS
4. Voer de volgende CSS – code in (toevoegen) – die in wezen het geïnjecteerde beeld (geïdentificeerd door) zo plaatst dat het in de achtergrond past als uitgerekt:

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

5. Activeer de Preview-knop om het resultaat te bekijken. Als u tevreden bent, activeert u de knop Publiceren.