Das neue Layout des Wiwa-Wikis

TableOfContents(2)

Das Wiwa wird derzeit umgestaltet, damit es schicker aussieht, neue potentielle Nutzer auf den ersten Blick anspricht und der Inhalt übersichtlicher wird. Das wird das WiwaTheme. Es wird von der WikiProjekt-Gruppe WikiLayoutÜberarbeiten entwickelt und basiert auf dem Sinorca4MoinTheme (eine MoinMoinErweiterung). Damit wir auch ein Feedback von den Benutzern des Wiwa erhalten können, werden die Änderungen Stück für Stück an das sinorca-Theme angepasst werden.

Wie wird das neue Layout in "meinem" Wiwa angezeigt?

Zuerst müsst ihr das Sinorca4MoinTheme ausgewählt haben. Geht dazu auf der Seite "Einstellungen" und wählt bei dem Menüpunkt "Bevorzugter Stil" die Option "sionrca4moin" aus. Auf der gleichen Seite findet ihr auch den Eintrag "Benutzer CSS URL". In dem leeren Feld daneben gebt ihr folgenden Link ein:

http://www.winterwind.de/studium/wiwa/wiwa4moin.css

Dann Enter drücken oder auf "Speichern" klicken. Die aktuellen Änderungen werden sofort angezeigt. Dieser Link ist nur eine vorübergehende Lösung! Die Datei liegt auf meinem privaten Webspace, da es so für mich als Codeschubser am einfachsten ist, schnell etwas zu ändern. Das wird mit Sicherheit noch geändert werden und dann müsst ihr in euren Benutzereinstellungen den neuen Link angeben, sonst habt ihr wieder das alte Design vor der Nase.

Bekannte Probleme

Sammelpunkt für alle Probleme, die das neue Design macht:

• IE 6.0: Menüpfeil hüpft beim letzten Punkt zu weit nach unten
• Firefox: Bei größerer Schrift verabschiedet sich das "An-/Abmelden"-Feld aus dem Bildschirm... *winke winke*
• Alle außer IE: Zentrierung der Infobox ist absolut, nicht dem Textframe angepasst.
• Pagetrail Strich wird nicht umgebrochen

Dokumentation des Layouts

Das Navigationspanel

Titelzeile

"Endlich weg vom Matsch der einzelnen Farben" lautete hier das Motto. Der Farbverlauf ist dezent eingesetz und sieht schön sachlich aus. Dafür dass das Ganze nicht aussieht wie der Auftritt der deutschen Vereigung unabhängiger Zahnbürstentestlabore sorgen die drei dezenten Punkte rechts oben, die außer dem Aufbruch des Designs keinerlei Funktion haben.

Die einzelnen Menüpunkte

Die einzelnen Punkte des Menüs wurden genau wie der restliche Text auch "entzerrt", also auseinander gerückt und minimal nach rechts verschoben. Im Gegensatz zum sinorca sind sie jetzt schwarz. Bei der Anwahl eines Menüpunktes wird dieser nachwievor blau unterlegt und die Schrift wird weiß. Der Rahmen um die gerade aktive Seite fällt weg.

Der Pfeil

Gleichsam ästhetisch und dezent anmutend wirkt dieses Objekt auf den ersten Blick so fremdartig... und doch so vertraut. Ist es die Form seiner Erscheinung? Sind es seine schillernden Farben, die ihn ebenso grotesk wie realistisch aus der schweigenden Existenz einer bedeutungslosen Symbolik in die Ebenen höherer Sinnzusammenhänge entschweben lassen? Ist es die Dreiecksform, die uns unterbewußt an das ewig widerkehrende Muster von Leben, Tot und Wiedergeburt erinnert oder sind es doch eher jene, eher assoziativen Gedankengänge, welche Erinnerungen an die frühen Formen altchristlicher Ikonographie wachrütteln? Wie auch immer... dieser Pfeil zeigt die Position des aktuell angewählten Menüpunktes.

Header

Boah ey ich hab kein Bock mehr... scheiß Internet Explorer! Der stellt ja fast alles anders dar, als man's im Code definiert hat... ! Der Header ist soweit aber erstmal fertig und wird in dieser Version auch in allen gängigen Browsern ordentlich dargestellt.

Smiley und Schriftzug

