Benutzer:Steffen/Monobook-Hacks

Monobook.css - das wenig bekannte Wesen

Die Hacks, die ich hier verwende funktionieren auf jeden Fall mit Firefox, teilweise sicher auch mit anderen Browsern. Über Rückmeldung bin ich natürlich immer dankbar!

Eine große Liste hat BLueFiSH.as mal angefangen; die ist unter Wikipedia:Skin zu finden. Das hier ist dafür etwas rudimentärer ;-)

Die Einleitung auf MediaWiki ist unter User styles zu finden.

Monobook ist der Standardskin der Wikipedia. Er ist mit CSS formatiert. Dazu werden verschiedene CSS-Dateien verwendet. Dabei ist die Reihenfolge wichtig, da die letzte Datei die Einstellungen der vorletzten überschreiben kann usw.

1. Die eigentliche CSS-Datei dazu findet man unter http://de.wikipedia.org/skins-1.5/monobook/main.css. Für Versionsvergleiche ist http://de.wikipedia.org/skins-1.5/common/diff.css verantwortlich.
2. An dieser Stelle werden per Java-Script wenn nötig eigene Stylsheets für Fixey für den InternetExplorer eingebunden, auf die ich jetzt nicht weiter eingehe.
3. Als nächstes folgt die für alle Skins der deutschen Wikipedia geltende MediaWiki:Common.css. Dort können gemeinsame Anpassungen für alle Benutzer gemacht werden.
4. Dann folgt MediaWiki:Monobook.css, die gemeinsame Änderungen für den Monobook-Skin beinhaltet.
5. Als letztes kommt das für den einzelnen Benutzer wichtigste und mächtigste Instrument: die eigene monobook.css. Um sich diese selbst anzulegen, muss man die Seite Benutzer:Benutzername/monobook.css anlegen, meine monobook.css liegt also unter Benutzer:Steffen/monobook.css.

Personendaten anzeigen

Leider sind die Einstellmöglichkeiten nur recht schlecht dokumentiert. Das bekannteste dürfte das Anzeigen der Personendaten sein (siehe auch Wikipedia:Personendaten#Verwendung):

table.metadata { display:table; }

Dabei hängen die Personendaten direkt unter der letzten Zeile; Abhilfe schafft:

table.metadata { display:table; margin-top:20px; }

Fußzeilen entfernen

Die Fußzeilen unter den Artikeln sind nicht wirklich nötig. Um sie nicht darzustellen trägt man folgendes ein:

#footer {display:none;}
.printfooter {display:none;}

Feststehende Benutzerleiste

Ich habe mich immer wieder geärgert, dass die Leiste zum Artikel bearbeiten und die Anmelde-Leiste am oberen Rand immer verschwindet. Daher hab ich ein wenig rumexperimentiert um sie am oberen Rand festzuhalten und das Dokument darunter durchscrollen zu lassen. Dazu müssen zwei Leisten festgehalten werden:

• der Bereich mit der id p-cactions, in dem Benutzername, Eigene Diskussion usw. stehen
• der Bereich mit der id p-personal, in dem Artikel (bzw. Vorlage...), Diskussion usw. stehen

Diese werden mit position:fixed; festgehalten und mit z-index:5; in den Vordergrund geholt. Für p-cactions sieht das momentan bei mir so aus:

div#p-cactions { /*Die Leiste zum Artikel bearbeiten usw.*/
position:fixed; 
background-color: #f8f8ff;
z-index:5; /*in den Vordergrund holen*/
top: 1.15em; /*sonst bildet sich eine hässliche Spalte zu p-personal*/
width: 100%; /* das Ding ist normal - warumauchimmer - nicht auf voller Breite*/
}

Und so für p-personal:

div#p-personal { /*Die persönliche Leiste oben mit Benutzername ... Abmelden*/
position:fixed; 
background-color: #f8f8ff;
z-index:5;
line-height: 1.3em;
}