[Likwit]

Hallo Mädels und Junx!

Ich hab (wie nahezu jeder andere auch) eine Myspace-Seite. Über meine Signatur kann man die anschauen. Ich hab die Optik soweit mit einem Editor angepasst, nur bei einer Sache komme ich nicht weiter:

Ich möchte, dass die ganzen Tabellen, der Player, die Suchleiste usw. erst ab da anfangen wo das Hintergrundbild schwarz wird. Sprich, dass man wenn man auf die Seite kommt zuerst das Hintergrundbild sieht und dann ein kleines Stückchen scrollen muss um den Rest zu sehen.
Sicher gibt es da ein ein einfaches Codestückchen...aber ich komm nicht drauf und hab auch keine Ahnung von HTML und Co. Wer wäre so nett und würde mir sagen wo ich da was ändern muss? Die genauen Zahlenwerte würd ich per rumprobieren herausbekommen.

Hier der bisherige Code:

Spoiler:

<div><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="240" width="300" style="width:300px;height:240px;" align="middle" data="http://www.imageloop.com/looopSlider2.swf?id=a28da493-8f42-1361-96eb-0015c5fcf618&c=01,01,02,01">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.imageloop.com/looopSlider2.swf?id=a28da493-8f42-1361-96eb-0015c5fcf618&c=01,01,02,01" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="l" />
<param name="wmode" value="transparent" />
</object></div></div>

<style type="text/css">
body {background-color:000000; background-image:url(http://www1.picfront.org/picture/xSn...g/EEtest.jpg); background-positionop Center; background-attachment:scroll; background-repeat:no-repeat;}
Table, Td { background-color:transparent; border-style:none; }
table table td { width:100%; }
table table table table td { width:auto; }
table table table {background-color:000000; background-image:url(http://www1.picfront.org/picture/KnO...mg/EEtab.jpg); background-positionop Center; background-repeat:no-repeat; border-color:669999; border-styleotted; border-width:2px; padding:4px;}
table table table table{ background-image:none; background-color:transparent; border-style:none; }

.orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext {color:99CCCC; font-size:12pt; font-style:normal; font-family:,arial,verdana,sans-serif;} body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:FFFFFF; font-size:8pt; font-style:normal; font-family:,arial,verdana,sans-serif;}
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited {color:CCFFFF; font-size:10pt; text-decoration:underline; font-style:normal; font-family:,arial,verdana,sans-serif;}
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active {color:FFFFFF; font-size:10pt; text-decoration:underline; font-style:normal; font-family:,arial,verdana,sans-serif;}
</style><br><br>






<style type="text/css">.latestBlogEntry {display:none;}</style>

Vielen Dank!

[ZCW]

PHP-Code:

.navigationBar table {margin-top:100px;} 


oder

PHP-Code:

.navigationBar table {margin-bottom:100px;} 


So machst du von der oberen Leiste einen 100 Pixel Abstand, den Wert kannst du natürlich erhöhen.

Beim ersten (margin-top) schiebst du die Links Mein MySpace usw. auch herunter, bei bottom schiebst du alles unter diesen Links herunter!

[Likwit]

Super, danke für die schnelle Hilfe! Gulli @ it´s best!
Jetzt bleibt leider noch die Search-Bar + Google-Logo oben stehen.
Mein aktueller Code mit deinem Zusatz sieht jetzt so aus:

Spoiler:

<style type="text/css">

body div table tbody tr td font {visibility:hidden;}
.navigationBar table {margin-top:600px;}
body {background-color:000000; background-image:url(http://www1.picfront.org/picture/xSn...g/EEtest.jpg); background-positionop Center; background-attachment:scroll; background-repeat:no-repeat;}
Table, Td { background-color:transparent; border-style:none; }
table table td { width:100%; }
table table table table td { width:auto; }
table table table {background-color:000000; background-image:url(http://www1.picfront.org/picture/KnO...mg/EEtab.jpg); background-positionop Center; background-repeat:no-repeat; border-color:669999; border-styleotted; border-width:2px; padding:4px;}
table table table table{ background-image:none; background-color:transparent; border-style:none; }

.orangetext15, .lightbluetext8, .whitetext12, .nametext, .btext, .redtext, .redbtext {color:99CCCC; font-size:12pt; font-style:normal; font-family:,arial,verdana,sans-serif;} body, div, p, strong, td, .text, .blacktext10, .blacktext12, a.searchlinkSmall, a.searchlinkSmall:link, a.searchlinkSmall:visited { color:FFFFFF; font-size:8pt; font-style:normal; font-family:,arial,verdana,sans-serif;}
a, a:link, a:visited, a.navbar, a.navbar:link, a.navbar:visited, a.man, a.man:link, a.man:visited {color:CCFFFF; font-size:10pt; text-decoration:underline; font-style:normal; font-family:,arial,verdana,sans-serif;}
a:hover, a:active, a.navbar:hover, a.navbar:active, a.man:hover, a.man:active, a.searchlinkSmall:hover, a.searchlinkSmall:active {color:FFFFFF; font-size:10pt; text-decoration:underline; font-style:normal; font-family:,arial,verdana,sans-serif;}
</style><br><br>



<div><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="240" width="300" style="width:300px;height:240px;" align="middle" data="http://www.imageloop.com/looopSlider2.swf?id=a28da493-8f42-1361-96eb-0015c5fcf618&c=01,01,02,01">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://www.imageloop.com/looopSlider2.swf?id=a28da493-8f42-1361-96eb-0015c5fcf618&c=01,01,02,01" />
<param name="quality" value="high" />
<param name="scale" value="noscale" />
<param name="salign" value="l" />
<param name="wmode" value="transparent" />
</object></div></div>

Im Netz gibts unzählige Code-Schnipsel die die Suchfunktion eigtl. verstecken sollten, aber bisher hat kein einziger davon funktioniert. Mir würde es auch reichen, wenn die Suche ebenfalls nach unten rutscht.
(wie hier zum Bsp: http://www.myspace.com/widdlemethis)

Haste da auch noch nen Tipp?

[ZCW]

Das machen alle irgend wie anders, ich kenne keine Allgemein Lösung.

Einige machen eine Klasse mit einem großen Background (eben die Grafik oben) und klopfen dann selber einen <div> rein.

Da kannst du nur bei anderen abgucken und rumprobieren.

[Likwit]

Ähm, ich hab zwar nur die Hälfte verstanden aber trotzdem riesen Dank für die Hilfe.
Werd´s schon irgendwie hinbekommen.