Hilfe:Stylesheets: Unterschied zwischen den Versionen

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche
K (Aufbau von Stylesheets)
K (Aufbau von Stylesheets: dummer Fehler...)
Zeile 12: Zeile 12:
 
<pre>
 
<pre>
 
.usermessage{
 
.usermessage{
background: #123456;
+
background:   #123456;
color:     #aabbff;
+
color:       #aabbff;
font-face:  Times New Roman;
+
font-family:  Times New Roman;
border:     #ffffff dashed 5px;
+
border:       #ffffff dashed 5px;
font-size: 20px;
+
font-size:   20px;
 
}
 
}
 
</pre>
 
</pre>

Version vom 6. Oktober 2006, 18:19 Uhr

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 beinahltet die Styleinformationen für einen Bereich oder für Gruppen von Bereichen innerhalb von geschweiften Klammern. Wenn man die selben Informationen für mehrere Elementa 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 einen persönlichen Stylesheet erstellen. Gespeichert wird er (ähnlich wie bei Javascripts) in einem Unterverzeichnis der Benutzerseite. Stylesheets speichert man unter "Benutzer:xyz/monobook.css". Dort kann man die Styleinformationen speichern und anschließend wie oben auf der Seite 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 (Nummern und Klassen) jeweils anders angesprochen werden.

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

Worauf muss ich achten?

Wenn sie eigene Stylesheets verwenden, werden diese Styleinformationen nicht für andere Benutzer angewandt. Daher kann es sein, dass (Insbesondere, wenn sie Schriftarten, Hintergrundfarben, e.t.c. verändern) die Seite nicht so aussieht, wie es eigentlich sein sollte. Daher sollten sie 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