Skinbastler

Momentaner Zwischenstand des Skins. Die Schriftgröße ist nicht repräsentativ.

So sieht beispielsweise ein Versionsunterschied aus

Mögliches Farbkonzept für die Titelbalken

Der Skinbastler ist ein Sockenpüppchen, das in seiner Freizeit an einer neuen Skin für die Wikimedia-Projekte arbeitet. Die kann man zwar schon testen, aber sie ist noch nicht vollständig ausgereift und wird noch verändert. Wenn dir jedoch beim Durchlesen dieser Seite und Ansehen der Screenshots Ideen kommen, was man verbessern könnte oder was dich schon immer an Monobook genervt hat, dann liste es hier auf oder sag auf der Diskussion Bescheid. Mithilfe beim PHP-Programmieren und CSS-Schrauben ist natürlich ebenfalls herzlich willkommen (so ein Riesenmonsterprojekt ist allein ein bisschen viel Programm).

Es gibt verschiedene Möglichkeiten zu testen, aber man muss in jedem Fall auf die Skin myskin wechseln.

• Der einfachste und arbeitsfreiste Weg ist, sich diese Zeile in die eigene myskin.js zu schreiben:

mw.loader.load('//de.wiki.x.io/w/index.php?title=Benutzer:Skinbastler/myskin.js&action=raw&ctype=text/javascript');

• Ein anderer Weg ist, die /myskin.js des Skinbastlers zu übernehmen. Hier muss man das Skript allerdings per Hand aktualisieren.
  • Man kann auch zusätzlich das /css in das eigene myskin.css kopieren, dazu sollte man allerdings die Zeile der myskin.js auskommentieren, die das Skinbastler-CSS nachlädt. Bei dieser Variante muss man auch noch die Änderungen am CSS verfolgen, allerdings hat sie den Vorteil, dass sie schneller lädt und man bereits in der Vorschau Änderungen am Design verfügbar hat (Für Entwickler wichtig).

Seiten

• Die Stylesheets sind zwecks inhaltlicher Trennung auf verschiedenen Seiten untergebracht:
  • /css (Haupt-Stylesheet) - Changelog
  • /print (Druck-Stylesheet) - Changelog

• html (Changelog)
• /myskin.js (Changelog)
• /test
• Image:Poweredby_mediawiki_88x31-new.png

Konzepte

• Zwei Linkcontainer: navigation-bar links und action-bar oben.

welche Erweiterungsmoeglichkeiten anbieten? navigation-bar+zusaetzliche Seiten oder navigation-bar komplett selbst zusammenstellbar? action-bar+weitere Aktionen in den vorhandenen Menues ("Weitere Aktionen") oder erweiterbar um eigene Menues?

Ideen

• Umgang mit Spezialseiten: Bei Spezialseiten fallen ja grosse Teile der oberen Menueleiste weg, die kann man eigentlich dann nutzen, um zwischen spezialseiten zu navigieren und eine thematisch sortierte übersicht anzubieten (yeah!)
• Section-Edit-Links durch Icon ersetzen (erscheint beim Umschalten auf Autor-Modus): Unicode-Stift-Symbol: ✎ oder ✍

Vielleicht mal das leidige Problem des fehlenden H1-Sectionedits damit erschlagen, dass man grundsaetzlich "Seite bearbeiten" und Section edit in konsistente, einheitliche Form bringt.

