Hilfe:Stylesheets: Unterschied zwischen den Versionen

Aus Stupidedia, der sinnfreien Enzyklopädie!
Wechseln zu: Navigation, Suche
K (hihi, meins)
 
(update)
Zeile 1: Zeile 1:
 
{{Inuse|Lt. Simpson}}Willkommen in der Hilfe zu Stylesheets für Benutzer.
 
{{Inuse|Lt. Simpson}}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"?==
 +
 +
==Aufbau von Stylesheets==
 +
Ein Stylesheet beinahltet die Styleinformationen für jeden 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:
 +
<pre>
 +
.usermessage{
 +
background: #123456;
 +
color:      #aabbff;
 +
font-face:  Times New Roman;
 +
border:    #ffffff dashed 5px;
 +
font-size:  20px;
 +
}
 +
</pre>
 +
''(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 [[Hilfe:Javascripts|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 graphisch 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 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.
 +
 +
{|id="Elemente" style="background: #6200ff;" width="70%"
 +
|style="background: #629dff; font-size: 16px;"|Element:
 +
|style="background: #629dff; font-size: 16px;"|Name:
 +
|style="background: #629dff; font-size: 16px;"|Art:
 +
|-style="background: #62c4ff;"
 +
|Hauptbereich
 +
|content
 +
|Name
 +
|-style="background: #62c4ff;"
 +
|Benachrichtigung ''(über neue Einträge Nachrichten)''
 +
|usermessage
 +
|Klasse
 +
|-style="background: #62c4ff;"
 +
|Inhaltsverzeichnisse
 +
|toc
 +
|Name
 +
|-style="background: #62c4ff;"
 +
|Aufzählung der Kategorieen eines Artikels
 +
|catlinks
 +
|Name
 +
|-style="background: #62c4ff;"
 +
|Reiter über dem Hauptbereich (alle)<br>Reiter über dem Hauptbereich (ausgewählte)
 +
|p-cactions li a<br>p-cactions li.selected a
 +
|Name
 +
|}
 +
 +
==Worauf muss ich achten?==
 +
 +
==Befehle==
 +
Eine Sammlung vieler Befehle befindet sich in der [[Hilfe:Javascripts]]!

Version vom 26. September 2006, 14:35 Uhr

Locked.svg Dieser Artikel ist in Arbeit • Letzte Bearbeitung: 26.09.2006

Hier nimmt Lt. Simpson Änderungen vor. Falls Du etwas dazu beitragen willst, melde Dich bitte in der Autorendiskussion oder in der Seitendiskussion.

Nimm keine eigenmächtigen Änderungen vor, bis dieser Baustein vom Autor entfernt wurde.

Tools.svg

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"?

Aufbau von Stylesheets

Ein Stylesheet beinahltet die Styleinformationen für jeden 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-face:  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 graphisch 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 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 Einträge 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?

Befehle

Eine Sammlung vieler Befehle befindet sich in der Hilfe:Javascripts!


Linktipps: Faditiva und 3DPresso