Wikipedia:Skin

aus Wikipedia, der freien Enzyklopädie

Abkürzung: WP:SKIN

[Bearbeiten] BLueFiSH.as

so siehts bei mir aus

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

• eine je nach aufgerufener Wikipedia-Seite (Aufgabenzweck) unterschiedlich große Sidebar
• Combo-Boxen zum schnellen Öffnen diverser Wiki- und Webseiten und zum Einfügen von Bewertungsbausteinen und Löschanträgen
• ne Art Sonderzeichenleiste für häufige Texteinfügungen
• Funktion von Berlin-Jurist zum Einfügen von Bearbeiten-Links neben Alte-Version-Links
• Funktion Löschantrag eintragen (noch nicht die Hightech-Version von Littl; kommt demnächst aber noch)
• Rechtschreibprüfung von APPER
• eine Funktion zum Hinzufügen von ein paar nützlichen Tabs, abgeguckt bei en:User:Dbenbenn
• NEW: eine Funktion zum Abnehmen lästiger Formatierungs/Ersetzungs/Rechtschreib-Aufgaben (markup)
• eine paar textliche Anpassungen der Oberfläche

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

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

ToDo:

• die neuen Löschantragsfunktionen von Littl integrieren
• restlichen/originalen Sidebar-Elemente fest positionieren (meine Experimente dazu sind noch nicht zufriedenstellend)

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

• kräftig umgearbeitetes, minimalistisches design mit statischem sidebar
• diverse schnellzugriffslinks
• automatisiertes sla/la/qs-eintragen
• schnelle restores alter versionen
• eintragen von seiten auf einer persönlichen bookmarks-seite
• inline-darstellung neuer artikel
• filter für watchlist und recentchanges

hinweise

• dunkelrote links erfragen weitere eingaben, bevor sie etwas tun
• braune links tun sofort etwas, ohne weitere nachfrage
• links mit einem "▿" dahinter haben ein popupmenü auf der rechten maustaste
• links, deren funktion im hintergrund abläuft, sind solange orange hinterlegt

[Bearbeiten] APPER

Beispiel-Typo

• Benutzer:APPER/RP

Rechtschreibprüfung für Artikel. --APPER\^☺☹ 04:47, 31. Aug 2005 (CEST)

[Bearbeiten] dbenzhuser

So siehts aus

Meine monobook.js:

• [Bearbeiten]-Links für Abschnitte werden direkt neben die jeweiligen Überschrift verschoben. Kein Verrutschen mehr, keine Suche bei zu großem Browserfenster, logischere Struktur.
• Unter der Werkzeugleiste links eine einblendbare, alphabetisch sortierte Liste aller Wikilinks im Artikel. Gleichzeitig werden direkt im Artikel alle mehrfach vorkommenden Links gekennzeichnet (leicht per CSS hervorhebbar).
• Automatisches Ausfüllen des NowCommons-Löschformulars. (Für Admins)
• APPERs Rechtschreibeprüfung.

Details und Einbauanleitungen unter Dbenzhuser/Monobook

[Bearbeiten] Steffen

Fixierte obere Leisten

Meine monobook.css:

• Einblenden der Personendaten und Ausblenden der Fußzeilen
• Fixierung der Benutzerleiste und der Bearbeiten-Leiste am oberen Rand (funktioniert mit Firefox)
• runde Ecken von BLueFiSH.as auch für das Inhaltsverzeichnis und sonstige Tabellen

[Bearbeiten] Langec

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

