Hilfe:Stylesheets

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche


Willkommen in der Hilfe zu Stylesheets für Benutzer


Jeder angemeldete Benutzer kann seine eigenen Stylesheets erstellen, mit denen er das Aussehen der Stupidedia an seine Wünsche anpassen kann.

Was sind eigentlich „Stylesheets“?

Ein Stylesheet ist eine Sammlung von Informationen, mit denen man das Aussehen einer Internetseite verändern kann. Man kann Farben, Schriften, Größen und vieles mehr mit Stylesheets beeinflussen.

Aufbau von Stylesheets

Ein Stylesheet beinhaltet die Styleinformationen für einen Bereich oder für Gruppen von Bereichen innerhalb von geschweiften Klammern. Wenn man die selben Informationen für mehrere Elemente anwenden will, müssen sie mit einem Komma getrennt werden.

Dieses Beispiel zeigt, wie die Benachrichtigung über neue Nachrichten verändert wird:

.usermessage{
background:   #123456;
color:        #aabbff;
font-family:  Times New Roman;
border:       #ffffff dashed 5px;
font-size:    20px;
}

(Eine Liste mit vielen Befehlen gibt es in der Hilfe:Liste der ".css"-Befehle)

Wie erstelle ich sie

Jeder Benutzer kann seinen persönlichen Stylesheet erstellen. Gespeichert wird er (ähnlich wie bei Javascripts) in einem Unterverzeichnis der Benutzerseite. Stylesheets speichert man unter „Benutzer:xyz/vector.css“. Dort kann man die Styleinformationen speichern und anschließend wie oben auf der Seite beschrieben aktivieren.

Darstellen von Farben

Siehe: Hilfe:Liste der ".css"-Befehle

Wofür kann ich sie einsetzen?

Mit Hilfe von Stylesheets kann man fast jedes Element auf Stupidedia.org grafisch verändern.

Man kann z.B. eine andere Hintergrundfarbe verwenden, die Textfarbe ändern, andere Schriftarten verwenden oder die „Sie haben neue Nachrichten“-Message völlig umgestalten.

ACHTUNG!!!!!, in der nachfolgenden Tabelle sind fast alle nennenswerten Elemente aufgelistet. Dabei ist zu beachten, dass die Arten der Elemente (IDs und Klassen) jeweils anders angesprochen werden.

  • Bei einer Klasse ist vor den Namen immer ein. (Punkt) zu setzen.
  • Bei IDs muss ein # (Rautezeichen) davor gesetzt werden.
Element: Name: Art:
Hauptbereich content ID
Benachrichtigung (über neue Nachrichten) usermessage Klasse
Inhaltsverzeichnisse toc ID
Aufzählung der Kategorien eines Artikels catlinks ID
Reiter über dem Hauptbereich (alle)
Reiter über dem Hauptbereich (ausgewählte)
p-cactions li a
p-cactions li.selected a
ID

Worauf muss ich achten?

Wenn du eigene Stylesheets verwenden, werden diese Styleinformationen nicht für andere Benutzer angewandt. Daher kann es sein, dass (insbesondere, wenn du Schriftarten, Hintergrundfarben, e.t.c. veränderst) die Seite nicht so aussieht, wie es eigentlich sein sollte. Daher solltest du vor allem beim Ändern von Schriftarten vorsichtig sein.

Befehle

Eine Sammlung vieler Befehle befindet sich in der Hilfe:Liste der ".css"-Befehle!

Linktipps: Faditiva und 3DPresso