✔ frage zu MYSPACE!

Status
Nicht offen für weitere Antworten.
K

kellerboxing

Grünschnabel
erstmal ne info:
myspace.com ist ne riesige community, in der jeder seine eigene "myspace-seite" bekommt. das design dieser seite kann man nach belieben durch eingabe von css code ändern.

nun suche ich einen code, mit dem ich mir einen banner ganz oben auf der seite positionieren kann, wie z.b. bei folgender "myspace-seite":

http://www.myspace.com/hamburgunefesi

hoffe, dass mir hier geholfen werden kann und bedanke mich im vorraus
 
Hi!

Erstmal eine Info: In diesem Forum wird großer Wert auf die Einhaltung der deutschen Rechtschreibung gelegt, dazu zählt u.a. auch die Groß- und Kleinschreibung - siehe hierzu Netiquette #15.

Wie sich mit CSS eine Grafik in ein Dokument einbinden lässt, kannst du im SELFHTML-Kapitel Hintergrundfarben und -bilder nachlesen.
 
Kennst Du Dich mit CSS-Coding aus ?

Im Grunde genommen kannst Du ein DIV erstellen, in welchem das Bild liegt, und dieses muss mit einem hohen z-index und Top:0px; ausgestattet sein.

Ist aber nicht im Sinne der MySpace-Macher, da die Banner nicht ausgeschaltet oder übertüncht werden dürfen. Kann also passieren, dass deren Seite einfach verschwindet.
Schade, ist aber so..

mfg chmee
 
Hi,

so am Rande: Ich würde dir von MySpace abraten.
Wenn du eine Homepage brauchst, geh doch zu Lycos oder Funpic. Da ist zwar Werbung, aber du kannst deinen Seite so gestalten, wie du willst.

pmx
 
Ich hab mir mal den Quellcode der beiden Seiten angeschaut und vermute, dass die Banner-Grafik via Javascript in das Dokument geladen wird, denn im Quellcode taucht nirgends das dazugehörige Grafikelement img auf, das auf eine andere Website verlinkt:

Code: 
<td style="height:96px; text-align:center; vertical-align:text-top;">
<script language="Javascript">  
 <!-- 
oas_ad("www.myspace.com/bandprofile,11021002","Frame1");
 //--> 
 </script>
</td>

Von daher solltest du dich vielleicht im Kontrollzentrum @myspace.com umschauen, ob es dort eine entsprechende Option zum Einbinden der Grafik gibt.
 
Hi,

ich schätze, die Grafik wird weiter unten im Dokument innerhalb des DIVs mit der Klasse topbanner absolut
positioniert eingebunden.
Code: 
<div class="topbanner"><a href="..."><img src="..." border="0"></a></div>
Das notwendige CSS steht einige Zeilen weiter oben:
Code: 
A IMG{ ... }

div.topbanner { ... }
Ciao
Quaese
 
Hi,

nachdem ich häufiger per PN gefragt wurde, wie ein individueller Header im Profil einer mySpace-Seite angezeigt werden kann, will ich diese Frage hier an zentraler Stelle beantworten.

Unbedingt zu beachten!
Bevor ich mit meinen Ausführungen beginne, möchte ich darauf hinweisen, dass das Überdecken der Anzeigen und Werbungen nicht gestattet ist (siehe Punkt 8.22 in den Bedingungen - http://www.myspace.com/index.cfm?fuseaction=misc.terms).

Prinzip
In eine Profiltextarea (z.B. Über mich) wird ein CSS-Bereich und ein HTML-Bereich eingefügt. Das CSS dient zum Positionieren und Formatieren des HTML-Bereichs. Der HTML-Bereich ist ein DIV, das absolut positioniert wird und den gewünschten Banner als Hintergrundbild enthält.

Vorgehensweise
Zunächst muss der Dokumentenkörper entsprechend vorbereitet werden. Hierzu wird mit Hilfe der CSS-Eigenschaft für den Aussenabstand (margin) die notwendige Distanz nach oben realisiert. Der Abstand entspricht der Höhe des Banners. So wird gewährleistet, dass keine Werbung überdeckt wird.
Code: 
body { margin: 200px 0 0;}  // Banner mit 200 Pixeln Höhe
Im nächsten Schritt wird das Bannerelement, das mit der ID bannerDiv ausgezeichnet ist, absolut an den oberen Dokumentenrand positioniert.
Um es zentriert anzuzeigen, wird es ausserdem horizontal zunächst um 50 Prozent verschoben. Anschliessend wird es mit Hilfe eines negativen linken Aussenabstand um seine halbe Breite endgültig mittig ausgerichtet.
Zu beachten ist, dass die Höhe dem Wert des oberen Dokumentenabstandes entspricht.
Zuletzt wird die gewünschte Grafik als Hintergrund in das Element eingebunden.
Code: 
.bannerDiv{ position: absolute;  // Absolut positionieren
            z-index: 99;  // Über den restlichen Inhalt legen
            top: 0;  // Ganz oben positionieren
            left: 50%;  // Um 50 Prozent horizontal verschieben
            margin-left: -400px;  // Um die halbe Breite nach links verschieben
            width: 800px;  // Breite
            height: 200px;  // Höhe
            background: url(http://www.domain.de/grafik.gif) 0 0 no-repeat;}  // Hintergrundgrafik
Der zugehörige HTML-Bereich besteht aus einem einfachen DIV-Element mit der ID bannerDiv.
Code: 
<div class="headDiv">&nbsp;</div>

Kompletter Code
Zusammenfassend nochmal der komplette Code, der in eine Profiltextarea (z.B. Über mich) eingetragen werden muss.
Code: 
<style>
body { margin: 200px 0 0;}  // Banner mit 200 Pixeln Höhe

.bannerDiv{ position: absolute;  // Absolut positionieren
            z-index: 99;  // Über den restlichen Inhalt legen
            top: 0;  // Ganz oben positionieren
            left: 50%;  // Um 50 Prozent horizontal verschieben
            margin-left: -400px;  // Um die halbe Breite nach links verschieben
            width: 800px;  // Breite
            height: 200px;  // Höhe
            background: url(http://www.domain.de/grafik.gif) 0 0 no-repeat;}  // Hintergrundgrafik (Domain zur Grafik anpassen)
</style>
<div class="headDiv">&nbsp;</div>
Quaese
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück