ConcealMe.com   Current URL:   [ UP ]  More Options
  [Manage cookies]                

Wikipedia:Skin

aus Wikipedia, der freien Enzyklopädie
Wechseln zu: Navigation, Suche
Hilfsmittel
Abkürzung: WP:SKIN

Durch einen Skin (englisch für „Haut“ oder „Hülle“) kann das Aussehen der Wikipedia-Benutzeroberfläche bestimmt werden. Bislang war das Skin „Monobook“ der Standard (Beispiel), seit 10. Juni 2010 ist „Vector“ (Beispiel) der neue Standard-Skin. Vector wurde im Rahmen der Usability-Initiative entwickelt.

Neben der Auswahl des Skins kann jeder angemeldete Benutzer sein Skin selbst in seinen Einstellungen modifizieren. Auf dieser Seite darf jeder seine persönlichen Skin-Modifikationen vorstellen. Sie ist für selbstständig „lebensfähige“ JavaScript-Skripte und CSS-Stylesheets gedacht. Für Einzelteile zum Selberbasteln siehe bitte /Baukasten. Die Diskussionsseite soll dazu dienen, Fragen von Benutzern zu klären und auf eigene Neuerungen hinzuweisen.

Standarddateien der de-Wikipedia

Skin Eigene JS-Datei Eigene CSS-Datei JS-Anpassungen auf der de_wp CSS-Anpassungen auf der de_wp Standard-CSS
Modern Spezial:Mypage/modern.js Spezial:Mypage/modern.css MediaWiki:Modern.js MediaWiki:Modern.css /modern/main.css
MonoBook Spezial:Mypage/monobook.js Spezial:Mypage/monobook.css MediaWiki:Monobook.js MediaWiki:Monobook.css /monobook/main.css
Vector Spezial:Mypage/vector.js Spezial:Mypage/vector.css MediaWiki:Vector.js MediaWiki:Vector.css /vector/main-ltr.css
Achtung: folgende Skins werden nicht mehr aktiv weiterentwickelt.
Einfach Spezial:Mypage/simple.js Spezial:Mypage/simple.css MediaWiki:Simple.js MediaWiki:Simple.css /simple/main.css
Klassik Spezial:Mypage/standard.js Spezial:Mypage/standard.css MediaWiki:Standard.js MediaWiki:Standard.css /common/wikistandard.css
Kölnisch Blau Spezial:Mypage/cologneblue.js Spezial:Mypage/cologneblue.css MediaWiki:Cologneblue.js MediaWiki:Cologneblue.css /common/cologneblue.css
Küken Spezial:Mypage/chick.js Spezial:Mypage/chick.css MediaWiki:Chick.js MediaWiki:Chick.css /chick/main.css
MySkin Spezial:Mypage/myskin.js Spezial:Mypage/myskin.css MediaWiki:Myskin.js MediaWiki:Myskin.css /myskin/main.css
Nostalgie Spezial:Mypage/nostalgia.js Spezial:Mypage/nostalgia.css MediaWiki:Nostalgia.js MediaWiki:Nostalgia.css /common/nostalgia.css

Wichtige Funktionen:

Funktion Woher? Was sie macht
addOnloadHook(function); wikibits.js Führe eine Funktion function nach dem Laden der Seite aus
importScript(page); wikibits.js Binde ein lokales Skript page im Format MediaWiki:Beispiel.js mittels importScriptUrl ein, also importScript('MediaWiki:Beispiel.js');
importScriptURI(url); wikibits.js Binde ein Skript mit der Url url ein
importStylesheet(page); wikibits.js Wie importScript, nur für Stylesheets
importStylesheetURI(url); wikibits.js Wie importScriptURI, nur für Stylesheets
appendCSS(text); wikibits.js CSS (text) in die Seite schreiben
includePage(name); Common.js Ein veralteter, nur lokal verfügbarer Alias von importScript. Bitte nicht mehr verwenden.

