Wikipedia:Technik/Skin/Benutzerstile

Wikipedia:Technik/Linkbox Auf dieser Seite stellen Benutzer in CSS geschriebene Stile vor, die auch für andere Benutzer verwendbar sind. Dabei handelt es sich um Oberflächenmodifikationen im Sinne von Umgestaltung, nicht um das Ändern bzw. Hinzufügen von Elementen in das bekannte Layout, welche auf JavaScript basieren. Dennoch lassen sich kurze JavaScript-Snippets oft nicht vermeiden, da bedeutende Elemente umgestellt werden müssen.

Frühere, weniger sortierte und veraltete Stile befinden sich noch im Baukasten bzw. unter Wikipedia:Technik/Archiv/WP:Skin.
Allgemeine Informationen zu Stildefinitionen in einem Wiki-Projekt finden sich unter Skin/CSS; zum Aufbau einer Wikipedia-Seite siehe Skin/GUI.
Zur Einbindung von kompletten Stilen siehe: Skin/CSS: Import

Die von MW empfohlene Formatierung würde die Lesbarkeit sichern.

Common

Benutzer:PerfektesChaos/css/shared.css – verschiedene Link-Kennzeichnungen; insbesondere für Artikel
Benutzer:Schnark/js/CSS – Sammlung
Benutzer:Speravir/CSS – Sammlung

Vector-Skin

Benutzerleiste und Reiter fixieren

Snippet von Benutzer:Schnark: Fixiert die Zeile mit den Links auf die eigene Benutzerseite und die Reiter:

<syntaxhighlight lang="css" style="margin-left:2em"> /* Benutzerleiste und Reiter fixieren */

p-personal {

 position: fixed; z-index: 2;
 width: 100%; left: 0em; height: 5em; 
 background-color: white;

}

p-personal ul {

 margin-right: 11em;
 float: right;

}

left-navigation {

 position: fixed; z-index: 2;
 left: 10em;

}

right-navigation {

 position: fixed; z-index: 2;
 right: 0em;

} </syntaxhighlight>

Monobook-Skin

Fixierte Ränder & Oberfläche für kleine Bildschirme

Benutzer:✓/monobook/small.css von ✓ ^Bergi

Die Seite wird in 4 fixierte Elemente aufgeteilt, die getrennt voneinander scrollen:

Seitenleiste inklusive personal toolbar
Suche, immer sichtbar
Reiter-Leiste oben
Inhaltsbereich; wenn die Seitenleiste nicht angewählt ist wird sie automatisch verdeckt

Über das monobook.css gelingt die Einbindung schneller, das nicht-dynamische Laden verhindert Springen von Seitenelementen:

<syntaxhighlight lang="css" style="margin-left:2em"> /* Benutzer:✓/monobook/small.css */ @import url('//de.wikipedia.org/w/index.php?title=Benutzer:✓/monobook/small.css&action=raw&ctype=text/css') screen and (max-width: 1000px); </syntaxhighlight>

Zusätzlich fürs monobook.js:

<syntaxhighlight lang="javascript" style="margin-left:2em"> if ( window.innerWidth < 1000 ) { // für Benutzer:✓/monobook/small.css $(function() { $('#p-cactions').appendTo('#globalWrapper').removeClass('portlet'); $('#p-personal').attr('id', "p-ownpersonal"); }); } </syntaxhighlight>

BLueFiSH.as

Benutzer:BLueFiSH.as/monobook.css von Benutzer:BLueFiSH.as

Bunte Einfärbungen von diversen Links oder Linktypen, Verschönerung, bessere Lesbarkeit & diverse Ausblendungen
Die meisten Image-Metadata-Tags selektiv ausgeschaltet, nur das nötigste behalten.

<syntaxhighlight lang="css" style="margin-left:2em"> /* Benutzer:BLueFiSH.as/monobook.css */ @import url('//de.wikipedia.org/w/index.php?title=Benutzer:BLueFiSH.as/monobook.css&action=raw&ctype=text/css'); </syntaxhighlight>

Weiterführende Informationen

MediaWiki: Gallery of user styles – Benutzerstile

mw: – auf MediaWiki
en:Help:User style #Samples – Beispiel-Stile in der englischsprachigen Wikipedia