brauche hilfe bei css (myspace layout)

eureka83 · 03.10.2009

Guten Abend erstmal,

ich versuche gerade krampfhaft ein myspace Layout zu erstellen aber irgendwie will das nicht so funtkionieren wie ich es gerne möchte.

der Code sieht bis jetzt so aus:

<style type="text/css">

div#leaderboard {padding-top:359px;
background-color: #000;
background-image: url(
background-repeat: no-repeat;
background-position: top center;}

body {
background-color: black !important;
background-image: url(
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;}
table, tr, td {
background-color: transparent; border:none;}

</style>

Der erste Part ist für den Header über der myspace-Werbung und soll in voller Größe dargestellt werden. (1680x359)

Der zweite Part ist für den Hintergrund, dieser soll direkt an den Header anschließen und natürlich auch in voller Größe dargestellt werden.

PS:
Ich versuche gerade erst mir etwas CSS beizubringen also bitte ich darum, das man es für einen Laien erklärt, sonst bringt es mit nichts

tbsklat · 03.10.2009

AW: brauche hilfe bei css (myspace layout)

also ich bin zwar kein programmierer aber ich habe noch nie ein div in einem css style gesehen.

chacki · 03.10.2009

AW: brauche hilfe bei css (myspace layout)

ich glaube in myspace brauchst du keine style Tags.

Die div tags sind sofern okay wenn du die divs von myspace ansprechen willst/kannst (?).

@tbsklat, wüsste nicht wie du sonst divs per css definieren willst

Oder mache ich was falsch?

BTW, löscht imageshack die Bilder nicht nach einer Zeit? Uppe sie lieber direkt auf myspace.

tbsklat · 03.10.2009

AW: brauche hilfe bei css (myspace layout)

Dachte immer divs kommen in html rein und definieren einen namen
und bei css spreche ich direkt den namen an und nicht
div#leaderboard

chacki · 03.10.2009

AW: brauche hilfe bei css (myspace layout)

HTML
<div id=bla>
bla
</div>

in der CSS definier ich dann die div wie z.b.:
div#bla {
margin-left:256291697837896px;
}

tbsklat · 03.10.2009

AW: brauche hilfe bei css (myspace layout)

Danke wieder mal was dazu gelernt

eureka83 · 04.10.2009

AW: brauche hilfe bei css (myspace layout)

wie gesagt, ich bin totaler Neuling auf diesem Gebiet und versteh auch jetzt immernoch nur bahnhof ^^

habe versucht mich an diesen Hilfen zu orientieren:
Design And Style Your Myspace 2.0

aber irgendwie bekomme ich es nicht ans laufen.

danke trotzdem schonmal für die vorhandene Hilfe (auch wenn ich es nicht wirklich verstehe)

chacki · 04.10.2009

AW: brauche hilfe bei css (myspace layout)

Code:

div#leaderboard {padding-top:359px;
background-color: #000;
background-image: url(http://img223.imageshack.us/img223/3...bgbanner.jpg);
background-repeat: no-repeat;
background-position: top center;}

