Hilfe:Personalisieren des Wikiaussehens

aus Wiki Aventurica, dem DSA-Fanprojekt
Wechseln zu: Navigation, Suche
Hilfe

Ansprechpartner

Hilfe für Leser
FAQ - Suche im Wiki - Navigieren im Wiki
Wiki-Inhalte offline benutzen
Optimale Darstellung des Wikis
Personalisieren des Wikiaussehens

Hilfe für neue Autoren
Seite bearbeiten - Tutorium
Anleitung zu den Letzten Änderungen
Feeds der Wikiänderungen
Produktartikel erstellen
Richtlinien zur Mitarbeit

Seiten bearbeiten
Erstellen neuer Artikel
Editierhilfe
Erzeugen von Links
Einbinden von Bildern
Tabellenformatierung

Konventionen
Abkürzungen
Artikelformat
Kommentare zu bearbeiteten Seiten
Typographie
Inhaltliche Richtlinien
Erstellen neuer Artikel
Nomenklatur und Syntax für Quellenangaben
Kategorisierung des Wikis
Meisterinformationen

Weiterführende Seiten
Vorlage
Infobox
Kategorie
Namensraum
DPL
Roboter
Benutzung von CSS im Wiki
Links per CSS mit eigenen Grafiken versehen
Exceltabellen ins Wiki kopieren
Hilfeseiten der Wikipedia

Es ist angemeldeten Benutzern möglich, Schriftart, Schriftgröße, Größe der Überschriften und vieles mehr zu personalisieren.

Dazu muss eine Seite mit dem Namen Benutzer:DeinBenutzername/common.css angelegt werden. Auf dieser Seite können dann css-Befehle angegeben werden. Beispiele dafür finden sich unter den Links. Die css-Seiten des Wikis finden sich unter MediaWiki:Common.css und MediaWiki:Monobook.css, diese gelten für das gesamte Wiki, werden aber durch Benutzereinstellungen überschrieben.

Beispiele[Bearbeiten]

Rückmeldung bei erfolgreichem Speichern[Bearbeiten]

css-Code Erklärung
.postedit { display: none !important; }

Schaltet den "Dein Beitrag wurde gespeichert"-Hinweis ab, der nach jeder Änderung auftaucht.

Schriftgrößen[Bearbeiten]

css-Code Erklärung
h1 { font-size: 210%; }
h2 { font-size: 180%; }
h3 { font-size: 145%; }
h4 { font-size: 125%; }
h5 { font-size: 100%; }
h6 { font-size: 80%; }

Dies legt die Schriftgröße für die Überschriften der Ebenen 1-6 fest.

Externe Links[Bearbeiten]

css-Code Erklärung
#bodyContent a[href ^="http://"] {
background: none !important;
padding-left:0px !important;
}

Bei externen Links werden keine Graphiken mehr angezeigt.

Schriftarten[Bearbeiten]

css-Code Erklärung
h1, h2, h3, h4, h5 {
    font-family: Elegant Garamond, Garamond, Times New Roman;
}

Dies legt fest, mit welcher Schriftart die Überschriften der Ebenen 1-5 angezeigt werden. Dabei versucht der Browser die erste in der Liste genannte Schriftart zu verwenden; ist sie nicht auf dem PC installiert, wird die nächste genommen.

Copyright-Hinweis ausblenden[Bearbeiten]

css-Code Erklärung
/* -----------------------------------------------------------------
Anfang: Copyright-Warnung ausblenden
-------------------------------------------------------------------- */
 
div#editpage-copywarn { display: none; }
 
/* -----------------------------------------------------------------
Ende: Copyright-Warnung ausblenden
-------------------------------------------------------------------- */

Dies blendet den Copyright-Hinweis aus.

Einsteigerhilfe-Hinweis ausblenden[Bearbeiten]

css-Code Erklärung
/* -----------------------------------------------------------------
Anfang: Einsteigerhilfe-Hinweis ausblenden
-------------------------------------------------------------------- */
 
#mw-edit-longpage-hint { display: none; }
 
/* -----------------------------------------------------------------
Ende: Einsteigerhilfe-Hinweis ausblenden
-------------------------------------------------------------------- */

Dies blendet den Einsteigerhilfe-Hinweis aus.

Registerkarten[Bearbeiten]

css-Code Erklärung
/* -----------------------------------------------------------------
Anfang: Registerkarten personalisieren
-------------------------------------------------------------------- */
 
.registerkarte1 {
    border-color: #eee;        /* legt die Randfarbe der aktiven Karte fest            */
    font-size: 90%;            /* legt die Schriftgtröße der aktiven Karte fest        */
}
.registerkarte2 {
    background-color: #fff7a5; /* legt die Hintergrundfarbe der inaktiven Karten fest  */
    border-color: #eee;        /* legt die Randfarbe der inaktiven Karten fest         */
    font-size: 90%;            /* legt die Schriftgtröße der inaktiven Karten fest     */
}
.registerkarte3 {
    border-color: #eee;        /* legt die Randfarbe der Zwischenräume fest            */
    font-size: 90%;            /* legt die Schriftgröße der Zwischenräume fest         */
    width: 3;                  /* legt die Breite der Zwischenräume fest               */
}
 
/* -----------------------------------------------------------------
Ende: Registerkarten personalisieren
-------------------------------------------------------------------- */

siehe /* Kommentare */

Links[Bearbeiten]

vorhandene Benutzer-css