• von C-M: Sperre mit kleinem Schloss anzeigen bzw. Schuetzen dann offenes Schloss
• weitergedacht: Beobachten ebenfalls mit Symbol? welches? Vielleicht sowas: Datei:Eye drawing.svg ?
• Neue Symbole mit bereits vorhanden Symbolen kombinieren (Platzierung?, Anordnung?):
• Inhalt von "Weitere Aktionen": SLA, LA, QS, URV, VM-A, VM-V, Entsperrwunsch (bei gesperrten), Bookmark hinzufügen
• Bei Unterseiten (aber nicht im Artikelnamensraum) anstatt wie bisher „< Untergeordnete Seite“, besser „Untergeordnete Seite > Aktuelle Seite“ anzeigen, wie es auch auf jeder anderen Webpage gemacht wird.
• Externe Links von Intrawikipedialinks (zB diffs und alte Versionen) unterscheiden, indem Intrawikipedialinks ein eigenes Icon bekommen. Allerdings fehlt noch ein passendes Icon.

  Mit Text statt Bildern umgesetzt --Versusray (Disku | Bew.) | Skin 22:52, 8. Dez. 2007 (CET)

• Manche Seiten bevorzugt beobachten, diese sind dann auf der Beobachtungsliste besonders hervorgehoben. Möglicherweise kann man den verschiedenen Namensräumen für die Beobachtungsliste verschiedenen Farben zuordnen.

Leser-Autor-Modus

• Zwei Sidebars (Leser/Autor) zum Umschalten
• Leser
  • Was brauchen wir? Artikel zitieren, Versionsgeschichte, Diskussionsseite, Basisnavigation links
• Autor
  • Mitmachmenü links erscheint
  • Sectionedits erscheinen
• Administrator (wird optimalerweise eingefürt wenn ein Admin in den Autormodus geht)
  • Autorenoption (löschen,usw.)

weitere Ideen/alternative Entwürfe

• 
  San Jose
• 
  F30:eins
• 
  F30:zwei

• San Jose: Skinentwurf
• Christoph Knoth: 1 2 3 4

Weitere Ideen finden sich auf der Diskussionsseite des Skinbastlers.

Bugs

Wenn alle kritischen Bugs behoben sind, kann man sich ans Experimentieren mit den zusätzlichen Funktionen machen.

ernste Fehler

• (CSS-Fehler) Seiten werden oft in Überbreite angezeigt, sodass man seitlich scrollen muss

Sollte auch behoben sein. Meiner Ansicht nach sind überbreite vorformatierte Texte schuld, welche nun nicht mehr stören sollten. --Versusray 11:27, 30. Okt. 2007 (CET)

Doch noch nicht vollständig behoben, (Beispiel:[1]), welches vermutlich durch die mit |left| eingebundenen Bilder nach rechts größer wird --Versusray 21:12, 9. Nov. 2007 (CET)

Nachtrag: Überbreite TeX-Formeln wie in Korrelation verursachen das auch; hat jemand schon globalWrapper ausprobiert? Die vorformatierten Texte waren nur die Hauptverursacher. -- Versusray 12:02, 13. Nov. 2007 (CET)

Der globalwrapper ist auch nicht das Gelbe vom Ei, ohne Styles geht immerhin der Bug mit den Bildern links weg. --V·R·S (☣|☢) 20:10, 30. Jun. 2008 (CEST)

• (Skript/CSS-Fehler) Funktioniert im IE gar nicht und im Opera nur unzureichend. (Erst mal sollte es überhaupt funktionieren,danach kann man immer noch Browserfiddling machen)

• (Skript/HTML-Fehler) Link auf die Diskussionsseite oder den Artikel oben ist immer blau, egal ob die Seite existiert oder nicht

• (Skript/HTML-Fehler) Das Datum, das der footer anzeigt, steckt bei "24. April 2007 um 15:56 Uhr" fest, egal auf welcher Seite

• (Skript/HTML-Fehler) Adminmenü bei nicht-Admins ausblenden

• (Skript/HTML-Fehler) gesichtete Versionen benehmen sich komisch; in der diffansicht von gesichteter auf ungesichteter Version fehlen der Entwurf- und der Artikeltab (möglicherweise behebbar durch kleinere Anpassungen des HTML ähnlich dieser)

• (Skript/HTML-Fehler) (aus zweiter Hand) diverse Adminaktionen erscheinen nicht (behebbar durch kleinere Anpassungen des HTML ähnlich dieser)

weniger ernste Fehler und mögliche Verbesserungen

• Linkfarben mehr vom Text abheben (Geschmackssache)

• Verläufe in den Logos nach transparent statt nach weiß machen (damit man ggfls. mal die Hintergrundfarbe ändern kann)

Behoben

Bugfix existiert, muss aber noch umgesetzt werden

• Bei Seiten ohne Interwikilinks erscheint trotzdem ein Sprachmenü, zumindest als leeres Listenelement mit Dropdown-Pfeil. – Das Problem kann jedoch durch Übernahme dieser Anpassung in die Benutzer:Skinbastler/myskin.js sowie die lokalen Kopien behoben werden. Das Problem besteht nur in der Testvariante hier, im PHP-Skript dürfte das Sprachmenü wirklich nur dann erzeugt werden, wenn es tatsächlich Interwikilinks gibt.

Teilweise ungetestet

• Bei der Druckversion die Sidebar ausblenden und die schwarze Begrenzungslinie ganz unten ausblenden

Durch Änderung der myskin.js behoben, bitte alle die eigene myskin.js updaten. Die Darstellung der Druckversion wird durch die commonPrint.css und durch Benutzer:Skinbastler/print gesteuert. Ein Feature: Die Druckversion wird in DIN-A4-Seitenbreite angezeigt, um eine bessere Vorschau zu ermöglichen. Muss auf Drucker noch getestet werden. --Versusray (Disku | Bew.) | Skin 18:10, 24. Nov. 2007 (CET)

wozu updaten? besser ist einbinden statt kopieren, dann spart man sich das nämlich. -- ∂ 18:26, 24. Nov. 2007 (CET)

includePage("Benutzer:Skinbastler/myskin.js");

Ok, ich schreibs oben in die Anleitung. Gibts schon einen Test mit dem Drucker? --Versusray (Disku | Bew.) | Skin 23:55, 24. Nov. 2007 (CET)

Vollständig behoben

• Content nach oben vor Navigation (wg. Screenreadern und Handys) (in PHP-Skin erledigt)

• „Quelltext betrachten“ wird auf gesperrten Seiten nicht angezeigt

könnte jetzt funktionieren, bitte mal testen -- ∂ 18:05, 20. Sep. 2007 (CEST)

Funktioniert, danke! --Eneas 17:10, 23. Sep. 2007 (CEST)

• „+“-Link bzw. Kommentar hinzufügen wird auf Diskussionsseiten nicht angezeigt.

Funktioniert mittlerweile. --CyRoXX ^(? ±) 01:26, 16. Okt. 2007 (CEST)

• vorformatierter Text mit einem Leerzeichen am Zeilenanfang ist nicht zu sehen

Sollte damit eigentlich behoben sein.

Wenn du dies hier siehst ist es behoben. --Versusray | Diskutiere mich | Bewerte Mich | Tester gesucht! 11:27, 30. Okt. 2007 (CET)

• Externe Links werden nicht als solche gekennzeichnet

Sollte eigentlich durch so einen Edit behebbar sein, aber da tut sich nix. Allerdings ist neben dem Link auf einmal Platz. Könnte es sein dass die Bild-Url nicht stimmt? --Versusray | Diskutiere mich | Bewerte Mich | Tester gesucht! 00:28, 8. Okt. 2007 (CEST)

Ich habe hier eine korrigierte Version umgesetzt. Die ganzen Symbole gehören fest zum Monobook-Skin, wie sich an der URL festmachen lässt, daher muss momentan das Monobook-Verzeichnis angegeben werden. Wollen wir die nun verwendeten Icons komplett übernehmen oder gibt es vielleicht Verbesserungsvorschläge? Grüße, --CyRoXX ^(? ±) 16:45, 8. Okt. 2007 (CEST)

Funktioniert, super. Man könnte beispielsweise das ext.-Symbol verschönern, aber mir fällt grad nichts ein. --Versusray | Diskutiere mich | Bewerte Mich | Tester gesucht! 19:26, 8. Okt. 2007 (CEST)