body {
background-color: black !important;
background-image: url(http://img246.imageshack.us/img246/1820/lederbg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;}
table, tr, td {
background-color: transparent; border:none;}

Hast dus so schon probiert?

LSDreams · 02.11.2009

AW: brauche hilfe bei css (myspace layout)

geht das ganze nicht auch mit viel weniger text? so zb.?

Code:

div#leaderboard {padding-top: 359px;
background: #000000
url(http://img223.imageshack.us/img223/3...bgbanner.jpg)
no-repeat
top center;
}

body {
background-color: black !important;
background-image: url(http://img246.imageshack.us/img246/1820/lederbg.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: top center;}
table, tr, td {
background-color: transparent; border:none;}

mit body kenne ich mich nicht so aus, bin auch noch grad dabei css zu lernen aber wieso im body "table, tr, td"? "table" ist eine tabelle "tr" ist "tablerow" also eine tabellenreihe und "td" steht für "tabledata" aber du hast garkeine daten für die tabelle.. kenne das nur aus html so zb.:

Code:

<html>
   <head>
     <title>TEXT</title>
   </head>
   
   <body>
     <table>
       <tr>
         <td>Zelle1</td>
         <td>Zelle2</td>
       </tr>
       <tr>
         <td>Zelle3</td>
         <td>Zelle4</td>
       </tr>
     </table>
   </body
</html>

LSDreams · 02.11.2009

AW: brauche hilfe bei css (myspace layout)

ahrg garnicht.. td war zwar schon tabledata aber ka wofür das war, <li>Zelle</li> war's glaube ich also "li" für "list item".
aber wenn man meinen html code als html speichert und mit dem browser öffnet hat man eine tabelle, zwar ohne rand (border="x") aber mit den zellen und reihen.

Dennis Kovarik · 02.11.2009

AW: brauche hilfe bei css (myspace layout)

chacki schrieb:
ich glaube in myspace brauchst du keine style Tags.

Die div tags sind sofern okay wenn du die divs von myspace ansprechen willst/kannst (?).

BTW, löscht imageshack die Bilder nicht nach einer Zeit? Uppe sie lieber direkt auf myspace.

1.) Inwiefern keine Style-Tags? Wie willst du denn sonst die Klassen von MySpace (oder eigene) ansprechen? Die braucht man. Man kann also die Klassen/Id´s von MySpace ansprechen oder eigene Div´s erstellen!

2.) Nein, lad sie nicht auf MySpace, dort werden sie komprimiert und sehen sch..... aus. Mein Tipp: tinypic.com.

LSDreams schrieb:
geht das ganze nicht auch mit viel weniger text? so zb.?

Code:

div#leaderboard {padding-top: 359px; background: #000000 url(http://img223.imageshack.us/img223/3...bgbanner.jpg) no-repeat top center; } body { background-color: black !important; background-image: url(http://img246.imageshack.us/img246/1820/lederbg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: top center;} table, tr, td { background-color: transparent; border:none;}

mit body kenne ich mich nicht so aus, bin auch noch grad dabei css zu lernen aber wieso im body "table, tr, td"? "table" ist eine tabelle "tr" ist "tablerow" also eine tabellenreihe und "td" steht für "tabledata" aber du hast garkeine daten für die tabelle.. kenne das nur aus html so zb.:

Code:

<html> <head> <title>TEXT</title> </head> <body> <table> <tr> <td>Zelle1</td> <td>Zelle2</td> </tr> <tr> <td>Zelle3</td> <td>Zelle4</td> </tr> </table> </body </html>

Vergiss mal die Html-Struktur, die brauchst du auf MySpace nicht.
So ungefähr wirds aussehen für MySpace:

CSS:

Code:

<style>

{ Verschiebt den Header }

.clearfix {
position: relative;
margin-top: 450px;
margin-bottom: -420px;
z-index: 2;
}

{ Hintergrund Eigenschaften }

body {
color: 000000;
background-color: ffffff;
font-size: 14px;
}

table, tr, td { background-color: transparent; border: none; }

{ Positioniert den Header }

.myHeader {
position: absolute;
top: 0;
left: 50%;
margin-left: -400px;
width: 800px;
height: 400px;
background: url(http://www.host.de/myHeader.jpg) top center no-repeat;
z-index: 2;
}
</style>

DIV:

Code:

<div class="myHeader"></div>

Und das wars schon. Dies wäre jetzt der komplette Teil für einen Header in der Größe 800x400 und dementsprechend Platz über der Werbung. Kannst du dir jetzt dir jetzt dementsprechen anpassen.

<style> wird ohne type="text/css" geschrieben (auf MySpace).
Wenn du eigene Div´s erstellst nur class, keine id (s. Beispiel).
Farben werden ohne # angegeben.

Das wars im groben. Falls Rückfragen sind, einfach melden.

Gruß
//dns

Edit: Wenn dir die Ordnung egal ist, kannst auch alles Inline deklarieren, ohne ein Stylesheet z.B.:

Code:

<div style="position: absolute; top: 0; left: 50%; margin-left: -400px; width: 800px; height: 400px; background: url() top center no-repeat; z-index: 2;"></div>