Grundlagen des myspace-Designs

[Max_Hugo]

Wer ein neues myspace-Konto erstellt hat, ist erstmal enttäuscht: ein hässliches Aussehen der Seite und kein Editor in Sicht. Wie bekommen die Anderen nur diese wunderschönen Seiten hin?
Wenn man dann anfngt zu googeln findet man viele Generatoren, die einem Codes ausspucken, die das Seitenlayout ändern. Diese Seiten haben aber entscheidende Nachteile. Oft funktionieren die Codes nicht, das Design ist teilweise langweilig und einfallslos, man hat überall Verlinkungen der Generatoren-Seite, die das Aussehen wieder sehr billig wirken lassen.
Außerdem: Wie funktionieren diese Codes eigentlich?

Diese kryptischen Texte sind sogenannte css-Codes. Eine myspace-Seite wird in HTML (Hyper Text Markup Language) geschrieben. HTML ist neben php eine gängige Internetseiten-Programmiersprache.
Das grundlegende Prinzip ist folgendes:
In der Datei steht der Text, zum Beispiel:

--> Deutsches myspace-Forum! Hier wird geholfen! <--

Dieser Text erscheint dann ganz normal im Browser-Fenster.
Doch dazu gibt es noch viele Formatierungsmöglichkeiten. Um einen Text zu formatieren muss man ihm den Befehl dazu geben. Wenn man den Text oben also fett haben will, dann sieht das wie folgt aus:

--> <b> Deutsches myspace-Forum! Hier wird geholfen! </b> <--

Im Browser:

--> Deutsches myspace-Forum! Hier wird geholfen! <--

Die Zeichenfolge "<b>" zeigt an, dass der folgende Text fett ausgegeben wird, "</b>" beendet das wieder.

Neben fett gibt es noch unzählige andere Möglichkeiten. Wenn man aber verschiedene Textstellen auf die selbe Art und Weise formatieren will, dann wird es schnell sehr umständlich, jede Stelle mit x-verschiedenen Codes zu beeinflussen. An dieser Stelle kommt css ins Spiel.
In einer css-Datei steht die komplette Formatierung für eine Textpassage drin. Das heißt, es wird festgelegt, dass alle Stellen, die man als "fettertext" deklariert, fett ausgegeben werden.
In der css-Datei:

--> fettertext {font-weight:bold;} <--

Jetzt sagt man dem Text auf der HTML-Seite einfach, dass er "fettertext" ist:

--> <fettertext> Deutsches myspace-Forum! Hier wird geholfen! </fettertext> <--

Und dann erscheint folgendes im Browser:

Deutsches myspace-Forum! Hier wird geholfen!

Und was hat das jetzt mit myspace zu tun? Ganz einfach: Alles, was man macht, ist, in den "Über mich", bzw. "Biografie"-Teil auf die css-Datei zuzugreifen. Man sagt Tabellen, welche Hintgerundfarbe sie haben, ob der Online-Status-Text der Freunde angezeigt wird, wie der Namenstext aussieht und so weiter.
Wer dieses Prinzip ausnutt, kann mit ein wenig Aufwand sehr schön anzuschaunde Seiten erstellen.



Anregungen, Kritiken und Vorschläge sind gern erwünscht!