Das Icon der Monobook ist zwar einfach, aber es erfüllt seinen Zweck denke ich ganz gut, daher kein Handlungsbedarf --F30 21:05, 8. Okt. 2007 (CEST)

• Bearbeiten-Fenster ist bei hohen Auflösungen zu klein: [2]

Behoben (außer es will jemand ein schmales Editierfenster) --Versusray (Disku | Bew.) | Skin 19:14, 26. Nov. 2007 (CET)

• (HTML-Fehler) Links mit Benutzerbeiträgen und Logbücher werden auf Benutzerseiten nicht angezeigt

Behoben --V.R.S. (☣|☢) 21:14, 12. Apr. 2008 (CEST)

• Beim Versionsvergleich anhand der Versionsliste kann nur mit der aktuellen Version verglichen werden, da die Auswahl der aktuellen Version sich nicht ändern lässt.

Das liegt offenbar an den Funktionen diffcheck und historyRadios in der zentralen wikibits.js sowie den umgebenden Funktionen. Vielleicht funktioniert es aufgrund der geänderten Seitenstruktur oder des Javascript-Konstrukts zum Austauschen des Skins nicht korrekt mit dem Skinbastler. --CyRoXX ^(? ±) 01:26, 16. Okt. 2007 (CEST)

Vermute ich auch, möglicherweise werden die Standardbuttons geladen, aber keine weiteren mehr angezeigt. Die excludefunktion hier könnte vielleicht nützlich sein, dann kann man für die Skriptlösung eine eigene Version programmieren wenn die kaputte ausgeschaltet ist. Eigentlich der allernervigste Bug dieser Skin. --Versusray (Disku | Bew.) | Skin 10:45, 5. Dez. 2007 (CET)

Ok, ein rudimentärer Bugfix existiert; müsste noch von einem Admin umgesetzt werden. --Versusray (Disku | Bew.) | Skin 14:54, 9. Dez. 2007 (CET)

Umgesetzt --V.R.S. (☣|☢) 21:14, 12. Apr. 2008 (CEST)

• (CSS-Fehler) - Browser laggt furchtbar, wenn er bei größerem Seiten, etwa WP:Auskunft, das Dropdown aufruft

  fix'd (Vorsicht, Monsterdiff wegen Codeverschönerung, anklicken unter myskin wird nicht empfohlen!) --V·R·S (☣|☢) 16:18, 2. Mai 2008 (CEST)

Sprachmenü

Viele Sprachlinks momentan mit overflow realisiert. In Zukunft vielleicht Lösung 2: Untermenüs nach Sprachfamilien gegliedert - muss extra programmiert werden und alle Sprachen einsortiert, bringt aber eventuell bessere Usability.

Todos

• Farbdesign für alle Wikimedia-Projekte
• Implementation als PHP-Skin
• Toolbars im Edit-Dialog überarbeiten (neue, leichtere Icons, zusammenziehen der Toolbar und der Sonderzeichenleiste - beide nach oben?)
• RTL-Version für arabische/hebräische Projekte (gucken, wie das in den anderen Skins realisiert ist)
• Integration der Interproject-Links (wenn wir sie prominenter haben wollen)
• Usability-Test
• Browser-Fiddling (Firefox IE Opera Lynx) *brrrrrrr*

Dran denken

• Prominenten Spendenlink (oben rechts über der Suche?)
• Stableversion-Boxes (*grrrrr* gar nicht.)

Logo Schriftspezifikation

• Wikipedia: Stempel Garamond Kapitälchen, Stempel Garamond Kursiv
• Wikisource: Stempel Garamond Kapitälchen, Stempel Garamond Kursiv
• Wikinews: Futura (Schatten, zweifarbig)
• Wikimedia: Gill Sans
• Wikiversity: Rotis
• Commons: Gill Sans (zweifarbig)
• Wikiquote: Mistral
• Wikibooks:
• Wiktionary: