Hilfe:Wiki/Skin

MediaWiki (das für dieses Wiki verwendete Programm) bietet den Benutzern eine Reihe von weiteren Skins (Oberflächengestaltungen), die andere Ansichten der Oberfläche zulassen. Die diversen Selfhtml-Erweiterungen des Mediawiki funktionieren allerdings nur mit unserem eigenen SELFHTML-Skin richtig!

• verfügbare Skins

Sie haben die Möglichkeit, mit einem eigenen Stylesheet und eigenem Javascript das SELFHTML-Wiki individuell zu gestalten.

CSS

MediaWiki erlaubt es Benutzern, eigene Stylesheets zu definieren. Dazu legen Sie unterhalb Ihrer Benutzerseite eine Seite mit dem Namen des Skins in Kleinbuchstaben und der Endung .css an, also beispielsweise Spezial:Meine Benutzerseite/selfhtml.css. (Ein Link zum benutzerdefinierten CSS jedes Skins befindet sich auch im Abschnitt Skin unter Einstellungen.) Dort können Sie beliebige CSS-Angaben einfügen und so das Aussehen des gewählten Skins individuell gestalten. Beachten Sie bitte, dass nach dem Speichern der Browser angewiesen werden muss, die neue Version statt einer aus seinem Cache zu laden. Eine Anleitung dazu wird vor und nach dem Bearbeiten angezeigt.

Welche Elemente, Klassen und IDs für das Stylesheet relevant sind, erfahren Sie, wenn Sie sich den Quelltext der Seite ansehen und mit den folgenden Stylesheets vergleichen:

/mediawiki/skins/selfhtml/selfhtml.css
/mediawiki/skins/selfhtml/main.css : 

Dies ist das Standard-CSS des Skins SELFHTML. Es kann nur von SELFHTML-Developern geändert werden.

MediaWiki:Common.css 

Spezielle Anpassungen für dieses Wiki, überschreibt die Werte aus main.css, kann von Administratoren verändert werden.

Spezial:Meine Benutzerseite/selfhtml.css 

Überschreibt wiederum die eben genannten Stylesheets für den angemeldeten Benutzer und kann nur vom Benutzer selbst oder von Benutzern mit Administratorrechten bearbeitet werden.

Sehr zu empfehlen zum Analysieren des Zusammenspiels von HTML und CSS sind die Developer Tools in Ihrem Browser.

JavaScript

Hinweis:

Derzeit gibt es einen Fehler im Zusammenhang mit dem FCKeditor ([Rich Editor]), der dazu führt, dass das Benutzer-JavaScript nicht ausgeführt wird, wenn man sein Benutzer-Stylesheet oder -JavaScript ändern möchte. Als Abhilfe kann derzeit in den benutzerspezifischen CSS- und JS-Dateien ein /* __NORICHEDITOR__ */ eingefügt werden.

JavaScript bietet viele Möglichkeiten, zusätzliche Inhalte, Navigationselemente oder andere Dinge zu schaffen bzw. die Positionierung der Seitenelemente umzugestalten. Nach ausführlicher Betrachtung des typischen Quelltextes einer Seite kann mit getElementById, insertBefore etc. viel verändert oder angerichtet werden.

MediaWiki erlaubt es Benutzern, eigene JavaScripte zu definieren. Dazu legen Sie unterhalb Ihrer Benutzerseite eine Seite mit dem Namen des Skins in Kleinbuchstaben und der Endung .js an, also beispielsweise Spezial:Meine Benutzerseite/selfhtml.js. (Ein Link zum benutzerdefinierten JavaScript jedes Skins befindet sich auch im Abschnitt Skin unter Einstellungen.) Dort können Sie beliebigen JavaScript-Code einfügen und so das Aussehen und Verhalten des gewählten Skins individuell gestalten. Beachten Sie bitte, dass nach dem Speichern der Browser angewiesen werden muss, die neue Version statt einer aus seinem Cache zu laden. Eine Anleitung dazu wird vor und nach dem Bearbeiten angezeigt.

Für praktische Beispiele bietet es sich an, JavaScripte anderer Besucher zu betrachten oder in anderen Wikis, die auf MediaWiki basieren, nach Ideen und Möglichkeiten zu schauen.

Quelle

• WikiMedia: Help:User_style#Javascript