Gestrecktes Hintergrundbild in Ihrem MySpace-Profil

Gestrecktes Hintergrundbild in Ihrem MySpace-Profil

Sonntag, der 8. März 2009

Viele Menschen verbringen viel Zeit damit, ihr MySpace-Profil anzupassen. Es kann eine Menge Spaß machen. Eine der wiederkehrenden häufig gestellten Fragen ist, wie ein gestrecktes Hintergrundbild auf dem Profil zu erreichen. Ich habe das ein wenig untersucht und ein paar Lösungen gefunden. Keiner von ihnen ist leider vollkommen perfekt, aber sie können perfekt genug für Sie sein.

Beachten Sie, dass das Problem des gestreckten Hintergrunds nicht auf MySpace-Seiten beschränkt ist. Es ist ein allgemeines Problem für alle Webseiten. Dafür gibt es heute (Frühjahr 2009) keine wirklich gute Lösung. Wir müssen auf die Unterstützung der CSS3-Hintergrundgröße warten. Wenn Sie selbst die volle Kontrolle über die Webseite haben (was Sie nicht in MySpace-Profilen sind), gibt es Problemumgehungen, siehe z. About.com .

Alle folgenden Beschreibungen gehen davon aus, dass Sie MySpace Profile 2.0 verwenden.

Lösung 1: Verwenden Sie ein großes Hintergrundbild

Verwenden Sie ein Hintergrundbild, das groß genug ist, um den gesamten Hintergrund auf den meisten Monitoren auszufüllen.

Vorteile

• Relativ einfach

Nachteile

• Sie werden nie wissen, wie groß der Monitor des Betrachters ist, daher ist das Bild möglicherweise nicht groß genug. Wenn Sie sich für 1920×1200 entscheiden, decken Sie zumindest die aktuellen großen Breitbildmonitore ab.
• Ein weiteres Problem ist, dass Sie wirklich wollen, dass bestimmte Teile des Hintergrunds sichtbar sind, also stellen Sie sicher, dass diese im oberen linken Bereich des Bildes sind.
• Da Ihre Auflösung des Hintergrundbildes normalerweise ziemlich groß ist, kann es nicht auf vielen beliebten Bildhosting-Sites gehostet werden (dazu gehören myspace selbst und z. B. flickr), da diese eine maximale Auflösung haben, normalerweise etwa 1027 x 768. Sie müssen das Bild also an einem anderen Ort hosten, an dem die Auflösung größer sein kann.
  Machen Sie eine Google-Suche auf „image hosting large size“, um Hosting-Websites zu finden.

Gewusst wie:

1. Laden Sie ein ausreichend großes Hintergrundbild (z. B. 1920 x 1200) auf eine Bildhosting-Site hoch, auf der große Bilder zulässig sind.
2. Aktivieren Sie in Ihrem MySpace-Profil das Profil > Profil anpassen.
3. Darstellung aktivieren > Erweiterte Bearbeitung > Hintergrund.
   • Geben Sie die URL zum Speicherort des gehosteten Bildes ein, z. B. http://www.yoururl.com/images/myspacebg.jpg
   • Stellen Sie sicher, dass Scroll with page auf No und
   • Repeat auf Do not repeat .
4. Aktivieren Sie die Schaltfläche Vorschau, um das Ergebnis anzuzeigen. Wenn Sie zufrieden sind, aktivieren Sie die Schaltfläche Veröffentlichen.

Lösung 2: Vorläufige CSS3-Unterstützung

Die meisten Browser (Frühjahr 2009) unterstützen die Eigenschaft CSS3 background-size nicht. Wenn sie es getan hätten, wären alle Probleme mit gestreckten Hintergründen gelöst worden. Die meisten Browser, die die Webkit-Engine verwenden, haben jedoch vorläufige Unterstützung für die Eigenschaft. Das betrifft z.B. die Browser Safari und Chrome.

Vorteile

• Ziemlich einfach
• Kann jede Bildgröße verwenden, z. B. einige Ihrer eigenen Profilfotos.
• Passen Sie die Größe des Hintergrunds korrekt an. Aber kann nicht unbedingt gut aussehen auf einem Ultra-Wide-Monitor.

• Funktioniert nicht im Internet Explorer und in vielen anderen Browsern. Dies deckt die am häufigsten verwendeten Browser ab und ist daher ein großer Nachteil.

Wie

1. In Ihrem MySpace-Profil aktivieren Sie das Profil > Profil anpassen.
2. Darstellung aktivieren > CSS
3. Geben Sie den folgenden CSS-Code ein – ersetzen Sie die URL durch den Speicherort Ihres Bildes:

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

4. Aktivieren Sie die Schaltfläche Vorschau, um das Ergebnis anzuzeigen. Wenn Sie zufrieden sind, aktivieren Sie die Schaltfläche Veröffentlichen.

Lösung 3: Img-Element injizieren

Die letzte Lösung, die wiederum nicht perfekt ist, besteht darin, ein HTML-Img-Element in Ihr Profil zu injizieren und dann seine Position auf der Seite an das Browserfenster anzupassen.

• Kann mit jeder Bildauflösung Größe arbeiten, zB ein Bild aus Ihrem MySpace-Profil Alben.

• Das Bild scrollt mit der Seite, so dass der Hintergrund nicht festgelegt ist. Dies ist ein großer Nachteil.
• Ein bisschen komplex, um in Ihr Profil einzuführen.

So aktivieren Sie

1. In Ihrem MySpace-Profil Profil aktivieren > Profil bearbeiten
2. Auf der Seite Profil bearbeiten Über mich aktivieren.
3. Geben Sie im Abschnitt Über mich die folgenden HTML-Codes ein, um das Img-Element einzufügen, das sich auf Ihr Hintergrundbild bezieht. Das src Attribut sollte auf das Bild verweisen.

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

1. Aktivieren Sie die Schaltfläche Änderungen speichern, um Ihre Änderungen zu speichern.
2. Profil aktivieren > Profil anpassen
3. Erscheinungsbild aktivieren > CSS
4. Geben Sie den folgenden CSS-Code ein (fügen Sie ihn hinzu) – Dadurch wird das injizierte Bild (gekennzeichnet durch) im Wesentlichen so positioniert, dass es wie gestreckt in den Hintergrund passt:

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

5. Aktivieren Sie die Schaltfläche Vorschau, um das Ergebnis anzuzeigen. Wenn Sie zufrieden sind, aktivieren Sie die Schaltfläche Veröffentlichen.