Inhaltsverzeichnis

[Bearbeiten] Benutzerskripte

[Bearbeiten] BLueFiSH.as

so siehts bei mir aus

Veränderungen im User-Javascript: (Benutzer:BLueFiSH.as/monobook.js)

Veränderungen im User-Stylesheet: (Benutzer:BLueFiSH.as/monobook.css)

ToDo:

Einschränkung: soll laut Littl nicht im IE funktionieren.. mir egal ;-)

Also: have fun damit! --BLueFiSH ?! 08:12, 8. Nov 2005 (CET)


[Bearbeiten] ∂

meine benutzerseite
neue artikel in inlinedarstellung

hier eine halbwegs fertige version meiner umfangreich modifizierten monobook. läuft leider nur auf firefox ab version 1.5. installation und weitere informationen auf Benutzer:D/monobook.

besondere features

hinweise


[Bearbeiten] dbenzhuser

So siehts aus

Meine monobook.js:

Details und Einbauanleitungen unter Dbenzhuser/Monobook

[Bearbeiten] Steffen

Fixierte obere Leisten

Meine monobook.css:

Das gleiche auch für die vector.css


[Bearbeiten] Langec

Meine monobook.js hat bisher nur ein paar Anleihen bei BLueFiSH.as genommen. Features sind bisher:

[Bearbeiten] Euku

früher Spongo

Um die zusätzlichen Funktionen nutzen zu können, muss man seine monobook.js und monobook.css ändern. Weitere Infos: Benutzer:PDD/monobook FAQ. Meine Datei basiert auf Benutzer:PDD/monobook.js, was zum kleinen Teil auch meine Erweiterungen enthält. Einige Funktionen:

LA, SLA, QS, URV, DÜP und VM lassen sich bequem stellen. Ein Klick, Begründung eintippen und speichern.
Bequemes Revertieren. Ein Klick auf (rev), Begründung eintippen und bestätigen.
An Administratorennamen wird ein (A) angehägt, man kann ja nicht alle Namen auswendig können und weiß so mit wem man es zu tun hat.
Personendaten und einige Kategorien lassen sich durch einen Klick nachtragen.
Bei Diskussionsseiten, auf denen die Vorlage Autoarchiv-Erledigt verwendet wird, lassen sich einzelne Abschnitte mit einem Klick mit {{Erledigt|~~~~}} versehen.


Bei mir läuft das unter Firefox 3.5 ohne Probleme.

[Bearbeiten] CyRoXX

Derzeit verwende ich testweise PDDs Skript, das ist sehr umfangreich und muss noch an meine persönlichen Bedürfnisse angepasst werden. Von meiner eigenen monobook.js übrig geblieben ist aber noch folgendes:

externISBN() (ursprünglich von der engl. WP) – Biegt das Ziel von ISBN-Links von der WP-Buchfinder-Sammelseite Wikipedia:ISBN-Suche auf einen beliebigen andere Dienst um, etwa Amazon, Google, usw. Dazu muss die Variable ISBNziel entsprechend gesetzt werden. Zu finden ist die Funktion unter Benutzer:CyRoXX/externISBN.js, von dort kann man sie etwa über PDDs Funktion importJavascriptL() einbinden. Bei Fragen und Anregungen könnt ihr mir eine Nachricht auf meiner Diskussionsseite hinterlassen.

[Bearbeiten] Wiegels

Hier möchte ich einige kleine Problemlösungen vorstellen. Zur Umsetzung ist die persönliche JavaScript-Datei um den gewünschten Code zu erweitern (getestet mit Firefox 1.5).

