Wikipedia:Technik/Skin/Benutzerstile

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 ins 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.

CommonBearbeiten

Vector-SkinBearbeiten

Benutzerleiste und Reiter fixierenBearbeiten

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-SkinBearbeiten

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

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");
	});
}

BLueFiSH.asBearbeiten

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');

Modern-SkinBearbeiten

Threadansicht für DiskussionsseitenBearbeiten

Benutzer:V.R.S./modern/threads.css von Benutzer:V.R.S.

Für übersichtlichere Diskussionsseiten.

/* [[Benutzer:V.R.S./modern/threads.css]] */
@import url("//de.wikipedia.org/w/index.php?title=Benutzer:V.R.S./modern/threads.css&action=raw&ctype=text/css");

Modern in BraunrotBearbeiten

 
So siehts aus mit braun + Intrawiki
Benutzer:V.R.S./modern/brown.css von Benutzer:V.R.S.

Modern erscheint nicht mehr in Blau, sondern in Braunrot. Stubs werden hellgrün angezeigt, externe Links gelb, nicht vorhandene Artikel rot. Wirkt jedenfalls auf meine Augen sehr beruhigend.

/* [[Benutzer:V.R.S./modern/brown.css]] */
@import url("//de.wikipedia.org/w/index.php?title=Benutzer:V.R.S./modern/brown.css&action=raw&ctype=text/css");

Modern in GrünBearbeiten

Benutzer:V.R.S./modern/green.css von Benutzer:V.R.S.

Das Gleiche in grün.

/* [[Benutzer:V.R.S./modern/green.css]] */
@import url("//de.wikipedia.org/w/index.php?title=Benutzer:V.R.S./modern/green.css&action=raw&ctype=text/css");

Netbook-SkinBearbeiten

 
So schauts auf 800x600 aus (+ Grünes Modern-Thema + Kleinigkeiten)
Benutzer:V.R.S./modern/netbook.css von Benutzer:V.R.S.

Schiebt das Suchfeld nach oben, den größten Teil der Navigation nach unten und schafft somit Platz auf kleinen Bildschirmen.

/* [[Benutzer:V.R.S./modern/netbook.css]] */
@import url("//de.wikipedia.org/w/index.php?title=Benutzer:V.R.S./modern/netbook.css&action=raw&ctype=text/css");

Weiterführende InformationenBearbeiten