• Intelligentes Ersetzen von "..." durch „...“ (mit dem Sonderzeichen-Einfüge-Link oder Accesskey ")

[Bearbeiten] Spongo

Benutzer:Spongo/monobook.js und Benutzer:Spongo/monobook.css
Basiert auf Benutzer:PDD/monobook.js, was Sammlung vieler Erweiterungen enthält, die sich ein- und ausschalten lassen. Einige Funktionen:

LA, BildLA, SLA, BildSLA, QS, URV und Vandalmeldungen lassen sich bequem stellen. Ein Klick, Begründung eintippen und zweimal 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.	Bei Meinungsumfragen/ Adminwahlen/etc. läßt sich mit einem Klick der Link jeden Benutzers auf seine entsprechende Seite in Interiot-tool umbiegen. (Erst dann werden die (§?) angezeigt) Ein Klick auf den Benutzer zeigt seine Edits.

• {{subst:unsigned|...|~~~~}} läßt sich halbautomatisch nachtragen.
• viele weitere kleine Hilfen

Bei mir läuft das unter Firefox 2.0.

[Bearbeiten] CyRoXX

Meine derzeit verwendete monobook.js, das ist aber eher eine Baustelle.

Nehmt (wenn ihr euch denn was kopieren wollt) besser diese Version: Sie läuft tadellos und alle darin verwendeten Funktionen funktionieren.

Diese Funktionen sind:

• moveEditsection() - eine Funktion zum "Anpappen" der [Bearbeiten]-Links an die jeweiligen Überschriften (von dbenzhuser)
• hideOwn() - Die Beobachtungsliste wird standardmäßig mit dem Parameter "?hideOwn=1" aufgerufen, eigene Beitrage werden also versteckt und können auf Wunsch eingeblendet werden (von engl. WP) Anm.: Scheint nun obsolet, da diese Option in die persönlichen Einstellungen übernommen wurde.
• unwatch() - Fügt auf der Beobachtungsliste hinter den Links "Unterschiede" und "Versionen" der einzelnen Einträge den Link "unwatch" hinzu, beobachtete Seiten lassen sich also auch komfortabel wieder aus der Beobachtungsliste entfernen. (von engl. WP)
• FIX: (an die neue BookButler-Seite angepasst) externISBN() - Biegt das Ziel von ISBN-Links von der WP-Buchfinder-Sammelseite Wikipedia:ISBN-Suche auf die Suche bei bookbutler.de um, eine Online-Preisvergleichssuchmaschine für Bücher. Kann aber auch entsprechend auf andere Dienste abgeändert werden (Amazon, Google, etc.). (von engl. WP)
• Spongos Admin-Marker
• zuletzt noch die Rechtschreibprüfung von APPER

Alles funktioniert in Firefox 1.0 einwandfrei.

ToDo's

• Littls Lösch- u. QS-Funktionen
• evtl. die Einfärbungen von BLueFiSH.as (aber sicherlich abgeändert)
• Übersichtlichkeit des Skripts erhöhen

Last but not least: Danke an alle für tolle Funktionen und Anregungen, besonders an die in meinem Beitrag bereits genannten.

[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 Diskussion:Hauptseite/Archiv16#Andere Sprachen vom 25. April 2006
3. zu Diskussion:Hauptseite/Archiv16#Wie blendet man "Hauptseite" aus? vom 28. April 2006
4. zu Diskussion:Hauptseite/Archiv16#Nummern entfernen vom 24. April 2006
5. zu Diskussion:Hauptseite/Archiv16#Nummern entfernen vom 7. Mai 2006

[Bearbeiten] Benutzer:HAL Neuntausend

Meine Version basierend auf Benutzer:Littl/monobook.js. ich habe die Menüs etwas erweitert, z.B. einige Schnellöschvarianten eingefügt. Menüpunkte algemeinverständlicher gemacht (z.B. VV > Verbesserungsvorschläge). Versionsvariable für 'Keine Panik!' zweckendfremdet.

[Bearbeiten] M.A.

monobook.js:

• Rechtschreibprüfung von APPER
• Neu: Komplettes Script von Langec übernommen
• Sortiert automatisch die Interwikis (leider wird z. B. zh-min-nan: vor statt hinter zh: sortiert, also noch etwas aufpassen...)
• Hinzufügen von geschützten Leerzeichen bei einigen gängigen Abkürzungen
• Automatische Umwandlung von daß in dass (Wichtig: Bei Zitaten darf man die Rechtschreibung nicht anpassen, es seidenn es handelt sich um Übersetzungen oder das Zitierte wurde nicht niedergeschrieben, sondern gesprochen)

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

/monobook.js basierend auf aktualisiertem, modifiziertem und modularisierten Script(en) (hauptsächlich von Littl) durch PDD. Eine erweiterte (und durch aka dynamische) Version von Spongos AdminScript ist ebenfalls enthalten.

Folgende Scripte habe ich (stark) modifiziert:

• Ein (aktuelles) optimiertes Godmode-light.Script mit IE6-Unterstützung 22:47, 7. Jun 2006 (CEST)
• shCore.js Funktion zur (JS/CSS) SyntaxHervorhebung (s.a. en:Syntax highlighter).
• unsigned.js halbautomatisch unsignierte Beitrage markieren (es werden die letzten 16 Einträge einbezogen)
• /customToolbar.js erweitert mwCustomEditButtons, fügt zusätzliche Buttons in die Editierleiste (aus fr: und en: übernommen, s.a. Extra edit buttons) (Buttons nun einzeln und in Reihenfolge wählbar).

Folgende neue Funktionen sind von mir (in modulform) :

• /signing.js - automatische Unterschrift
• /fixdiffwidth.js - Fix der Höhe (/Breite ) der Diff-Tabelle (Versions-Vergleichsseite)

Funktionen (direkt):

• aOnloadFunctions.exclude: eine Methode um Standard-Funktionen einzeln zu deaktivieren (inspiriert durch BLueFiSH) (Nur Funktionen die nicht direkt an den EventHandler gebunden sind, für welche dies aber (in anderer Weise) auch möglich wäre)

(Beim Versionsvergleich sind die Links Wikilinks)

In meiner /monobook.css (ist das Meiste von BLueFiSH) 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] TZM

JS

Mein JavaScript hab ich von anderen kopiert, enthalten sind u. a. Godmodelight, unwatch, hideOwn Knöpfe für QS, Test, LA, SLA und Rechtschreibprüfung. Das vorherige ist unaktuell, jetzt sind nur noch 3 Funktionen drin, da ich aufgrund des Nichtfunktionierens meines monobook.js das geblankt hab und nur noch RP, Godmode-Light, Navpops und WikiMiniAtlas drin hab.

[Bearbeiten] Heiko A

So sieht beispielsweise der Artikel Fußball aus

Das JavaScript wandelt alle "ß" in Artikeln, Portalen und Kategorien (Namespace 0, 14 und 100) nach "ss" um. Diskussionsseiten, Wikipediaseiten, Benutzerseiten usw. werden nicht geändert. Alleinstehende "ß" werden ebenfalls nicht geändert. So erhält man alle Artikel in der Rechtschreibung, wie sie in der Schweiz und Lichtenstein üblich ist.

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

[Bearbeiten] Neueste Änderungen

24. August 2006

• Einbinden der automatischen Unterschrift von Olliminatore
• Auskommentiert: Rechtschreibprüfung von APPER mit Link im Quickbar (auskommentiert, weil APPERs Code derzeit nicht mit dem Standard-Skin funktioniert, und da der Code auf seinen Server zugreift, möchte ich keine private Kopie des Codes anlegen)

26. August 2006

• Update von Benutzer:Ce2/JavaScript/linktags.js:
  • Die verwendete Funktion decode_utf8 steht jetzt auch in dieser Datei, dadurch ist sie jetzt "standalone" verwendbar (vorher musste diese Funktion von der einbindenden Datei bereitgestellt werden; das war mir nicht aufgefallen, weil sie bei meiner standard.js gleich am Anfang drinsteht)
  • Alle lokalen Variablen und Funktionen (außer decode_utf8) haben jetzt einen Präfix linktag_.
• Neu einbunden: newgallery.js von Benutzer:Olliminatore
• Neu im CSS: Ausblenden der Nummerierung im Inhaltsverzeichnis.

18. September 2006

• APPERs Rechtschreibprüfung funktioniert jetzt auch mit Klassik-Skin, daher nicht mehr auskommentiert
• Link zur Rechtschreibprüfung wird nur bei Artikeln eingeblendet (da ich nicht Opera nutze und die Funktion daher bei anderen Seiten ohnehin nichts täte)
• Anzeige der echten Benutzernamen ist jetzt auch ein eigenes Modul: Benutzer:Ce2/JavaScript/Showusers.css
• Der Benutzername wird jetzt in ein <span class="loginname"> gesetzt, so daß die Darstellung mittels CSS gezielt geändert werden kann.

21. September 2006

• Der Seitentitel wird in einen Permanentlink auf die aktuelle Version umgewandelt

[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:

• Am Anfang bfindet sich (neben Hilfsfunktionen zum Codieren/Decodieren von UTF8 und für XMHHttpRequest) die Funktion includeJS, die ein Importieren von JavaScript-Seiten mitteln Wikilink-Syntax erlaubt (dadurch erscheint die einbindende Seite auch automatisch auf Spezial:Whatlinkshere der eingebundenen Seite).
• In der Seitenleiste des Klassik-Skins befindet sich derzeit kein Direktlink zum Projektportal. Deshalb füge ich per JavaScript einen hinzu. Das ist natürlich völlig skinabhängig (sowohl der Zweck, als auch die Implementierung).
• Automatische Unterschrift von Olliminatore
• Rechtschreibprüfung von APPER. Allerdings nicht automatsch gestartet, sondern über einen Link im Quickbar. Der Code für das Setzen dieses Links ist skinabhängig.
• Des weiteren füge ich der Seite einige Link-Tags hinzu. Diese Link-Tags werden z.B. vom Mozilla bei aktivierter Site-Navigationsleiste (Menü Ansicht -> Anzeigen/Verstecken -> Site-Navigationsleiste) ausgewertet. Diese Funktionen sind unabhängig vom Skin, nützen aber natürlich nur etwas bei Browsern, die die Tags auch auswerten. Im Einzelnen wird definiert

rel-Attribut	deutscher Linkname in der Navigationsleiste	Linkziel	Kommentar
start	Anfang	Hauptseite
help	Mehr -> Hilfe	Wikipedia:Handbuch
index	Dokument -> Index	Spezial:Allpages
chapter	Dokument -> Kapitel -> Kapitelname	#Kapitelname
prev	Vorhergehender	Link zum vorherigen Unterschied	nur bei Diffs (bei Versionen wäre es auch schön, da fehlt aber die Auszeichnung der Links, siehe auch diesen Verbesserungsvorschlag
next	Nächster	Link zum nächsten Unterschied	wie bei prev

• Zudem binde ich popup.js von User:Lupin der en:Wikipedia ein.
• Zusätzlich habe ich noch den Code von Benutzer:D für einklappbare Abschnitte hereinkopiert und an den Klassik-Skin und meine Präferenzen angepasst. Skinabhängig (wie auch das Original, nur eben für einen anderen Skin)
• Falls über die Vorlage:Editcount ein Editcounter eingefügt wurde, wird der Link in den Quickbar verschoben (funktioniert leider nicht bei Selbstbastellösungen für den Editcounter). Das ist natürlich skinabhängig.
• Bei Links auf Benutzerseiten, deren Text nicht der Benutzername ist (insbesondere selbstgestaltete Signaturen), wird letzterer in Klammern angefügt. Damit kann man auch Benutzer, deren Signatur keine Ähnlichkeit mit dem Benutzernamen aufweist, sicher identifizieren. Ein Kleinbuchstabe am Anfang wird dabei nicht als veränderter Benutzername angesehen.
• Außerdem binde ich noch newgallery.js von Olliminatore ein.
• Weiterhin wandele ich den Seitentitel in einen Permanentlink auf die aktuelle Version um.

[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:

• Änderungen in Diffs bekommen einen roten Hintergrund statt roter Schrift, dadurch kann man Änderungen an Satzzeichen (z.B. Punkt statt Komma) leichter finden (einfach weil der gefärbte Bereich größer ist).
• Die Sprachlinks (im Standard-Skin oben und unten auf der Seite) habe ich grün gemacht (das braucht zwei unterschiedliche Statements, da Sprachlinks im Klassik-Skin nicht explizit gekennzeichnet sind).
• In den Zusammenfassungen werden Links im "grauen Bereich" (also dem durch /* ... */ gekennzeichneten Bereich, der grau statt schwarz dargestellt wird) ebenfalls mit schwächeren Farben dargestellt.
• Das CSS für die Abschnitt-Einklapp-Buttons von Benutzer:D (siehe JavaScript) ist hier auch noch drin.
• Hervorhebung der eigenen Signatur (nach Wikipedia:Signatur)
• Abschalten des Editcounters rückgängig gemacht (skinabhängig!)
• Nummerierung im Inhaltsverzeichnis ausgeblendet.
• Den von showuser.js eingefügten Benutzernamen kleiner gemacht.
• Die vom .js erzeugten Permanentlink-Überschrift dennoch schwarz machen (sieht besser aus)

[Bearbeiten] PDD

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

(mehr oder weniger) obligatorische Bestandteile:

• Navigations-Quickbar in der oberen linken Ecke; enthält in der Standardversion Links zu allen möglichen Tools und Projektseiten (kann natürlich angepasst werden)
• darin u.a. enthalten:

• automatisierte Löschanträge, SLAs, Vandalenmeldungen usw.
• (halb)automatische Markup-Korrektur (von BLueFiSH.as)
• (halb)automatische Umwandlung in Anführungszeichen in die typografische Version
• Textersetzungsfunktion im Editier-Fenster

usw.

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

• aktualisiertes godmode-light.js (fügt Revertier-Funktion hinzu)
• alternative Revertierfunktion (addEditAndRevertLinks.js), mit der auf jede beliebige Version revertiert werden kann
• Markierung verdächtiger Sonderzeichen in Benutzernamen (markUTF8.js)
• spezielle Markierung der Benutzernamen von Administratoren (markAdmins.js) (von Spongo)
• Rechtschreibprüfung (von APPER)
• Änderung (i.d.R. Kürzung) von Beschriftungen der Benutzeroberfläche (changeBeschriftungen.js)
• Hinzufügen von Links auf jeweils relevante Logbücher (Benutzerlog, Seitenlog) und Tools (Benutzerbeiträge, Editcounter, Stimmberechtigungs-Überprüfung) (addLogsLink.js)
• Hinzufügen eines Buttons, um nur den ersten Abschnitt eines Artikels zu editieren (addEditSection0.js)
• automatisches Unterschreiben von Diskussionsbeiträgen (von Olliminatore)
• halbautomatisches Einfügen/Ausfüllen der Unsigned-Vorlage (von Olliminatore)
• alternative Suchen-Ersetzen-Funktion (SearchBox)
• WikiMiniAtlas (von Dschwen)
• Ein-/Ausblenden von Fußnoten in Artikeln (von Malte Schierholz)
• Lupins Popups
• QuickEdit von ASM (siehe hier)

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

[Bearbeiten] Navigation-Popups

• Navigation-Popups bieten einfachen Zugriff auf verschiedene Wikipedia-Funktionen in Popups, die erscheinen, wenn man die Maus über Wiki-Links bewegt.

[Bearbeiten] Siehe auch

• meta:Hilfe:Eigene_Stylesheets
• meta:Help:User style
• meta:Gallery of user styles