3x bewertet

MySpace Layouts individuell gestalten

von Yaaaaan  |  05.06.2007 um 14:45 h
Tutorial bearbeiten Tutorial löschen
Layout
Typ: Layout
Stufe:Mittel
Also ich persöhnlich hatte immer das Problem, dass sich MySpace nie so gestalten lassen wollte, wie ich das gerne hätte, da ich auch mal gerne ein anderes Layout haben wollte als das Standart blau Design. Deswegen erkläre ich kurz einfach mal die kürzel *kihaha*

Profil bearbeiten > Über mich (damit jeder weiß, wo ich mich befinde)



.navigationBar {
position:absolute! important;
top: 0 px! important;
left: 100 px! important;

}


.navigationBar - Das ist der Code der in die style datei eingefügt werden kann, der die Position der Leiste ändert, inder sich Links wie MeinMySpace, Music etc. befinden. 0 Diese Zahl verändert den Abstand zum Brower nach obem um 0 Pixel, einfach zahl ändern ;) 100 Die Zahl ändert den Abstand zum Browser links.

========

.profileInfo{
position:absolute! important;
top: 300px! important;
left: 50px! important;
}

Dieser Befehl ändert die Position des Feldes, indem sich dein Bild und die Vorschau-Funktion befindet. Bei den zahlen gilt gleiches wie oben.

========

.contactTable{
position:absolute! important;
top: 600px! important;
left: 50px! important;
}

Dies ist die Box in der die Links wie 'Add' oder 'Mail' stehen.

==========

.intrestsAndDetails{
position:absolute! important;
top: 800px! important;
left: 50px! important;
}


Dies ist die Box in der eure Favoriten und Interessen stehen.

===========


.latestBlogEntry{
position:absolute! important;
top: 620px! important;
left: 110px! important;

}

Dies ist die Box die die Links zu euren letzen Blog Einträgen anzeigt.

==========

.friendSpace{
position:absolute! important;
top: 900px! important;
left: 200px! important;
}

Diese Box ist die, die eure "Top-Freunde" anzeigt.

=========

.blurbs{
position:absolute! important;
top: 100px! important;
left: 110px! important;
width: 790px! important;
}

Dies ist die Box die euren benutzertext, den ihr am Ende eingeben könnt, anzeigt,... wichtig ist, dass ihr hier die Breite = width mit angebt!

===========

.friendsComments{
position:absolute! important;
top: 598px! important;
left: 460px! important;
}

Diese Box ist für die Kommentare euere Freunde zuständig!

===========

Jetzt könnt ihr alles so hin und herschieben, bis es euer Layout, wie ihr es haben wollt ergibt! Den rest muss man einfach ein bisschen mit HTML einfügen ;)

WICHTIG Wenn ihr ganze textboxen verschwinden lassen wollt, fügt nach dem left-Wert einfach folgenden Code ein:

height: 0px! important;
display: block! important;
visibility: hidden! important;

ich hoffe, dass das Tut euch helfen kann ^^



6 Kommentare




Delite

hab zwar nicht myspace aber hört sich interessant an :)
danke für des tut.
am 05.06.2007 um 15:07 Uhr


ja is halt ganz nützlich wenn man sowas bearbeiten will,... Smilie werde denk ich auch nochn tut bei layouts step by step erklärn ^^
am 05.06.2007 um 20:56 Uhr


roxxon

funzt bei mir nicht :(
am 10.06.2007 um 10:55 Uhr


Was genau funktioniert bei dir nich?
am 12.06.2007 um 23:13 Uhr


Delite

schönes tut, doch nutze doch mal den code-tag für die css-codes o_0
am 18.06.2007 um 12:11 Uhr


ich liebe dich dafür '___'
am 02.02.2008 um 16:25 Uhr