function Init() {

  // 1. Ergebnisseite nach einer Suche aus dem Kasten „Suche“ in einem neuen Fenster/Tab öffnen
  document.getElementById('searchform').target = '_blank';

  // 2. Erweiterung des Kastens „Andere Sprachen“
  if (wgPageName=='Hauptseite') {
    var divNode = document.getElementById('p-lang');
    // 2.1 Überschrift als Link zu Wikipedia:Sprachen
    var h5Node = divNode.getElementsByTagName('h5')[0];
    var aNode = document.createElement('a');
    aNode.href = wgServer+'/wiki/Wikipedia:Sprachen';
    aNode.appendChild(h5Node.removeChild(h5Node.firstChild));
    h5Node.appendChild(aNode);
    // 2.2 Trennlinie und Listenelement mit Link zu Wikipedia:Sprachen
    var ulNode = divNode.getElementsByTagName('ul')[0];
    ulNode.appendChild(document.createElement('hr'));
    var liNode = document.createElement('li');
    var aNode = document.createElement('a');
    aNode.href = wgServer+'/wiki/Wikipedia:Sprachen';
    aNode.appendChild(document.createTextNode('Alle Sprachen'));
    liNode.appendChild(aNode);
    ulNode.appendChild(liNode);
    }

  // 3. Hauptseite ohne Hauptüberschrift
  if (wgPageName=='Hauptseite') {
    document.getElementsByTagName('h1')[0].style.display = 'none';
    }

  // 4. Hauptseite ohne Überschriftennummerierung
  if (wgPageName=='Hauptseite') {
    var h2s = document.getElementsByTagName('h2');
    for (var number = 0; number<h2s.length; number++)
      h2s[number].firstChild.data = h2s[number].firstChild.data.replace(/^\d+\s/, '');
    }

  // 5. Formatierte Überschriftennummerierung
  for (var level = 2; level<6; level++) {
    var hs = document.getElementsByTagName('h'+level);
    for (var number = 0; number<hs.length; number++)
      hs[number].firstChild.data = hs[number].firstChild.data.replace(/^([\d.]+)(?=\s)/, '($1)'); // Alternativen: '$1.', '$1 —'
    }

  }
addOnloadHook(Init);
  1. zu Diskussion:Hauptseite#Suche direkt auf Hauptseite vom 13. April 2006
  2. zu Wikipedia Diskussion:Hauptseite/Archiv16#Andere Sprachen vom 25. April 2006
  3. zu Wikipedia Diskussion:Hauptseite/Archiv16#Wie blendet man "Hauptseite" aus? vom 28. April 2006
  4. zu Wikipedia Diskussion:Hauptseite/Archiv16#Nummern entfernen vom 24. April 2006
  5. zu Wikipedia Diskussion:Hauptseite/Archiv16#Nummern entfernen vom 7. Mai 2006

[Bearbeiten] M.A.

monobook.js:

Bitte alle Änderungen überprüfen, da das Script noch nicht 100% funktioniert. Wer es dennoch ausprobieren will kann dies gerne tun. Es ist auch ehr als Hilfe und nicht als Abnahme der Arbeit gedacht. Die Autokorrektur wird mit einem Klick oben rechts auf den entsprechenden Schriftzug gestartet. Getestet in Opera und ein wenig in Firefox.

Weitere Features werde ich evt. ohne Ankündigung ergänzen.

[Bearbeiten] Olliminatore

Mein /monobook.js basiert auf modifizierten und modularisierten Skripten durch PDD.

Folgende Skripte habe ich (stark) modifiziert:

* /shCore.js Funktion zur (JS/CSS) SyntaxHervorhebung (s.a. en:Syntax highlighter). obsolet

Folgende neue Funktionen sind von mir (in Modulform):

* /fixdiffwidth.js - Fix der Höhe (/Breite ) der Diff-Tabelle (Versions-Vergleichsseite) obsolet

Funktionen (direkt):

In meiner /monobook.css (ist das Meiste von BLueFiSH.as) habe ich dazu noch alle Verweis- Ankerlinks dezent hervorgehoben, sowie den ersten Buchstaben auf jeder Seite (der Artikel-Überschrift und des Artikels) zu stylistischen Kapitälchen.

[Bearbeiten] Augiasstallputzer

