MedienWiki Design Leitfaden

From Medien Wiki

Das MedienWiki kann für Namensräume angepasst werden. Ein Namensraum (Namespace) ist das Kürzel in Großbuchstaben vor dem Seitentitel, z.B. für IFD:Start ist der Namespace "IFD:" (Interface-Design), für GMU:Start ist der Namespace "GMU:" (Gestaltung Medialer Umgebungen).

Jeder Namespace hat auch eine eigene Seitenleiste, zu der (zusätzlich zu den beiden universellen Menüpunkten "Startseiten" und "Wiki Related" eigene Menüpunkte erstellt und selbstständig geändert werden können.

Jeder Namespace kann ebenso mit einem eigenen Skin grafisch angepasst werden. Die Möglichkeiten reichen hier von einfacher Anpassung der Professur-Angaben über eine komplette Neugestaltung. Damit die Benutzer hier nicht zu sehr verwirrt werden, hier einige Hinweise und Regeln:

Veränderbare Bereiche

Jeder Namespace kann mit einem eigenen Skin personalisiert werden.

  • Das geht sehr einfach (grüne Bereiche), hierfür werden lediglich Text- und Linkangaben, sowie u.U. einige Bilder benötigt.
  • Man kann mit etwas Grundwissen in CSS sehr viel ändern (grüne, gelbe, orangene und blaue Bereiche).
  • Von der Änderung der roten und orangenen Bereiche bitten wir aus Gründen der Durchgängigkeit und Benutzerführung abzusehen.
Veränderbare Bereiche Position Per CSS Per Variable Im Wiki
Rot - - -  -
Orange - (Einklappen möglich) JA -  - (gilt für alle Namespaces)
Gelb - (Einklappen möglich) JA -  JA
Grün* - JA JA  -
Blau JA JA -  JA


* Grün

  • Die Farbe des Uni-Logos kann gemäß den CI-Vorlagen personalisiert werden.
  • Das Fakultäts-Logo und der Link können per Variable personalisiert werden
  • Der Studiengang-Titel und Professur-Untertitel sowie deren Links können per Variable personalisiert werden
  • Ein eigenes Favicon sollte erstellt werden:

     favicon_m.png

Allgemeine Hinweise

  • Meldet Euch bei Michael wenn ihr die Skin-Vorlagen und Beispiele erhalten wollt
  • Bitte nur die beiden Dateien ändern:
    • bauhausmedien{yournamespace}.php und
    • _bauhausmedien{yournamespace}.css
    • + weitere Bilder in einem Unterordner /bauhausmedien/{yournamespace}
  • es gibt die Möglichkeit einen eigenen HTML-Block anzuzeigen (CSS ID #extraBox)

Tipps & Tricks zur Anpassung direkt im Wiki

  • ihr könnt im Wiki selbst Templates nutzen:
  • im Wiki kann in vielen Fällen direkt HTML-Code verwendet werden; siehe Beispiel farbiger Text oben!
  • ...allerdings gelten hier aus Sicherheitsgründen einige Einschränkungen!
  • siehe auch HTML

Tipps & Tricks zu CSS

  • per CSS kann man Hintergrundbilder setzen
  • auch per CSS kann Text und/oder Bilder angefügt werden (mit den Pseudo-Selektoren :before und :after)
  • mit !import kann man im CSS auch Eigenschaften untergeordneter Klassen überschreiben
  • viele weitere Tipps & Tricks im sehr guten CSS-Artikel hier im Wiki!

Tipps & Tricks zu JavaScript

  • die beiden ersten Menüblöcke können mit folgendem Code eingeklappt werden:
document.getElementById("p-Startseiten").getElementsByTagName("div")[0].style.display = 'none';
document.getElementById("p-Wiki_Related").getElementsByTagName("div")[0].style.display = 'none';