WKwiki:Hilfe: Unterschied zwischen den Versionen
DG (Diskussion | Beiträge) K (Kleinigkeiten) |
|||
Zeile 1.335: | Zeile 1.335: | ||
|} | |} | ||
== Allgemeine Sonderzeichen == | == Allgemeine Sonderzeichen == | ||
Hier einige Sonderzeichen, die für die Arbeit | Hier einige Sonderzeichen, die für die Arbeit im Wiki benötigt werden können: | ||
{| {{prettytable}} | {| {{prettytable}} | ||
Zeile 1.423: | Zeile 1.423: | ||
| Dreiviertel | | Dreiviertel | ||
|} | |} | ||
==Eigenes CSS/JS== | ==Eigenes CSS/JS== | ||
Neben dem globalen CSS und JS Dateien kann jeder für sich selbst welche anlegen. Das geht so: | Neben dem globalen CSS und JS Dateien kann jeder für sich selbst welche anlegen. Das geht so: |
Version vom 19. August 2007, 12:52 Uhr
Hier bekommt ihr Hilfe, wenn ihr nicht ganz mit der WikiSoftware zurecht kommt.
Allgemein
Überschriften, Absätze, Listen, und Textformatierungen
Diese Seite erklärt, wie Du in Wiki-Syntax Überschriften, Listen und Absätze erzeugst und Textstellen formatierst. Mit Überschriften kann ein automatisches Inhaltsverzeichnis erzeugt werden.
Wie es dargestellt wird | Was du schreibst | ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
kursiv fett |
''kursiv'' '''fett''' '''''kursiv und fett''''' (Das sind mehrere Apostrophe (ganz genau genommen Zeichen für Fuß, keine Anführungszeichen und auch keine Akzente - drück Shift+#.) | ||||||||||||||||
Du kannst Wörter
|
Du kannst Wörter <strike>durchstreichen</strike> oder auch so <s>durchstreichen</s> und <u>unterstreichen</u>. | ||||||||||||||||
Neuer AbschnittUnterabschnittUnter-Unterabschnitt |
== Neuer Abschnitt == === Unterabschnitt === ==== Unter-Unterabschnitt ==== | ||||||||||||||||
Ein einzelner Zeilenumbruch wird ignoriert. Aber durch eine leere Zeile wird ein neuer Absatz (mit größeren Zeilenabstand) erzeugt: Will man nur einen
Zeilenumbruch, ( |
Ein einzelner Zeilenumbruch wird ignoriert. Aber durch eine leere Zeile wird ein neuer Absatz (mit größeren Zeilenabstand) erzeugt: Will man nur einen Zeilenumbruch, (<br>) keinen neuen Absatz, verwendet man <br>. | ||||||||||||||||
|
* Listen sind praktisch: ** sie sorgen für Struktur ** sie sehen sauber aus *** Man kann sie schachteln * Das Listenzeichen (der Stern) muss das erste Zeichen der Zeile sein. | ||||||||||||||||
|
# Nummerierte Listen sind auch gut ## Genau so übersichtlich ## und einfach zu erzeugen | ||||||||||||||||
|
; Definitionsliste : Liste von Definitionen ; Begriff : Definition des Begriffs | ||||||||||||||||
|
:Zeilen können ::eingerückt werden :::sogar mehrfach | ||||||||||||||||
|
* Man kann Listen *: und Einrückungen *:: sogar mischen *# und verschachteln *#* so wie hier | ||||||||||||||||
Wenn eine Zeile mit einem Leerzeichen beginnt, wird sie genau so formatiert wie sie geschrieben wurde. Dabei wird ein Zeichensatz mit fester Zeichenbreite verwendet. Die Zeilen werden nicht umbrochen. Das ist nützlich um: * vorformatierten Text einzufügen * Programmcode oder Algorithmen anzuzeigen * Diagramme mit Zeichen zu gestalten * einfache Tabellen zu erzeugen VORSICHT: Wenn du die Zeilen zu lang machst, erzeugst du dadurch eine sehr breite Seite, die dadurch schlecht zu lesen ist. |
Wenn eine Zeile mit einem Leerzeichen beginnt, wird sie genau so formatiert wie sie geschrieben wurde. Dabei wird ein Zeichensatz mit fester Zeichenbreite verwendet. Die Zeilen werden nicht umbrochen. Das ist nützlich um: * vorformatierten Text einzufügen * Programmcode oder Algorithmen anzuzeigen * Diagramme mit Zeichen zu gestalten * einfache Tabellen zu erzeugen VORSICHT: Wenn du die Zeilen zu lang machst, erzeugst du dadurch eine sehr breite Seite, die dadurch schlecht zu lesen ist. | ||||||||||||||||
Zentrierter Text.
|
<div align="center">Zentrierter Text.</div> | ||||||||||||||||
Linksbüdiger Text
|
<div align="left">Linksbündiger Text.</div> | ||||||||||||||||
Rechtsbündiger Text.
|
<div align="right">Rechtsbündiger Text.</div> | ||||||||||||||||
Blocksatz-Text.
|
<div align="justify">Blocksatz-Text.</div> | ||||||||||||||||
Eine waagrechte Linie: Text davor und danach. |
Eine waagrechte Linie: Text davor ---- und danach. | ||||||||||||||||
Etwas Text und ein | Etwas Text und ein <!-- unsichtbarer Kommentar --> | ||||||||||||||||
Wiki-Syntax die nicht beachtet wird | <nowiki>[[Wiki-Syntax]] die nicht [[Beachtung|beachtet]] wird</nowiki> | ||||||||||||||||
|
Wenn keine Information für ein bestimmtes Themenfeld vorhanden ist und somit leer bleiben soll, muss zur korrekten Darstellung der Tabellengrenzlinien folgende Zeichenkette in die Zeile eingegeben werden:   (s. untere Tabelle). Wird die Zeichenkette   nicht eingegeben, wird die Darstellung der Tabelle fehlerhaft. (s. obere Tabelle) |
Bilder einbinden
Angemeldete Benutzer können in MediaWiki Bilder hochladen, sofern diese Funktion von dem Administrator der Wiki aktiviert wurde.
Zum Hochladen von Bildern oder Dateien dient die Spezialseite Special:Upload, ein Link darauf befindet sich in der Seitenleiste links unter "Werkzeuge" (in der deutschen Version als "Hochladen"). Das hochgeladene Bild ist dann auf der Spezialseite Special:Imagelist zu finden. Diese Seite ist in der deutschen Version unter den Spezialseiten als "Bilderliste" aufgeführt.
Für Version 1.5 gilt: Gibt es dort die Fehlermeldung "Die Datei ist defekt oder... Bitte kontrollieren Sie die Datei und laden sie erneut hoch.", dann sollte in der Datei "LocalSettings.php „$wgVerifyMimeType = false;“ hinzu gefügt werden.
Hinweise
- Um eine Datei umzubenennen, ist das erneute Hochladen unter einem anderen Dateinamen notwendig. Anschließend sollte die alte Version von Admins gelöscht werden.
- Bei einem schon vorhandenen Bildtitel wird die alte Datei in MediaWiki durch die neuere ersetzt (nicht überschrieben, auch hier gibt es die Versionsgeschichte). So können Bilder in einer besseren Qualität hochgeladen werden.
- In Dateinamen unterscheidet MediaWiki zwischen Groß- und Kleinbuchstaben.
Beschreibung
Zu jedem Bild existiert eine Seite zur Bildbeschreibung. Auf diese gelangt man, indem man auf das entsprechende Bild im Artikel klickt. Dort sind die Bildhistorie und alle Seiten aufgelistet, die dieses Bild nutzen. Nachdem man eine Datei hochgeladen hat, erscheint ein Link zur Beschreibungsseite.
Bilder einbinden
Originalgröße ohne Rahmen
Bilder lassen sich mit [[Bild:Dateiname|Beschreibung]] in Artikel einfügen. Das Bild wird dann in Originalgröße links im Artikel angezeigt. Da bei großen Bilder Seiten dann sehr lange zum Laden brauchen, solltest du aus Rücksicht auf die Modembenutzer dies nur in Ausnahmefällen so handhaben, sondern lieber verkleinerte Vorschauansichten (Thumbnails) benutzen. (Bemerkung: Hier wird ein englisches Wiki verwendet, deswegen muss hier für das Beispiel ein anderer Befehl verwendet werden. In einem deutschen Wiki stimmt die Syntax!)
Eingabe | Ergebnis |
---|---|
[[Bild:Plasma.PNG|Prisma]] |
Originalgröße mit Rahmen
Mit der Option "framed", z.B. [[Bild:Dateiname|framed|Beschreibung]] wird ein Bild nicht herunterskaliert, erscheint also in Originalgröße. Jedoch wird das Bild von einem Rahmen wie bei "thumbs" umgeben, allerdings ohne den Vergrößerungs-Button. Das Bild kann zusätzlich links oder rechts von Text umflossen werden. Durch den Rahmen wird die Bildbeschreibung als Bildunterschrift angezeigt. In den Bildunterschriften sind auch Wikilinks möglich. (Bemerkung zur Syntax siehe oben)
Eingabe | Ergebnis |
---|---|
[[Bild:Plasma.PNG|framed|Ein Prisma mit Rahmen]] |
Thumbnails
Mediawiki kann automatisch Vorschaubilder erzeugen. Dazu fügt man den Zusatz thumb oder thumbnail zwischen Dateiname und Alternativtext ein, zum Beispiel
[[Bild:Plasma.PNG|thumb|Text der Bildbeschreibung]]. (Bemerkung: Die im Wiki selber verwendete Syntax weicht hier im englischen Wiki ab. Für ein deutsches Wiki ist aber die Erklärung richtig)
Das erzeugte Vorschaubild wird rechtsbündig ausgerichtet und vom Artikeltext umflossen. Der Alternativtext wird unter dem Bild als Beschreibung angezeigt. Über die Lupe springt man zur großen Version des Bildes auf seiner Beschreibungsseite.
Bilder skalieren
Mit [[Bild:Plasma.PNG|thumb|100px|Beschreibung]] legt man die Breite des generierten Thumbnails auf 100 Pixel fest (Standardgröße, wenn man nichts angibt, sind 180 Pixel). Die Höhe wird aus dem Seitenverhältnis automatisch berechnet.
Ausrichten im Text
Die Optionen left und right richten Bilder im Text nach links bzw. rechts aus. Der Parameter none schaltet jegliche automatische Ausrichtung (bei Thumbnails) ab und stellt das Bild als Block dar.
Eingabe | Ergebnis |
---|---|
[[Bild:Smiley.PNG|left|Ein Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon. |
Ein Smiley ist ein vor allem im Chat beliebtes Emoticon. |
[[Bild:Smiley.PNG|right|Ein Smiley]] Ein '''Smiley''' ist ein vor allem im Chat beliebtes Emoticon. |
Ein Smiley ist ein vor allem im Chat beliebtes Emoticon. |
|
Einfügen eines Links zur Bildbeschreibung
Durch einen Klick auf ein hochgeladenes Bild erscheint eine Seite mit einer Beschreibung dieses Bildes. Auf diese kann auch direkt verwiesen werden, indem man vor das Wort Bild einen Doppelpunkt setzt.
[[:Bild:Plasma.PNG|Bildbeschreibung]] |
Der Nachteil bei dieser Methode des Verlinkens ist, dass in der Beschreibungsseite des Bildes nicht angezeigt wird, dass ein Artikel auf dieses Bild verweist. Wenn das Bild nur so eingebunden wird, wird es in den Spezialseiten unter "verwaiste Bilder" aufgeführt. Dadurch kann ein WikiSysop nicht mehr ohne weiteres herausfinden, ob es nicht doch noch benötigt wird.
Tabellen
Tabellen sind ein gutes Mittel, um gleichartige Informationen übersichtlich zu gestalten. Jedoch sollte man Tabellen nicht als grafisches Gestaltungsmittel einsetzen , sondern nur dann benutzen, wenn zwischen Tabellenzellen und ihren Zeilen und Spalten semantische Beziehungen bestehen. Sie dienen beispielsweise dann ihrem Zweck, wenn die Informationen in gewisser Weise sortiert werden können, nach Jahreszahlen oder mit alphabetischer Anordnung.
Grundlagen
Jede Tabelle beginnt mit einer geschweiften Klammer { gefolgt von einem senkrechten Strich | und endet mit einem Strich | gefolgt von einer geschweiften Klammer }. Die öffnende Klammer muss als erstes Zeichen der Zeile stehen.
Eine neue Tabellenzeile wird mit |- erzeugt. Innerhalb jeder Zeile können beliebig viele Zellen stehen. Eine Zelle wird mit einem senkrechten Strich am Zeilenanfang (|) eingeleitet. Mit zwei senkrechten Strichen (||) können mehrere Zellen in einer Textzeile zusammengeschrieben werden.
Eine Tabelle mit zwei Tabellenzeilen mit je zwei Zellen sieht im Text so aus:
{| |Zelle 1 |Zelle 2 |- |Zelle 3 |Zelle 4 |}
Und stellt sich so dar:
Zelle 1 | Zelle 2 |
Zelle 3 | Zelle 4 |
Komplexere Tabellen
Rahmen
Bis jetzt haben unsere Tabellen noch keine Umrandungen. Die Umrandung wird in der ersten Zeile (direkt hinter dem {| ) festgelegt, dabei ist zu beachten, eine Leerstelle zu lassen. Momentan kann nur die Rahmenstärke festgelegt werden, mit dem Argument: border=n wobei n die Stärke des Rahmens ist.
Beispiel
Das letzte Beispiel von oben sieht mit Rahmen im Text so aus:
{| border=1 |Zelle 1 |Zelle 2 |- |Zelle 3 |Zelle 4 |- |Zelle 5 |Zelle 6 |}
und stellt sich so dar:
Zelle 1 | Zelle 2 |
Zelle 3 | Zelle 4 |
Zelle 5 | Zelle 6 |
Spaltenbreiten
Spaltenbreiten können relativ und absolut angegeben werden. Die Angabe ist nur bei einer Zelle der Spalte notwendig und sinnvoll.
{| border="1" ! width="10%" | Spaltenbreite 10% ! width="40%" | Spaltenbreite 40% ! width="20%" | Spaltenbreite 20% |- |Zelle A |Zelle B |Zelle C |}
und stellt sich so dar:
Spaltenbreite 10% | Spaltenbreite 40% | Spaltenbreite 20% |
---|---|---|
Zelle A | Zelle B | Zelle C |
Rowspanning und Colspanning
Auch mit den neuen Wiki-Befehlen ist es genauso wie bei HTML möglich eine Zelle über mehrere Zeilen reichen zu lassen, ein so genanntes rowspan. Um rowspan einzuschalten, muss man vor der betreffenden Zelle, aber unbedingt in der gleichen Zeile, das rowspan-Argument einfügen, etwa in der Form rowspan=n wobei n für die Anzahl der Zeilen steht, über die die Zelle reichen soll. Soll eine Zelle über mehrere Spalten reichen benutze man colspan.
Beispiel
Eine Tabelle, in der Zelle 2 über zwei Spalten reicht, sieht im Text so aus:
{| border=1 |Zelle 1 |rowspan=2 | Zelle 2, mit rowspan |Zelle 3 |- |Zelle 4 |Zelle 5 |}
und stellt sich so dar:
Zelle 1 | Zelle 2, mit rowspan | Zelle 3 |
Zelle 4 | Zelle 5 |
Verschachtelte Tabellen
Das Verschachteln ist mit den neuen Wiki-Befehlen denkbar einfach. Man muss nur an der Stelle, an der man eine weitere Tabelle, innerhalb einer anderen Tabelle wünscht, eine neue öffnende Klammer setzen. Wichtig ist es nur, dass dort am Anfang der Textzeile ausnahmsweise kein senkrechter Strich stehen darf!
Beispiel
Eine Tabelle, in der eine weitere Tabelle steckt, sieht im Text so aus:
{| border=1 |Zelle 1 | {| border=2 |Zelle A |- |Zelle B |} |Zelle 3 |}
und stellt sich so dar:
Zelle 1 |
|
Zelle 3 |
Beschriftung
Mit den neuen Wiki-Befehlen ist es leicht möglich, eine Beschriftung über der Tabelle zu implementieren. Diese Beschriftung ist zentriert und maximal genauso breit wie die Tabelle mit automatischem Zeilenumbruch. Um eine Beschriftung einzubauen reicht es nach dem senkrechten Strich und vor dem Text ein Plus + zu setzen. Innerhalb der Beschriftung kann man ganz normal mit Wiki-Befehlen formatieren.
Beispiel
Eine Tabelle, mit Beschriftung, sieht im Text so aus:
{| border=1 |+ Dies ist eine '''Beschriftung''', die ''ziemlich'' lang ist. |Zelle 1 |Zelle 2 |- |Zelle 3 |Zelle 4 |}
und stellt sich so dar:
Zelle 1 | Zelle 2 |
Zelle 3 | Zelle 4 |
Bilder und Tabellen
Bilder in Tabellen zu formatieren ist mit den neuen Wiki-Befehlen einfacher geworden. Möglich wird dies mit class-Argumenten. Class-Argumente können am Anfang einer Tabelle stehen und gelten dann für die ganze Tabelle (ähnlich wie Rahmen (siehe oben)) oder am Anfang einer Zelle.
Das Interessante ist, dass nicht nur das Bild formatiert wird, sondern auch der zugehörige Text, dies ist zum Beispiel nützlich für Bildunterschriften. Die zwei (?? gibt's noch mehr ??) class-Argumente sind flag und rimage. Sie werden mittels eines class=flag
, bzw. class=rimage
eingebunden. Mit class=rimage
wird die Größe der Zelle auf das Bild ausgedehnt, ein kleiner Abstand um das Bild zum Rahmen wird beibehalten, und der Text verkleinert und zentriert und das ganze auf die rechte Seite geschoben.
Mit class=flag
wird der Text zwar ebenfalls zentriert, aber nicht verkleinert und auch nicht auf die rechte Seite verschoben.
Beispiele
Um ein Bild mit einer Bildunterschrift anzuzeigen, verwendet man die folgende Struktur.
{| class=rimage | [[Image:Gefahr.jpg]] Im deutschen Wiki [[Bild:Gefahr.PNG]]. Ein langer Text, der unter dem Bild steht. |}
Das Ergebnis im Text ist:
Ein langer Text, der unter dem Bild steht. |
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas augue. Quisque dapibus, est sed mattis mollis, orci tortor pretium lorem, id feugiat leo tellus eget nibh. Phasellus vel dui. Aliquam sollicitudin ante et dolor. Fusce dictum eros vitae dolor. Aliquam erat volutpat. Etiam pede orci, aliquam sed, mattis quis, bibendum et, metus. Aenean libero. Aliquam erat volutpat. Vestibulum placerat risus quis lacus. Mauris ultrices venenatis est. Etiam accumsan euismod lorem. Ut sollicitudin mi at massa. Morbi aliquam wisi non justo. Suspendisse consectetuer dui vitae wisi. Nulla sed lectus sed lorem rhoncus fringilla. Aenean leo orci, ultrices et, ornare eu, imperdiet non, nunc. Praesent sed purus at quam convallis vehicula.
Sed pede wisi, eleifend vel, lobortis quis, molestie vitae, nisl. Quisque eget urna quis tellus dictum egestas. Nulla facilisi. Aliquam fermentum dapibus enim. Morbi in tellus vitae lacus ultrices volutpat. Aenean tortor ante, consectetuer eget, laoreet lobortis, lobortis id, metus. Fusce id enim. Aliquam erat volutpat. Quisque venenatis erat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Maecenas vulputate diam in sapien.
Eine Tabelle, mit Flagge mit Bildunterschrift,(flag) sieht im Text so aus:
{| class=flag | [[Image:Gefahr.PNG]] (im deutschen Wiki: [[Bild:Gefahr.PNG]] |} Ein kurzer Text
und stellt sich so dar:
Ein kurzer Text
Signaturen
Unter einer Signatur versteht man einen Link auf die eigene Benutzerseite. Zur Verdeutlichung, dass es sich um eine Namenssignatur handelt hat sich in der Wikipedia das Voranstellen zweier Bindestriche durchgesetzt (zur Unterscheidung von anderen Links): --[[Benutzer:Benutzername]]
Eingabe
Es gibt zwei Abkürzungen, die das Einfügen einer Signatur vereinfachen. Bei beiden folgt nach zwei Bindestrichen die Eingabe von drei oder vier Tilden ( ~
).
Die folgende Tabelle zeigt, wie die beiden Abkürzungen verwendet werden.
Die Eingabe von … | … wird beim Speichern umgewandelt in … | … und auf der Seite angezeigt als … |
---|---|---|
--~~~
|
--[[Benutzer:Benutzername|Benutzername]]
|
--Benutzername |
--~~~~
|
--[[Benutzer:Benutzername|Benutzername]] 10:57, 8. Mär 2004 (CET)
|
--Benutzername 10:57, 8. Mär 2004 (CET) |
--~~~~~
|
-- 10:57, 8. Mär 2004 (CET)
|
-- 10:57, 8. Mär 2004 (CET) |
Nur bei angemeldeten Benutzern erscheint der Benutzername. Bei einem nicht angemeldeten Benutzer erscheint stattdessen seine IP-Adresse. In den Einstellungen lässt sich ein Spitzname für die Signatur festlegen.
Verwendung
Signiert werden nur Beiträge auf Diskussionsseiten. Bei Artikeln ist eine Signatur nicht sinnvoll, da Artikel in der Regel zahlreiche Autoren haben. Um zu sehen, wer wann was an einem Artikel geändert hat, dient die Versionsgeschichte. Für fabige Texte, verwende diese Vorlagen!
Aktion | Wikitext | Ergebnis |
---|---|---|
Farbiger Text | <span style="color:#ff0000;"> Text </span> | Text |
Farbige Absätze | <p style="color:red;"> Absatz </p> | Absatz |
Hintergrund für ein oder wenige Worte | <span style="background-color:yellow;"> Beispiel </span> | Beispiel |
Hintergrund eines Absatzes | <p style="background-color:yellow;"> Absatz </p> | Absatz |
Farbiger Text + Hintergrund eines Absatzes | <p style="color:red; background-color:yellow;"> Absatz </p> | Absatz |
Hintergrund einer Tabellenzelle | style="background-color:#fedbca;" | Text | Text |
Tabelle Farbcodes
Einige Farben zum einfachen Einsetzen in CSS, wobei standardmäßig nur die Farbnamen der 1. Spalte ohne Kennziffer interpretiert werden. Wikitext: style="background-color:„Farbname“ oder („RGB-Wert dezimal mit Abstand“) oder #„Hexadezimalwert“". Generell ist der Hexadezimalwert zu empfehlen, da bei Verwendung der Farbnamen mangels Unterstützung auch weit verbreitete Browser wie der Internet Explorer oder Firefox die Farben der ersten Spalte nicht korrekt darstellen.
white (255 255 255)
#FFFFFF |
gray91 (232 232 232)
#E8E8E8 |
gray81 (207 207 207)
#CFCFCF |
grey51 (130 130 130)
#828282 |
Snow1 (255 250 250)
#FFFAFA |
Snow2 (238 233 233)
#EEE9E9 |
Snow3 (205 201 201)
#CDC9C9 |
Snow4 (139 137 137)
#8B8989 |
Seashell1 (255 245 238)
#FFF5EE |
Seashell2 (238 229 222)
#EEE5DE |
Seashell3 (205 197 191)
#CDC5BF |
Seashell4 (139 134 130)
#8B8682 |
AntiqueWhite1 (255 239 219)
#FFEFDB |
AntiqueWhite2 (238 223 204)
#EEDFCC |
AntiqueWhite3 (205 192 176)
#CDC0B0 |
AntiqueWhite4 (139 131 120)
#8B8378 |
Bisque1 (255 228 196)
#FFE4C4 |
Bisque2 (238 213 183)
#EED5B7 |
Bisque3 (205 183 158)
#CDB79E |
Bisque4 (139 125 107)
#8B7D6B |
PeachPuff1 (255 218 185)
#FFDAB9 |
PeachPuff2 (238 203 173)
#EECBAD |
PeachPuff3 (205 175 149)
#CDAF95 |
PeachPuff4 (139 119 101)
#8B7765 |
NavajoWhite1 (255 222 173)
#FFDEAD |
NavajoWhite2 (238 207 161)
#EECFA1 |
NavajoWhite3 (205 179 139)
#CDB38B |
NavajoWhite4 (139 121 94)
#8B795E |
LemonChiffon1 (255 250 205)
#FFFACD |
LemonChiffon2 (238 233 191)
#EEE9BF |
LemonChiffon3 (205 201 165)
#CDC9A5 |
LemonChiffon4 (139 137 112)
#8B8970 |
Cornsilk1 (255 248 220)
#FFF8DC |
Cornsilk2 (238 232 205)
#EEE8CD |
Cornsilk3 (205 200 177)
#CDC8B1 |
Cornsilk4 (139 136 120)
#8B8878 |
Ivory1 (255 255 240)
#FFFFF0 |
Ivory2 (238 238 224)
#EEEEE0 |
Ivory3 (205 205 193)
#CDCDC1 |
Ivory4 (139 139 131)
#8B8B83 |
Honeydew1 (240 255 240)
#F0FFF0 |
Honeydew2 (224 238 224)
#E0EEE0 |
Honeydew3 (193 205 193)
#C1CDC1 |
Honeydew4 (131 139 131)
#838B83 |
LavenderBlush1 (255 240 245)
#FFF0F5 |
LavenderBlush2 (238 224 229)
#EEE0E5 |
LavenderBlush3 (205 193 197)
#CDC1C5 |
LavenderBlush4 (139 131 134)
#8B8386 |
MistyRose1 (255 228 225)
#FFE4E1 |
MistyRose2 (238 213 210)
#EED5D2 |
MistyRose3 (205 183 181)
#CDB7B5 |
MistyRose4 (139 125 123)
#8B7D7B |
Azure1 (240 255 255)
#F0FFFF |
Azure2 (224 238 238)
#E0EEEE |
Azure3 (193 205 205)
#C1CDCD |
Azure4 (131 139 139)
#838B8B |
SlateBlue1 (131 111 255)
#836FFF |
SlateBlue2 (122 103 238)
#7A67EE |
SlateBlue3 (105 89 205)
#6959CD |
SlateBlue4 (71 60 139 )
#473C8B |
RoyalBlue1 (72 118 255)
#4876FF |
RoyalBlue2 (67 110 238)
#436EEE |
RoyalBlue3 (58 95 205)
#3A5FCD |
RoyalBlue4 (39 64 139)
#27408B |
Blue1 (0 0 255)
#0000FF |
Blue2 (0 0 238)
#0000EE |
Blue3 (0 0 205)
#0000CD |
Blue4 (0 0 139)
#00008B |
DodgerBlue1 (30 144 255)
#1E90FF |
DodgerBlue2 (28 134 238)
#1C86EE |
DodgerBlue3 (24 116 205)
#1874CD |
DodgerBlue4 (16 78 139 )
#104E8B |
SteelBlue1 (99 184 255)
#63B8FF |
SteelBlue2 (92 172 238)
#5CACEE |
SteelBlue3 (79 148 205)
#4F94CD |
SteelBlue4 (54 100 139)
#36648B |
DeepSkyBlue1 (0 191 255)
#00BFFF |
DeepSkyBlue2 (0 178 238)
#00B2EE |
DeepSkyBlue3 (0 154 205)
#009ACD |
DeepSkyBlue4 (0 104 139 )
#00688B |
SkyBlue1 (135 206 255)
#87CEFF |
SkyBlue2 (126 192 238)
#7EC0EE |
SkyBlue3 (108 166 205)
#6CA6CD |
SkyBlue4 (74 112 139 )
#4A708B |
LightSkyBlue1 (176 226 255)
#B0E2FF |
LightSkyBlue2 (164 211 238)
#A4D3EE |
LightSkyBlue3 (141 182 205)
#8DB6CD |
LightSkyBlue4 (96 123 139)
#607B8B |
SlateGray1 (198 226 255)
#C6E2FF |
SlateGray2 (185 211 238)
#B9D3EE |
SlateGray3 (159 182 205)
#9FB6CD |
SlateGray4 (108 123 139)
#6C7B8B |
LightSteelBlue1 (202 225 255)
#CAE1FF |
LightSteelBlue2 (188 210 238)
#BCD2EE |
LightSteelBlue3 (162 181 205)
#A2B5CD |
LightSteelBlue4 (110 123 139)
#6E7B8B |
LightBlue1 (191 239 255)
#BFEFFF |
LightBlue2 (178 223 238)
#B2DFEE |
LightBlue3 (154 192 205)
#9AC0CD |
LightBlue4 (104 131 139)
#68838B |
LightCyan1 (224 255 255)
#E0FFFF |
LightCyan2 (209 238 238)
#D1EEEE |
LightCyan3 (180 205 205)
#B4CDCD |
LightCyan4 (122 139 139)
#7A8B8B |
PaleTurquoise1 (187 255 255)
#BBFFFF |
PaleTurquoise2 (174 238 238)
#AEEEEE |
PaleTurquoise3 (150 205 205)
#96CDCD |
PaleTurquoise4 (102 139 139)
#668B8B |
CadetBlue1 (152 245 255)
#98F5FF |
CadetBlue2 (142 229 238)
#8EE5EE |
CadetBlue3 (122 197 205)
#7AC5CD |
CadetBlue4 (83 134 139)
#53868B |
Turquoise1 (0 245 255)
#00F5FF |
Turquoise2 (0 229 238)
#00E5EE |
Turquoise3 ( 0 197 205)
#00C5CD |
Turquoise4 (0 134 139 )
#00868B |
Cyan1 (0 255 255)
#00FFFF |
Cyan2 (0 238 238)
#00EEEE |
Cyan3 (0 205 205)
#00CDCD |
Cyan4 (0 139 139)
#008B8B |
DarkSlateGray1 (151 255 255)
#97FFFF |
DarkSlateGray2 (141 238 238)
#8DEEEE |
DarkSlateGray3 (121 205 205)
#79CDCD |
DarkSlateGray4 (82 139 139)
#528B8B |
Aquamarine1 (127 255 212)
#7FFFD4 |
Aquamarine2 (118 238 198)
#76EEC6 |
Aquamarine3 (102 205 170)
#66CDAA |
Aquamarine4 (69 139 116)
#458B74 |
DarkSeaGreen1 (193 255 193)
#C1FFC1 |
DarkSeaGreen2 (180 238 180)
#B4EEB4 |
DarkSeaGreen3 (155 205 155)
#9BCD9B |
DarkSeaGreen4 (105 139 105)
#698B69 |
SeaGreen1 (84 255 159)
#54FF9F |
SeaGreen2 (78 238 148)
#4EEE94 |
SeaGreen3 (67 205 128)
#43CD80 |
SeaGreen4 (46 139 87)
#2E8B57 |
PaleGreen1 (154 255 154)
#9AFF9A |
PaleGreen2 (144 238 144)
#90EE90 |
PaleGreen3 (124 205 124)
#7CCD7C |
PaleGreen4 (84 139 84)
#548B54 |
SpringGreen1 (0 255 127)
#00FF7F |
SpringGreen2 (0 238 118)
#00EE76 |
SpringGreen3 (0 205 102)
#00CD66 |
SpringGreen4 (0 139 69)
#008B45 |
Green1 (0 255 0)
#00FF00 |
Green2 (0 238 0)
#00EE00 |
Green3 (0 205 0)
#00CD00 |
Green4 (0 139 0)
#008B00 |
Chartreuse1 (127 255 0)
#7FFF00 |
Chartreuse2 (118 238 0)
#76EE00 |
Chartreuse3 (102 205 0)
#66CD00 |
Chartreuse4 (69 139 0)
#458B00 |
OliveDrab1 (192 255 62)
#C0FF3E |
OliveDrab2 (179 238 58)
#B3EE3A |
OliveDrab3 (154 205 50)
#9ACD32 |
OliveDrab4 (105 139 34)
#698B22 |
DarkOliveGreen1 (202 255 112)
#CAFF70 |
DarkOliveGreen2 (188 238 104)
#BCEE68 |
DarkOliveGreen3 (162 205 90)
#A2CD5A |
DarkOliveGreen4 (110 139 61)
#6E8B3D |
Khaki1 (255 246 143)
#FFF68F |
Khaki2 (238 230 133)
#EEE685 |
Khaki3 (205 198 115)
#CDC673 |
Khaki4 (139 134 78)
#8B864E |
LightGoldenrod1 (255 236 139)
#FFEC8B |
LightGoldenrod2 (238 220 130)
#EEDC82 |
LightGoldenrod3 (205 190 112)
#CDBE70 |
LightGoldenrod4 (139 129 76)
#8B814C |
LightYellow1 (255 255 224)
#FFFFE0 |
LightYellow2 (238 238 209)
#EEEED1 |
LightYellow3 (205 205 180)
#CDCDB4 |
LightYellow4 (139 139 122)
#8B8B7A |
Yellow1 (255 255 0)
#FFFF00 |
Yellow2 (238 238 0)
#EEEE00 |
Yellow3 (205 205 0)
#CDCD00 |
Yellow4 (139 139 0)
#8B8B00 |
Gold1 (255 215 0)
#FFD700 |
Gold2 (238 201 0)
#EEC900 |
Gold3 (205 173 0)
#CDAD00 |
Gold4 (139 117 0)
#8B7500 |
Goldenrod1 (255 193 37)
#FFC125 |
Goldenrod2 (238 180 34)
#EEB422 |
Goldenrod3 (205 155 29)
#CD9B1D |
Goldenrod4 (139 105 20)
#8B6914 |
DarkGoldenrod1 (255 185 15)
#FFB90F |
DarkGoldenrod2 (238 173 14)
#EEAD0E |
DarkGoldenrod3 (205 149 12)
#CD950C |
DarkGoldenrod4 (139 101 8)
#8B6508 |
RosyBrown1 (255 193 193)
#FFC1C1 |
RosyBrown2 (238 180 180)
#EEB4B4 |
RosyBrown3 (205 155 155)
#CD9B9B |
RosyBrown4 (139 105 105)
#8B6969 |
IndianRed1 (255 106 106)
#FF6A6A |
IndianRed2 (238 99 99)
#EE6363 |
IndianRed3 (205 85 85)
#CD5555 |
IndianRed4 (139 58 58)
#8B3A3A |
Sienna1 (255 130 71)
#FF8247 |
Sienna2 (238 121 66)
#EE7942 |
Sienna3 (205 104 57)
#CD6839 |
Sienna4 (139 71 38)
#8B4726 |
Burlywood1 (255 211 155)
#FFD39B |
Burlywood2 (238 197 145)
#EEC591 |
Burlywood3 (205 170 125)
#CDAA7D |
Burlywood4 (139 115 85)
#8B7355 |
Wheat1 (255 231 186)
#FFE7BA |
Wheat2 (238 216 174)
#EED8AE |
Wheat3 (205 186 150)
#CDBA96 |
Wheat4 (139 126 102)
#8B7E66 |
Tan1 (255 165 79)
#FFA54F |
Tan2 (238 154 73)
#EE9A49 |
Tan3 (205 133 63)
#CD853F |
Tan4 (139 90 43)
#8B5A2B |
Chocolate1 (255 127 36)
#FF7F24 |
Chocolate2 (238 118 33)
#EE7621 |
Chocolate3 (205 102 29)
#CD661D |
Chocolate4 (139 69 19)
#8B4513 |
Firebrick1 (255 48 48)
#FF3030 |
Firebrick2 (238 44 44)
#EE2C2C |
Firebrick3 (205 38 38)
#CD2626 |
Firebrick4 (139 26 26)
#8B1A1A |
Brown1 (255 64 64)
#FF4040 |
Brown2 (238 59 59)
#EE3B3B |
Brown3 (205 51 51)
#CD3333 |
Brown4 (139 35 35)
#8B2323 |
Salmon1 (255 140 105)
#FF8C69 |
Salmon2 (238 130 98)
#EE8262 |
Salmon3 (205 112 84)
#CD7054 |
Salmon4 (139 76 57)
#8B4C39 |
LightSalmon1 (255 160 122)
#FFA07A |
LightSalmon2 (238 149 114)
#EE9572 |
LightSalmon3 (205 129 98)
#CD8162 |
LightSalmon4 (139 87 66)
#8B5742 |
Orange1 (255 165 0)
#FFA500 |
Orange2 (238 154 0)
#EE9A00 |
Orange3 (205 133 0)
#CD8500 |
Orange4 (139 90 0)
#8B5A00 |
DarkOrange1 (255 127 0)
#FF7F00 |
DarkOrange2 (238 118 0)
#EE7600 |
DarkOrange3 (205 102 0)
#CD6600 |
DarkOrange4 (139 69 0)
#8B4500 |
Coral1 (255 114 86)
#FF7256 |
Coral2 (238 106 80)
#EE6A50 |
Coral3 (205 91 69)
#CD5B45 |
Coral4 (139 62 47)
#8B3E2F |
Tomato1 (255 99 71)
#FF6347 |
Tomato2 (238 92 66)
#EE5C42 |
Tomato3 (205 79 57)
#CD4F39 |
Tomato4 (139 54 38)
#8B3626 |
OrangeRed1 (255 69 0)
#FF4500 |
OrangeRed2 (238 64 0)
#EE4000 |
OrangeRed3 (205 55 0)
#CD3700 |
OrangeRed4 (139 37 0)
#8B2500 |
Red1 (255 0 0)
#FF0000 |
Red2 (238 0 0)
#EE0000 |
Red3 (205 0 0)
#CD0000 |
Red4 (139 0 0)
#8B0000 |
DeepPink1 (255 20 147)
#FF1493 |
DeepPink2 (238 18 137)
#EE1289 |
DeepPink3 (205 16 118)
#CD1076 |
DeepPink4 (139 10 80)
#8B0A50 |
HotPink1 (255 110 180)
#FF6EB4 |
HotPink2 (238 106 167)
#EE6AA7 |
HotPink3 (205 96 144)
#CD6090 |
HotPink4 (139 58 98)
#8B3A62 |
Pink1 (255 181 197)
#FFB5C5 |
Pink2 (238 169 184)
#EEA9B8 |
Pink3 (205 145 158)
#CD919E |
Pink4 (139 99 108)
#8B636C |
LightPink1 (255 174 185)
#FFAEB9 |
LightPink2 (238 162 173)
#EEA2AD |
LightPink3 (205 140 149)
#CD8C95 |
LightPink4 (139 95 101)
#8B5F65 |
PaleVioletRed1 (255 130 171)
#FF82AB |
PaleVioletRed2 (238 121 159)
#EE799F |
PaleVioletRed3 (205 104 137)
#CD6889 |
PaleVioletRed4 (139 71 93)
#8B475D |
Maroon1 (255 52 179)
#FF34B3 |
Maroon2 (238 48 167)
#EE30A7 |
Maroon3 (205 41 144)
#CD2990 |
Maroon4 (139 28 98)
#8B1C62 |
VioletRed1 (255 62 150)
#FF3E96 |
VioletRed2 (238 58 140)
#EE3A8C |
VioletRed3 (205 50 120)
#CD3278 |
VioletRed4 (139 34 82)
#8B2252 |
Magenta1 (255 0 255)
#FF00FF |
Magenta2 (238 0 238)
#EE00EE |
Magenta3 (205 0 205)
#CD00CD |
Magenta4 (139 0 139)
#8B008B |
Orchid1 (255 131 250)
#FF83FA |
Orchid2 (238 122 233)
#EE7AE9 |
Orchid3 (205 105 201)
#CD69C9 |
Orchid4 (139 71 137)
#8B4789 |
Plum1 (255 187 255)
#FFBBFF |
Plum2 (238 174 238)
#EEAEEE |
Plum3 (205 150 205)
#CD96CD |
Plum4 (139 102 139)
#8B668B |
MediumOrchid1 (224 102 255)
#E066FF |
MediumOrchid2 (209 95 238)
#D15FEE |
MediumOrchid3 (180 82 205)
#B452CD |
MediumOrchid4 (122 55 139)
#7A378B |
DarkOrchid1 (191 62 255)
#BF3EFF |
DarkOrchid2 (178 58 238)
#B23AEE |
DarkOrchid3 (154 50 205)
#9A32CD |
DarkOrchid4 (104 34 139)
#68228B |
Purple1 (155 48 255)
#9B30FF |
Purple2 (145 44 238)
#912CEE |
Purple3 (125 38 205)
#7D26CD |
Purple4 (85 26 139)
#551A8B |
MediumPurple1 (171 130 255)
#AB82FF |
MediumPurple2 (159 121 238)
#9F79EE |
MediumPurple3 (137 104 205)
#8968CD |
MediumPurple4 (93 71 139)
#5D478B |
Thistle1 (255 225 255)
#FFE1FF |
Thistle2 (238 210 238)
#EED2EE |
Thistle3 (205 181 205)
#CDB5CD |
Thistle4 (139 123 139)
#8B7B8B |
WhiteSmoke (245 245 245)
#F5F5F5 |
Gainsboro (220 220 220)
#DCDCDC |
LightGrey (211 211 211)
#D3D3D3 |
Silver (192 192 192)
#C0C0C0 |
grey71 (181 181 181)
#B5B5B5 |
DarkGrey ( 169 169 169)
#A9A9A9 |
gray61 (156 156 156)
#9C9C9C |
grey41 (105 105 105)
#696969 |
grey31 (79 79 79)
#4F4F4F |
grey21 (54 54 54)
#363636 |
grey11 (28 28 28)
#1C1C1C |
black (0 0 0)
#000000 |
Allgemeine Sonderzeichen
Hier einige Sonderzeichen, die für die Arbeit im Wiki benötigt werden können:
Zeichen | Name |
---|---|
geschütztes Leerzeichen (engl: non-breaking space), verhindert einen Zeilenumbruch | |
[ | Eckige Klammer links |
] | Eckige Klammer rechts |
* | Sternchen |
♥ | Herz |
& | kaufmännisches Und |
¤ | Währung |
¢ | Cent-Zeichen |
£ | Pfund |
$ | Dollar |
¥ | Yen |
€ | Euro, Eurozeichen |
§ | Paragraph, Paragraphenzeichen |
¨ | Umlaut / Trem-Akzent1 |
© | Copyright-Zeichen |
∞ | Unendlich |
ª | Feminines Ordinalzeichen (in romanischen Sprachen) |
® | Registered-Trademark-Zeichen |
™ | Registered-Trademark-Zeichen im anglo-amerikanischen Sprachraum |
¯ | Macron |
° | Grad, Gradzeichen |
± | plus/minus |
´ | Akut2 |
µ | Mikro / griechischer Buchstabe My |
… | Auslassungspunkte |
· | Punkt in mittlerer Höhe (Komma im Georgischen) |
¸ | Zedille |
º | Maskulines Ordinalzeichen (in romanischen Sprachen) |
÷ | engl. Divisionszeichen |
† | verstorben (der normale Stern „*“ für geboren) |
♂ | männlich |
♀ | weiblich |
ß | Scharfes s |
⁰¹²³⁴⁵⁶⁷⁸⁹ | hochgestellte Zahlen 0–9 |
₀₁₂₃₄₅₆₇₈₉ | tiefgestellte Zahlen 0–9 |
½ | Einhalb |
¼ | Einviertel |
¾ | Dreiviertel |
Eigenes CSS/JS
Neben dem globalen CSS und JS Dateien kann jeder für sich selbst welche anlegen. Das geht so:
- Für CSS, Artikel so anlegen: Benutzer:NAME/monobook.css oder common.css(für alle Skins)
- Für JS (JavaScript), Artikel so anlegen: Benutzer:NAME/monobook.js oder common.js (für alle Skins)
Damit können mit CSS für jeden einzelnen beispielsweise der komplette Style verändert werden (mittels body usw.) oder mit JavaScript extra Editierbuttons angelegt werden.
Tipps zum Skin ändern: Im eigenem Monobook.css folgendes angeben:
- body{[STYLEÄNDERUNGEN]} für die den Hintergrund.
- (kommt noch) für die Sidebar.(links)
- (kommt noch) für den Hauptteil.(wo dann die Artikel stehen)