Zum einblenden eines Layout-Hilfsrasters beim Editieren:

#wikiPreview {
    background-image:url(http://upload.wikimedia.org/wikipedia/de/f/fd/EditRaster.png);
    background-repeat:repeat; }

[Bearbeiten] Ce

Zunächst einmal: Ich verwende den Skin Klassik (vormals Standard), deshalb ist meine JavaScript-Datei Benutzer:Ce2/standard.js und meine CSS-Datei Benutzer:Ce2/standard.css. Ein Teil des Codes, zwecks Einbindung, findet sich auch auf (Unterseiten von) Benutzer:Ce2/JavaScript. Außerdem stelle ich eine Tippsammlung für eigenes JavaScript auf Wikipedia unter Benutzer:Ce2/JavaScript/Tipps zusammen. Ich habe auch einen Abschnitt im /Baukasten.

[Bearbeiten] Neueste Änderungen

6. Mai 2010

[Bearbeiten] JavaScript

Die meisten meiner Änderungen befinden sich im Javascript. Einige sind Skin-unabhängig, andere sind nur im Klassik-Skin möglich/sinnvoll. Die Änderungen im Einzelnen:

[Bearbeiten] CSS

Im CSS habe ich eigentlich kaum etwas verändert. Ob die Änderungen auch im normalen Monobook-Skin brauchbar/sinnvoll sind, weiß ich nicht. Die Änderungen im einzelnen:

[Bearbeiten] PDD

Modularisierte und kontinuierlich aktualisierte/verbesserte /monobook.js, basierend auf den populären Littl-Skripten

(mehr oder weniger) obligatorische Bestandteile:

  • Automatisierte Löschanträge, SLAs, Vandalenmeldungen usw.
  • (Halb)automatische Markup-Korrektur (von BLueFiSH.as)
  • (Halb)automatische Umwandlung in Anführungszeichen in die typografische Version
usw.

fakultative Module: (können in der monobook.js separat an- und ausgeschaltet werden)

usw. (nähere Einzelheiten siehe Benutzer:PDD/monobook FAQ, Changelog siehe Benutzer Diskussion:PDD/monobook.js#Changelog)

[Bearbeiten] Benutzer:Joschua

Userpage_Navigation zum bequemen navigieren auf Benutzerseiten. Fügt mit Javascript auf diversen Benutzerspezifischen Seiten, eine Benutzer-Unternavigation ein. Einzelne Links können durch Auskommentieren der entsprechenden Zeile deaktiviert werden. Weitere können relativ einfach hinzugefügt werden.

Screenshot
Joschua monobook.png

[Bearbeiten] Benutzer:C-M

[Bearbeiten] Administratoren markieren

Hier gibt es ein kleines CSS welches Administratoren grau markiert und den Browser weniger stark belastet als eine reine JavaScript-Lösung - zum Einbinden einfach die folgende Zeile zur eigenen monobook.js hinzufügen:

document.write('<link rel="stylesheet" type="text/css" href="http://tools.wikimedia.de/~chm/monobook/markadmins.css" />');

Alternativ ist die Einbindung auch mit reinem CSS möglich - dazu

/* Admins markieren */
@import "http://tools.wikimedia.de/~chm/monobook/markadmins.css";

Ganz oben in in deiner monobook.css einbinden - das ist dann noch ein wenig flinker ;)

Siehe auch:

[Bearbeiten] Benutzer:ABF

Basierend auf PDD's monobook mehrere Ergänzungen, Einbindung anderer Scripte. Mehr Informationen und Screenshots auf dieser Seite.

[Bearbeiten] Dapete

Ich habe ein Skript geschrieben, um Bilder um einen beliebigen Faktor zu skalieren - und dabei auch eine entsprechend skalierte Version vom Server zu laden (also kein reiner CSS-Trick). Die Skalierung kann auf Thumbnails oder Galerien beschränkt werden oder für alle Bilder erfolgen. Zur Installation und für weitere Informationen siehe hier.