Wir sehen Christophs Smiley in der Vektorversion ("uuuuh") zur Linken. Etwas oversized lockert er das Design prima auf und bildet einen schönen Kontrast zu den restlichen gedeckten Farben. Der Schriftzug ist genau in der Mitte (außer beim Internet Expl#!?*#) und wird noch durch ein Bild ersetzt werden: Gleicher Inhalt aber schöner, da es sich momentan nur um reinen HTML Text handelt, den man nicht groß designen kann. Vielleicht mache ich den Smiley links noch viel blasser und setze ihn nochmal kleiner aber mit voller Deckkraft in die Mitte des Schriftzugs ( WI WA ). Soweit ich mich erinnern kann, sah das bei einem der 2,364 Mio. Testläufe schon ganz gut aus.

Farbverlauf

Der Farbverlauf von Weiß auf Grau ist momentan vielleicht ein wenig zu dunkel, allerdings haben wir schon ne ganze Menge Blau im Gesamtdesign, so dass der Farbverlauf richtung Blau schlichtweg zu tuffig wirkt.

Hintergrund

Im Hintergrund zu sehen sind die Tastatur eines Notebooks (Panasonic Toughbook CF-W2 - nochmal uhhh...) sowie ein aufgeschlagenes, mit Notizen versehenes Buch (Gephart: Handeln und Kultur. Vielfalt und Einheit der Kulturwissenschaften im Werk Max Webers... *würg*).

Das Textbild

Der Zeilenabstand wurde vergrößert, um eine bessere Lesbarkeit des Textes zu erreichen. Bei Seiten mit viel Text macht sich dies deutlich bemerkbar (vgl. dazu z.B. MetaPlan oder LiteraturRecherche). Zusätzlich wurden die Abstände der einzelnen Textblöcke vergrößert, das ein Absatz mehr Platz schafft. Der gesamte Textblock ein Stück nach rechts eingerückt, so dass der Text jetzt etwas versetzt unter den großen Überschriften steht. Bei allen anderen Standart-Themes ist das nicht so, nach der Meinung unserer Gruppe trägt dies jedoch sehr zur Übersichtlichkeit bei. Zur Diskussion steht derzeit noch die Formatierung im Blocksatz.

Die Überschriften

Die Riesenfettedickemonster-Überschrift eines classic oder modern Themes ist bei sinorca4Moin hinfällig geworden, da der Seitenname direkt über dem Seiteninhalt angezeigt wird und somit selbst bereits die Titelüberschrift bildet. Wir haben uns überlegt, wie man die verschiedenen Autoformatierungen der Überschriften (also die === links und rechts) nutzen kann, um eine einfache und übersichtliche Hierarchiestruktur zu schaffen. Das Grundprinzip war ja schon bei sinorca4moin gegeben, allerdings war es da mehr Spielerei als Zweck.

Linien

Die ursprünglichen Linien von sinorca4Moin wurden von den Proportionen her umgedreht, so dass nun die dicke Linie links ist und den Anfang eines neuen Absatzes einläutet. Bei sinorca war die dicke Linie unten und hat eher die Überschrift vom Inhalt getrennt.

H1 und H2

Die H1 (=) und H2 (==) Überschriften wurden jetzt so eingerückt und mit Linien versehen, dass sie links nach oben zeigen und ihren Inhalt so quasi dem nächst höheren unterordnen. Da H2 die am häufigsten verwendete Überschrift ist, wurde wir darauf geachtet, dass Überschrift und der Anfang des Textblocks vertikal auf einer Linie stehen.

H3, H4 und H5

Die H3 (===) bildet einen Unterpunkt von H2 (wie hier auf der Seite). Zu überlegen ist noch, ob man den Linienverlauf auf eine vertikale Achse mit der linken Linie von H2 stellt. H4 und H5 sind als kleine Eyecatcher gedacht.

Die zuletzt besuchten Seiten (Brotkrumen) und die Benutzerdaten

Die Schriftart wurde vergrößert, da die größe des Originals viiiel zu klein war. Außerdem haben wir einen "underline" Effekt hinzugefügt, sobald man mit der Maus über eine der Seiten geht - genauso wie bei den Benutzerlinks oben rechts. So sieht man auf anhieb, dass es sich um ein "klickbares" Element handelt, was vor allem für Neulinge im Wiwa sinnvoll ist.

Die Info-Box

Wenn man etwas gemacht hat, kam bisher die Statusmeldung in einem rot umrandeten Kasten, der sich über die Gesamte Seite erstreckte und einen hocherotisch gelben Hintergrund hatte. Ab jetzt haben wir eine zentrierte Info-Box, die einem die Statusmeldungen verkündet. Hier gibt es noch ein Problem mit der Zentrierung, wobei diesmal der IE der einzige ist, der's richtig macht. *wunder*

Diskussion

Da die Disskussion doch langsam erhebliche Ausmaße angenommen hat, habe ich mir die Freiheit genommen und sie mal ausgelagert. Finde sie sollte erhalten bleiben, da sie doch ganz gut den Verlauf repräsentiert. DiskussionZuWiwaTheme

KategorieWiki