Wikipedia:Technik/Skin/CSS/Projektweite Selektoren

aus Wikipedia, der freien Enzyklopädie
Zur Navigation springen Zur Suche springen

Projektweite Selektoren


Diese Seite beschreibt für die deutschsprachige Wikipedia spezifische Selektoren in HTML. Mit ihnen können CSS und Skripte einzelne Elemente identifizieren und manipulieren.

Gegenstand dieser Seite sind Selektoren (in der Regel Klassen), die aktiv einem Element zugewiesen oder von Autoren individuell konfiguriert werden.

Ausgewählt sind hier diejenigen Selektoren, die nur in der deutschsprachigen Wikipedia definiert sind; soweit nur die optische Anpassung anderweitig spezifizierter Elemente vorgenommen wird, würde es diesen Überblick sprengen und wäre nicht zu pflegen.

Nicht vorgesehen sind auf dieser Seite für alle Wiki-Projekte gleiche Selektoren; siehe dazu Selektoren unter MediaWiki.

Selektoren der deutschsprachigen Wikipedia[Quelltext bearbeiten]

Selektoren gliedern sich in Klassen (.class) und Identifikatoren (#id).

Individuelle Benutzerkonfiguration und Vorlagenprogrammierung
Selektor Bedeutung
.Bilderwunsch
.BoxenVerschmelzen Vorlage:NaviBlock / Vorlage:BoxenVerschmelzen/styles
.help-basics Zweck: Für Anfänger werden zusätzliche Links auf elementare Hilfeseiten usw. eingeblendet, die sich ohne eine Lücke im Textfluss ausblenden lassen. Die Informationen sind erfahrenen Benutzern längst in Fleisch und Blut übergegangen. Die Verwendung ist unabhängig vom Namensraum: Systemnachricht, Vorlage, Hilfe, Wikipedia.
.metadata Zweck: Kennzeichnung von Metadaten, die normalen Benutzern nicht angezeigt werden sollen

Seit Sommer 2014 Namenskonflikt mit einer Eigenschaft beim Medienbetrachter: unterdrückt die Medienbetrachter-Anzeige nebensächlicher Bilder.

.newpage-anleitung Zweck: Erläuterungen ausblenden bei nicht existierenden Seiten
  • Verwendung: MediaWiki:newarticletext-0 und andere
  • Routiniers bekannte und vertraute Einleitungen können damit gekennzeichnet werden.
  • Spezifische Funktionalitäten (aktuelle Verlinkungen) sollten diese Klasse nicht verwenden.
.nonumtoc Vorlage:TOC nonum / Vorlage:TOC nonum/styles
.noscript Zweck: Kennzeichnung von Textpassagen, die für Leser ohne aktiviertes JavaScript sichtbar werden sollen.
.shortcut #shortcut Vorlage:Shortcut.
.specialpage-help
  • Analog zu .help-basics – auf Spezialseiten
.toclimit-n Vorlage:TOC limit / Vorlage:TOC limit/styles
.wikidata-content Zweck: Kennzeichnung von Inhalten, die aus Wikidata integriert werden.
.wp_boppel Zweck: Icons in Diskussionsvorlagen
.wp_intro Zweck: Einführungsabschnitte ausblenden
  • Verwendung: MediaWiki:Newarticletext-1 und andere
  • Routiniers bekannte und vertraute Einleitungen und Editnotice können damit gekennzeichnet werden.
  • Spezifische Einleitungen mit besonderen Hinweisen zu einer Seite sollten diese Klasse nicht verwenden, weil die speziellen Einzelheiten auch Experten nicht bekannt sein müssen.
  • Funktionselemente (Buttons, spezifische Verlinkungen) dürfen nicht als ausblendbar markiert werden.
.Zitationswartung
  • Benutzer: Einblenden für interessierte Kreise.
  • Verwendung: verschiedene Vorlagen aus dem Bereich der Zitationen kennzeichnen damit Fehlermeldungen.
  • Standard: Ausgeblendet.

Kategorie:Wikipedia:Zitationsvorlagen-Fehler

Die nachstehenden Klassen werden automatisch zugewiesen.

Benutzergruppen
span.adminonly
div.adminonly
Zweck: Nur von Administratoren sinnvoll zu nutzende Zusatzinformationen (Links)

Gelegentlich werden so auch siteNotice gezielt adressiert.

span.editoronly
div.editoronly
Zweck: Nur von Sichtern (erfahrenen Autoren) sinnvoll zu nutzende Zusatzinformationen (etwa Fehlerwarnungen)
  • Definition: MediaWiki:Group-editor.css
  • Wirkung: Normalerweise unsichtbar
  • Verwendung: Ausblendung von internen Wartungsinformationen für normale Leser der Enzyklopädie
span.useronly
div.useronly
Zweck: Nur für angemeldeten Benutzern sinnvolle Funktionen anzeigen.
  • Definition: MediaWiki:Group-user.css
  • Wirkung: Normalerweise unsichtbar
  • Verwendung: Ausblendung von für diese unerreichbaren Funktionen für unangemeldete Benutzer
Schriftsysteme
.Arab
.Cyrl
.Deva
.Hebr
.Tibt
usw.
Zweck: Kennzeichnung von Textsequenzen nach dem verwendeten Schriftsystem.
  • Jeder Code für eine Schrift gemäß ISO 15924 kann als Name der Klasse verwendet werden.
  • Definition: Vorlage:lang und deren Derivate
  • Verwendung: Dekoration, Hervorhebung usw. von Textsequenzen in bestimmten Schriften.
.IPA Wikipedia:Lautschrift
.IAST
usw.
Transkriptionssysteme

Die nachstehenden Klassen können zur Textformatierung genutzt werden.

Direkter Einsatz in Artikeln, Vorlagen und anderen Seiten
Selektor Bedeutung
.Person Personennamen in Kapitälchen

[sollte nicht mehr über projektweites CSS genutzt werden]

.rahmenfarbe1

.rahmenfarbe5

.hintergrundfarbe1

.hintergrundfarbe9

Hilfe:Farbe

Definition: Gadgets/dewikiCommonStyle

.centered Layout von Blockelementen; siehe Hilfe:Textgestaltung/Zentrieren

Definition: Gadgets/dewikiCommonLayout

.float-left
.float-right
Textfluss von Blockelementen; siehe Hilfe:Textgestaltung/Layoutfluss

Definition: Gadgets/dewikiCommonLayout

.toptextcells Textausrichtung in Tabellen; siehe Hilfe:Tabellen #CSS.class

Definition: Gadgets/dewikiCommonLayout

.zebra Wechselnde Zeilenfärbung in Tabellen; siehe Hilfe:Tabellen #CSS.class

Definition: Gadgets/dewikiCommonStyle

Siehe auch entsprechende Selektoren unter MediaWiki.

Benutzer können in ihre common.css usw. die folgende Formatanweisung mit den gewünschten Selektoren einfügen, wie sie hier angegeben sind. Daraufhin verschwinden die fraglichen Elemente.

   .Selektor-1,
   .Selektor-2,
   .Selektor-3 {
      display: none;
   }

Weltweite Selektoren[Quelltext bearbeiten]

Für weltweit gültige Selektoren wird seit längerer Zeit das Präfix mw- vorangestellt. Sie könnten im Erscheinungsbild bei Bedarf lokal angepasst werden.

Eigene Selektoren mit diesem Präfix dürfen nicht definiert werden, um sich noch irgendwie durchfinden zu können.

Einige Selektoren sind bei Selektoren unter MediaWiki zusammengestellt.

Veraltete Klassen[Quelltext bearbeiten]

Die nachstehenden Klassen sollen nicht mehr neu eingefügt werden. Vorhandene Verwendungen sollen im Rahmen von Überarbeitungen ersetzt werden.

Selektor Bedeutung
.nogrid MediaWiki Diskussion:Common.css #nogrid
.prettytable
.spanAr
  • Ersatz durch Arab
#wp_talkpagetext

Namenskonvention[Quelltext bearbeiten]

Hilfreich ist, wenn sich am Bezeichner die Herkunft ablesen lässt:

Präfix Bedeutung
wp_ gute Kennzeichnung für zentrale Elemente der deutschsprachigen Wikipedia
mw- wird ausschließlich für Selektoren benutzt, deren Bedeutung weltweit durch die Mediawiki-Software vorgegeben wird
Gadgets sollten einen Hinweis auf ihren Namen voranstellen, wenn sie dynamisch Elemente einfügen.
Selektoren ohne Namenspräfix könnten althergebracht aus Mediawiki stammen, oder allgemein für die deutschsprachige Wikipedia gelten, oder für einzelne Vorlagen.

Bei reinen CSS-Darstellungsfragen (centered float-right toptextcells) ist die Herkunft irrelevant; bei inhaltlichen Spezifikationen und projektspezifischen Konfigurationen ist aber wichtig, den organisatorischen Hintergrund zu verstehen.

Weiterer Ausbau[Quelltext bearbeiten]

  • Die verstreuten Informationen sollten weiter zusammengetragen werden;.
  • Experten für das Kategorien-System mögen eine Namensraum-übergreifende Kategorie definieren analog etwa Kategorie:Vorlage:mit Seitenindikator, die in Vorlagen, JS-Kommentaren (Gadgets), CSS-Kommentaren und möglicherweise Systemnachrichten verwendet werden kann. Damit kann diese Tabelle dann abgeglichen werden.