Wikipedia:Technik/Skin/Benutzerstile

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

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.

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

Benutzerleiste und Reiter fixieren

[Quelltext bearbeiten]
Snippet von Benutzer:Schnark
Fixiert die Zeile mit den Links auf die eigene Benutzerseite und die Reiter:
/* 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;
}

Monobook-Skin

[Quelltext bearbeiten]

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

[Quelltext bearbeiten]
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:
/* [[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);
Zusätzlich fürs monobook.js:
if ( window.innerWidth < 1000 ) {
	// für [[Benutzer:✓/monobook/small.css]]
	$(function() {
		$('#p-cactions').appendTo('#globalWrapper').removeClass('portlet');
		$('#p-personal').attr('id', "p-ownpersonal");
	});
}
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.
/* [[Benutzer:BLueFiSH.as/monobook.css]] */
@import url('//de.wikipedia.org/w/index.php?title=Benutzer:BLueFiSH.as/monobook.css&action=raw&ctype=text/css');

Weiterführende Informationen

[Quelltext bearbeiten]