MySpace Layout Code schreiben..

Amin36 · 06.01.2010

Hallo,
mittlerweile sehe ich das auf MySpace fast jeder den Code so geschrieben hat das die Sachen wie "Add", "Mail", der Musikplayer und all sowas woanders platziert sind..

Und nun die Frage der Fragen..
..wie bekomme ich sowas hin ?

Ich habe damals immer einen Code gehabt wo ich die Maße der Grafiken wusste und nurnoch die Grafiken hochladen musste und in den Code einfügen musste, kurz die schriftfarbe ändern und das wars dann auch..

Aber das ist jetzt ein bisschen zu groß geworden und ich verstehe nurnoch "Bahnhof".. :'(

Also wäre sehr nett wenn mir jemand das ganze ein wenig erklären könnte.
So schwer kann es ja nicht sein.

Hier mal ein paar Beispiele :
Hamad Sherif SCHWEIGEMINUTEN AM 28.12.09 bei MySpace Music - Kostenlos MP3s anhören, Bilder & Musikvideos ansehen
DaPharao NEUER TRACK!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! bei MySpace Music - Kostenlos MP3s anhören, Bilder & Musikvideos ansehen

Und So sieht aktuell meins aus.. :

Vielen Dank im Vorraus..
Amin.

Quabbe · 06.01.2010

AW: MySpace Layout Code schreiben..

Die Seite im ersten Beispiel beinhaltet neben Tabellenlayout, Framesets und Flashelementen ja alles, was der Browser hergibt.

Ich hab zwar keine Ahnung, was myspace ist (Namen immerhin schonmal gehört - sowas wie StudiVZ?), aber generell würde ich sagen, daß für solche Seiten wie im Beispiel schon umfangreichere HTML Kenntnisse erforderlich sind. Oder ein entsprechender Editor.

Ach ja, beim Stöbern auf Deiner Seite fiel mir dieses Fundstück vor die Nase: "Da die Banner und anderen Grafiken mir von MySpace so zusagen aufgezwungen werden..." Wenn sie Dir zusagen und dabei auch noch aufgezwungen wurden, ist doch eigentlich alles im Lot.

Grüße,
Quabbe

Zero-PSD · 06.01.2010

AW: MySpace Layout Code schreiben..

Du kannst dir ja zum Spaß so ein fertiges Template einbauen und dir anschließend den Code anschauen, sollte weiterhelfen.

Um dein Vorhaben umzusetzen kommst du an Kenntnissen von (X)HTML, CSS und PHP nicht vorbei, also diese Sachen sollten schon mal bekannt sein

Amin36 · 06.01.2010

AW: MySpace Layout Code schreiben..

Das ding ist ja das sie mir NICHT gefallen..

Und ich sie am liebsten weg hätte.

Im Endeffekt kann man es mehr oder weniger mit StudiVZ vergleichen, nur das man ein eigenes Profil hat was man mit CSS und allem Gestalten kann.

Das Problem ist das ich keine Ahnung von den Codes an sich habe und immer zufrieden war das ich es auch ohne das eigene schreiben eines Codes geschafft habe..

Mein Vater hat kenntnisse mit dem Programmieren aber hat sich auch leider noch nicht mit CSS beschäftigt und erstellt seine internet-seite mit Dreamweaver und gut ist..

Daher hofe ich ja drauf das mir hier jemand helfen kann der ahnung davon hat.

Mit geht es im Endeffekt darum den Bereich oben.. über dem Banner frei gestalten zu können und alles dort positionieren zu können damit das endergebnis von der anordnung so wie im Beispiel oder hier gleich aussieht :

Dexus Designs bei MySpace Music - Kostenlos MP3s anhören, Bilder & Musikvideos ansehen

Zero-PSD · 06.01.2010

AW: MySpace Layout Code schreiben..

Ich denke mal, dass dies ein Forum ist, was dir gerne auf "deinem" Weg zum eigenen Template hilft, jedoch wird dir hier keiner ein Design (kostenlos) anfertigen..

Amin36 · 06.01.2010

AW: MySpace Layout Code schreiben..

Hahaha..
Nein nein.. ich erwarte keineswegs das mir jemand hier alles fertig macht und am besten alles grafische auch noch erstellt.

Ich meinte nur das ich keine ahnung davon habe und die frage ist wie ich sowas am einfachsten selbst erstellen kann.. :rolleyes:

Zero-PSD · 06.01.2010

AW: MySpace Layout Code schreiben..

Na, den Einstieg kannst du dir an folgenden Stellen holen:

Ein wenig Zeit wirst du sicherlich auch mitbringen müssen, das alles lernt man nicht mal eben auf die Schnelle..

Amin36 · 06.01.2010

AW: MySpace Layout Code schreiben..

Puuhhh... okay dann hab ich die nächsten Wochen ja erstmal zu tun.

zutrinken · 06.01.2010

AW: MySpace Layout Code schreiben..

Hi,
wenn du dein Profil richtig verändern willst lad dir am besten das "Webdeveloper-Kit" für den Firefox.
Dann kannst du alle Klassen aller Module, wie Kommentare, Freunde, Kontakt, etc. anzeigen lassen.
Wenn du dann die Bezeichnung hast kannst du mittels CSS ALLES Verändern!

Wenn das zu kompliziert ist (für professionelle Layouts aber unabdingbar)...
...schau dir den Blog mal an! ....der liefert dir einen sehr guten Einstieg!

mfG

nickido · 06.01.2010

AW: MySpace Layout Code schreiben..

Hey,
hast du dir erst vor Kurzem ein Profil zugelegt?
MySpace hat nämlich einen neuen Profil-Editor eingefügt (Profil 2.0).
Das Blöde ist nur, dass du viel weniger Freiheiten hast.

Wenn du schon seit längerem dein Profil hast, habe ich dir hier mal einen Code:

Code:

 <style>
   body {margin-top: 600;}
   
  div.header {
  position: absolute;
  top: 5%;
  left: 53%;
  margin-left: -425px;
  width: 800px;
  height:533px;
  </style>
   <div class="header"><center>
   <img src="bild.jpg" width="800" height="533" alt="WELCOME" />
   </center></div>

Den kannst du einfach unter Biografie, o.ä. einsetzen

Amin36 · 06.01.2010

AW: MySpace Layout Code schreiben..

Sooo..
Ich habe mich jetzt mal ein wenig durch's netz gewühlt und habe langsam ein bisschen den durchblick was in etwa was bewirkt und womit zusammenhängt und muss sagen.. so schwer sieht es garnicht aus..

Aber jetzt zum ernst der lage..
..ich finde unendlich von Layouts die genau wie meins oder schlechter aufgebaut sind aber das was mir fehlt ist das ich elemente woanders anordnen kann..

Und das ist eigendlich auch mein Ziel.

Ich möchte Add, Mail und was weiß ich wie bei dem oben genannten Beispiel von Hamad oder Khaled haben..
Und natürlich auch den rest ein bisschen anders anordnen wie z.B. den Musik Player..

Aber irgendwie finde ich da keine direkte anlaufstelle für.

Mein Layout Code ist ja soweit vorhanden.. nur müsste ich wissen wie ich diesen umschreiben mussdamit dies so aussieht

nickido · 06.01.2010

AW: MySpace Layout Code schreiben..

Schau mal hier:

MySpace Foren

oder das habe ich gerade auf einer anderen Seite gefunden:

Code:

 Die farbige Zahlen anpassen und in Safe Mode am 'Ende' von "BIO" einfügen.

<style>
.KhAk {move player}
td td embed, td td object {position:absolute;left:50%; z-index:9; 
top:[COLOR=#FF0000]600px[/COLOR]; margin-left:[COLOR=#FF0000]-200[/COLOR]px;}
.K {Fix The Position Of Other Embeds}
td td td embed, td td td object {position:static; margin-left:[COLOR=#FF0000]0[/COLOR]px;}
</style>

Amin36 · 06.01.2010

AW: MySpace Layout Code schreiben..

Hahahaha.. auch gut.
Habe es eben mal am ende meines Layout Codes eingefügt, also so wie es ist um es zu testen und jetzt ist der Player komplett weg.

EDIT : Bin mit Firefox 3.5.7 unterwegs..

Amin36 · 06.01.2010

AW: MySpace Layout Code schreiben..

Soo hab es eben nochmal im IE versucht und da taucht der Player auf bis die Seite komplett gelade nist und danach verschwindeter wieder komplett..

Mal an dne zahlen spielen oder was jetzt.. ?!

nickido · 06.01.2010

AW: MySpace Layout Code schreiben..

probierst mal ohne .k und .KhAk

Code:

<style>
td td embed, td td object { position: absolute; top: 398px; left: 209px; }
td td td embed, td td td object { position: static !important; }
</style>

ansonsten weiß ich nicht weiter

Amin36 · 06.01.2010

AW: MySpace Layout Code schreiben..

Sooo...
Habe es jetzt mal mit anderen Zahlen probiert und tatsächlich.

Der Player wandert woanders hin, aber verschwindet wenn die ganze Seite geladen ist..

Jetzt müsste man wissen ob es einen Befehl oder so gibt das er alles andere überdeckt..

nickido · 06.01.2010

AW: MySpace Layout Code schreiben..

das macht man normalerweise mit visibility:hidden bei den jeweiligen Elementen

Amin36 · 06.01.2010

AW: MySpace Layout Code schreiben..

Jetzt im Ernst.. :eek:

Das heißt ich muss jedes einzelne Feld in der Umgebung ansteuern und sagen das der Player drüber sein soll..?

Kann ich nicht einfach dem Player sagen das er die höchste Priorität hat und egal wo er ist, er darf drüber stehen.. ?!

Ich teste immer direkt auf der Seite.. also selbst nach zu verfolgen unter :

EDIT :
Mir ist grad eingefallen das mein IE und Flash Player noch aus der Steinzeit sind.. (Windows 2000 Professional ohne Updates)

Ist halt nicht mein PC..
Ich kann nachher ja nochmal an mein Notebook gehen und dort schauen ob er dort auch immer verschwindet..

Quabbe · 06.01.2010

AW: MySpace Layout Code schreiben..

Versuchs mal mit z-index, also z.B.: { z-index:8; }
Solange auf Deiner Seite kein höherer z-index auftaucht, sollte dieses Element immer im Vordergrund liegen.

Grüße,
Quabbe

zutrinken · 06.01.2010

AW: MySpace Layout Code schreiben..

mit z-index funktionierts! nimm aber keine hohen Werte....die verweigert Myspace!
für den IE kannst du zusätzliche CSS anlegen indem du einach einen Unterstrich davor machst.

Bsp.:
.xxx{
padding-left: -300px;
_padding-left: -200px; (dies gilt jetzt nur für den IE)
}