[Bearbeiten] ASM

MediaWiki QuickEdit 2.0 (ältere Version)

MediaWiki QuickEdit 2.3

Einzelne Abschnitte direkt in der Artikelansicht bearbeiten – mit Live Vorschau-Funktion, direkter Anzeige der getätigten Änderungen und Suchfunktion.

Bugs/Vorschläge bitte hier melden.

Benutzen

In die monobook.js einfügen:

document.write('<script src="'
+ 'http://de.wikipedia.org/w/index.php?title=Benutzer:ASM/quickedit.js'
+ '&action=raw&ctype=text/javascript"></script>');

[Bearbeiten] Flominator

[Bearbeiten] Benutzer:Jowereit

Meine typografie.js enthält Funktionen zur „Autokorrektur“ von typografischen Zeichen während der Bearbeitung. Momentan werden folgende Ersetzungen vorgenommen:

In der aktuellen Version ist das Skript auch mit wikEd (ab Version 0.9.61) kompatibel. Eine genauere Beschreibung sowie Hinweise zum Einbinden des Skripts finden sich auf der Info-Seite zum Skript. -- Jowereit 23:18, 4. Jan. 2008 (CET)

[Bearbeiten] Benutzer:Magnus Manske

[Bearbeiten] Benutzer:TMg

[Bearbeiten] Benutzer:Codeispoetry

Eine komplette Übersicht und Hinweise zur Einbindung gibt es unter Benutzer:Codeispoetry/Benutzerscripte. Im Einzelnen habe ich:

Alles ist modular und einzeln einbindbar. Gruß, Code·is·poetry 20:39, 30. Mai 2008 (CEST)

[Bearbeiten] Benutzer:StummiBook

Stummibook

Bisher nur ein kleines Experiment von mir. ;) Das Stummibook bietet die möglichkeit, sich einen Artikel in einem extra div-"fenster" zu öffnen. Ein Artikel, den man innerhalb dieses div-fensters öffnet, erscheint in einem eigenen Div-Fenster

einfach die Inhalte in die eigene monobook.js bzw monobook.css übernehmen:

js-datei | css-datei

Eine Aktuelle Version befindet sich auch immer in meiner eigenen monobook: Allerdings steht diese hier unter ständiger entwicklung, kann also auch mal zeitweise unbrauchbar sein

js-datei | css-datei Lieber nicht, da arbeite ich gerade an was ganz anderem --Stummi(D|B) 21:10, 17. Sep. 2008 (CEST)

[Bearbeiten] Benutzer:V.R.S.

eine Variante
Netbookskin + Grün

Für Einbindungsanweisungen und weiterführende Info siehe Benutzer:V.R.S./Skripte. Ich habe anzubieten:

[Bearbeiten] Revolus

sidebartranslate in Aktion

Interwiki-Übersetzer (alle Skins)

Bildbreite in Galerien anpassen (alle Skins)

Aktuelle/Alte Beiträge auf Spezial:Beiträge ausblenden (alle Skins)

Frage vorm Zurücksetzen (alle Skins)

Nur noch den Inhalt scrollen, nicht mehr die ganze Seite. (Vector-Skin)

Altes Wikipedia-Logo (Vector-Skin)

[Bearbeiten] PerfektesChaos

Anleitung: Benutzer:PerfektesChaos/js/WikisyntaxTextMod

[Bearbeiten] J. 'mach' wust

[Bearbeiten] Zeichen in der Standard-Schriftart des Browsers anzeigen

Benutzer:J. 'mach' wust/vector.css:

[Bearbeiten] Steef389

Sperrloganzeige:

[Bearbeiten] Siehe auch

Von „http://de.wikipedia.org/wiki/Wikipedia:Skin“
Persönliche Werkzeuge
Namensräume
Varianten
Aktionen
Navigation
Mitmachen
Drucken/exportieren
Werkzeuge
In anderen Sprachen