4.3. Oberflächen

Portfolio → Oberflächen

Warnung

Oberflächen sind ein experimentelles Feature zur grafischen Gestaltung von Ansichten. Sie können verschiedene Stileelemente anpassen. Die Änderung aller Gestaltungselemente ist nicht vorgesehen, um eine Ähnlichkeit zum ursprünglichen Theme abzusichern.

Die Funktion ist nur verfügbar wenn in der Datei config.php für Ihre Mahara Site: $cfg->skins = true; eingetragen ist.

Wenn dieser Parameter hinzugefügt wurde, sehen Sie den Menüunterpunkt Oberflächen unter Portfolio und können beim Erstellen einer Ansicht oder Sammlung eine Oberfläche selber auswählen.

Your Skins overview page

Ihre Skin-Übersicht

  1. Klicken Sie auf den Oberfläche erstellen-Button, um eine neue Oberfläche zu erstellen.

  2. Klicken Sie auf den Oberfläche(n) importieren-Button, um Oberflächen zu importieren, die andere Nutzer online zur Verfügung gestellt haben.

  3. Klicken Sie auf den Oberfläche(n) exportieren-Button, um Ihre persönlichen Oberflächen zu exportieren.

  4. Sie können festlegen, welche Oberflächen angezeigt werden sollen:

    • Alle Oberflächen: Alle Oberflächen auf die Sie zugreifen können
    • Site-Oberflächen: Nur Oberflächen, die vom Site-Administrator angelegt wurden
    • Meine Oberflächen: von mir selbst erstellte Oberflächen
    • Öffentliche Oberflächen: Oberflächen, die andere Nutzer bereitgestellt haben
  5. Klicken Sie auf den Bearbeiten-Button edit, um Änderungen an der Oberfläche vorzunehmen.

  6. new in Mahara 1.9 Klicken Sie auf den Button Oberflächeninformationen anzeigen information um sich Metadaten in einem Popupo-Fenster anzeigen zu lassen, wie z.B.:

    • Titel
    • Benutzer/innen
    • Beschreibung
    • Erstellungsdatum
    • Änderungsdatum
  7. Klicken Sie auf den Export-Button export, um nur eine einzelne Oberfläche zu exportieren.

  8. Klicken Sie auf den Löschen-Button delete, um diese Oberfläche zu entfernen.

    Bemerkung

    Sie sehen die Bearbeiten-, Exportieren- und Löschen-Buttons wenn Ihnen die Berechtigungen für die entsprechenden Aktionen zugewiesen wurden.

  9. Klicken Sie auf den Bevorzugt-Button |favorite|, um Oberflächen anderer Nutzer zu kennzeichnen, damit Sie sie für Ihre Ansichten verwenden können. Die Anzeige wird danach gelb. Wenn Sie den Button erneut anklicken, wird die Oberfläche aus ihrer Liste wieder entfernt.

    Bemerkung

    Sie können die Oberflächen anderer Nutzer als bevorzugt kennzeichnen, nicht jedoch Site-Oberflächen. Site-Oberflächen können Sie immer für Ihre Ansichten auswählen, die Oberflächen anderer Nutzer jedoch erst nachdem Sie sie als bevorzuugt markiert haben.

4.3.1. Eine Oberfläche erstellen

Sie können Oberflächen erstellen als

  • einzelner Nutzer
  • Site-Administrator

Abhängig von den Einstellungen der Oberfläche steht diese nur Ihnen oder auch anderen zur Verfügung.

Folgend werden die individuellen Einstellungen für Oberflächen beschrieben. Sie müssen nicht alle Einstellungen verwenden. Zumeist werden Sie sich nur einzelne Einstelloptionen gezielt auswählen.

Siehe auch

Watch this video demonstrating the page skin feature.

4.3.1.1. Allgemein

General settings for your skin

Allgemeine Einstellungen für Ihre Skins

  1. Titel der Oberfläche: Geben Sie Ihrer Oberfläche einen Titel. Dieser wird in der Übersicht der Oberflächen angezeigt.
  2. Beschreibung der Oberfläche: Beschreiben Sie die Oberfläche hier. Das hilft Ihnen später die Gründe der Erstellung und die Besonderheiten wieder nachzuvollziehen. new in Mahara 1.9 Sie können diese Box ausklappen, wenn Sie eine lange Beschreibung eintragen müssen, indem Sie die rechte untere Ecke nach unten ziehen.
  3. Zugriffsberechtigung auf Oberfläche: Legen Sie fest, ob ausser Ihnen auch andere die Oberfläche verwenden dürfen. Die Standardeinstellung lautet Dies ist eine öffentliche Oberfläche.
    • Dies ist eine private Oberfläche: Nur Sie selbst können die Oberfläche verwenden.
    • Dies ist ein öffentliche Oberfläche: Andere Nutzer können die Oberfläche sehen und ebenfalls verwenden.
  4. Klicken Sie auf den Speichern-Button, um die Änderungen abzuspeichern, oder auf den Abbrechen-Button.

4.3.1.2. Hintergrund für Oberfläche

Choose the background for your skin

Hintergrund für Ihren Skin auswählen

  1. Hintergrundfarbe der Oberfläche: Sie können entweder in das Feld klicken und eine Farbe auswählen oder den Farbcode direkt eingeben.
  2. Hintergrundbild der Oberfläche: Alternativ können Sie ein Bild als Hintergrund auswählen. Klicken Sie auf den Datei auswählen-Button, um ein Bild aus ihrem Dateibereich zu verwenden.
  3. Hintergrundbild wiederholen: Legen Sie fest, ob das Hintergrundbild wiederholt dargestellt werden soll (Kacheln). Die Einstellung ist sinnvoll wenn Sie ein sehr kleines Bild verwenden. Wenn Sie dies nicht tun, wird das Bild nicht die gesamte Hintergrundfläche ausfüllen. Sie haben folgende Optionen:
    • Nicht wiederholen: Keine Wiederholung der Anzeige des Bildes. Dies sollten Sie nur bei sehr großen Bildern oder wenn das Bild größer als Ihre Ansicht ist verwenden.
    • Nur horizontal wiederholen: Ihr Bild wird horizontal, nicht aber vertikal wiederholt. Die Einstellung kann bei sehr breiten aber niedrigen Ansichten genutzt werden.
    • Nur vertikal wiederholen: Ihr Bild wird vertikal, nicht aber horizontal wiederholt. Die Einstellung kann bei sehr schmalen aber langen Ansichten genutzt werden.
    • In beide Richtungen wiederholen: Ihr Bild wird sowohl horiziontal wie vertikal wiederholt. Dies ist die flexibelste Einstellung
  4. Hintergrundbildanhang: Legen Sie fest, ob Ihr Bild beim Scrollen mitläuft oder stehenbleibt.
    • Feststehend: Wenn Sie diese Option wählen, bleibt das Bild im Hintergrund beim Scrollen stehen. Nur der Inhalt wird über das Bild scrollen.
    • Scrollen: Bei dieser Einstellung bleibt das Bild im Hintergrund und scrollt mit der Seite mit.
  5. Hintergrundposition des Bildes: Legen Sie fest, ob das Hintergrundbild verankert werden soll. Klicken Sie dazu auf einen der Pfeile , um einen Anker festzusetzen.
  6. Klicken Sie auf den Speichern-Button, um die Änderungen abzuspeichern, oder auf den Abbrechen-Button.

4.3.1.3. Seitenhintergrund

Choose the background for your page content

Hintergrund für Ihre Ansicht auswählen

  1. Farbe des Hintergrunds der Ansicht: Sie können entweder in das Feld klicken, um eine Farbe auszuwählen oder den Farbcode direkt eintragen.
  2. Hintergrundbild für Ansicht: Wählen Sie ein Hintergrundbild für Ihre Ansicht aus. Klicken Sie auf den Datei auswählen-Button, um ein Bild aus Ihrere Dateiablage zu wählen.
  3. Hintergrundbild wiederholen: Legen Sie fest, ob das Hintergrundbild wiederholt dargestellt werden soll (Kacheln). Die Einstellung ist sinnvoll wenn Sie ein sehr kleines Bild verwenden. Wenn Sie dies nicht tun, wird das Bild nicht die gesamte Hintergrundfläche ausfüllen. Sie haben folgende Optionen:
    • Nicht wiederholen: Keine Wiederholung der Anzeige des Bildes. Dies sollten Sie nur bei sehr großen Bildern oder wenn das Bild größer als Ihre Ansicht ist verwenden.
    • Nur horizontal wiederholen: Ihr Bild wird horizontal, nicht aber vertikal wiederholt. Die Einstellung kann bei sehr breiten aber niedrigen Ansichten genutzt werden.
    • Nur vertikal wiederholen: Ihr Bild wird vertikal, nicht aber horizontal wiederholt. Die Einstellung kann bei sehr schmalen aber langen Ansichten genutzt werden.
    • In beide Richtungen wiederholen: Ihr Bild wird sowohl horiziontal wie vertikal wiederholt. Dies ist die flexibelste Einstellung
  4. Hintergrundbildanhang: Legen Sie fest, ob Ihr Bild beim Scrollen mitläuft oder stehenbleibt.
    • Feststehend: Wenn Sie diese Option wählen, bleibt das Bild im Hintergrund beim Scrollen stehen. Nur der Inhalt wird über das Bild scrollen.
    • Scrollen: Bei dieser Einstellung bleibt das Bild im Hintergrund und scrollt mit der Seite mit.
  5. Hintergrundposition des Bildes: Legen Sie fest, ob das Hintergrundbild verankert werden soll. Klicken Sie dazu auf einen der Pfeile , um einen Anker festzusetzen.
  6. Ansichtenbreite: Legen Sie fest wie breit der Inhalt Ihres Contents sein soll. Sie können einen der vorgebenen Werte auswählen.
  7. Klicken Sie auf den Speichern-Button, um die Änderungen abzuspeichern, oder auf den Abbrechen-Button.

4.3.1.5. Seitenschrift und -farbe

Change font properties

Schrifteinstellungen auswählen

  1. Schrift für Überschriften: Wählen Sie die Schrift für die Überschriften. Sie können aus allen installierten Schriften wählen. Die Schrift wird bei allen Überschriften verwandt, wie z.B.
    • Ansichtentitel
    • Blocktitel
    • Überschriften im Text sofern als solche formatiert
  2. Textschrift: Wählen Sie eine Schrift für alle Texte. Sie können aus allen installierten Schriften wählen.
  3. Schriftgröße: Wählen Sie die Schriftgröße. Überschriften werden proportional angepasst.
  4. Textfarbe: Legen Sie Farbe der Texte fest.
  5. Überschriftenfarbe: Wählen Sie die Farbe der Texte in Überschriften.
  6. Farbe hervorgehobene Texte: Wählen Sie die Farbe für Blocktitel und andere hervorgehobene Texte.
  7. Normale Farbe von Verlinkungen: Wählen Sie die Farbe in der Verlinkungen angezeigt werden sollen.
  8. Link unterstreichen: Klicken Sie die Checkbox an wenn Verlinkungen unterstrichen werden sollen.
  9. Hervorheben von Verlinkungen: Wählen Sie eine Farbe wenn Verlinkungen hervorgehoben werden sollen.
  10. Link unterstreichen: Klicken Sie die Checkbox an wenn Verlinkungen unterstrichen werden sollen.
  11. Klicken Sie auf den Speichern-Button, um die Änderungen abzuspeichern, oder auf den Abbrechen-Button.

Bemerkung

Überall wo ein Farbauswahlfeld angezeigt wird, können Sie entweder in das Feld klicken, um eine Farbe auszuwählen oder den Farbcode direkt eingeben.

Wenn Sie keine eigene Farbe auswählen wollen und die Farbe des Themes erhalten bleiben soll, wählen Sie die Checkbox Transparent.

4.3.1.6. Seitentabelle und Buttons

Change table and button properties

Tabellen- und Button-Einstellungen auswählen

  1. Rahmenfarbe für Tabellen: Legen Sie die Farbe für Rahmen bei Tabellen fest.
  2. Hintergrundfarbe für Kopfzeilen: Definieren Sie die Hintergrundfarbe der Kopfzeilen von Tabellen.
  3. Textfarbe für Kopfzeilen: Legen Sie Farbe der Texte in den Kopfzeilen von Tabellen fest. Denken Sie an die Hintergrundfarbe der Kopfzeilen und wählen Sie eine Farbe mit deutlichem Kontrast.
  4. Hintergrundfarbe für ungerade Zeilen: Wählen Sie die Hintergrundfarbe der ungeraden Zeilen in Tabellen. Welche Zeilen ungerade sind, braucht von Ihnen nicht festgelegt zu werden.
  5. Hintergrundfarbe für gerade Zeilen: Wählen Sie die Hintergrundfarbe der geraden Zeilen in Tabellen. Welche Zeilen ungerade sind, braucht von Ihnen nicht festgelegt zu werden.
  6. Normale Farbe von Buttons: Wählen Sie die Farbe für Ihre Buttons, die in einer Seite angezeigt werden.
  7. Buttonfarbe beim Hervorheben: Legen Sie die Farbe fest, die erscheint wenn die Maus den Button berührt.
  8. Buttontextfarbe: Legen Sie Farbe der Texte in Buttons fest. Die Farbe wird in der Normaldarstellung und wenn die Maus den Button berührt verwendet.
  9. Klicken Sie auf den Speichern-Button, um die Änderungen abzuspeichern, oder auf den Abbrechen-Button.

Bemerkung

Überall wo ein Farbauswahlfeld angezeigt wird, können Sie entweder in das Feld klicken, um eine Farbe auszuwählen oder den Farbcode direkt eingeben.

Wenn Sie keine eigene Farbe auswählen wollen und die Farbe des Themes erhalten bleiben soll, wählen Sie die Checkbox Transparent.

4.3.1.7. Erweitert

Add custom CSS

Individuelles CSS hinzufügen

  1. Eigenes CSS: Wenn Sie sich mit CSS auskennen, so können Sie andere Designelemente Ihres Styles hier überschreiben und ändern. new in Mahara 1.9 Vergrößern Sie den Eingabebereich für „Eigenes CSS“ um größere Mengen von CSS Code einzufügen und zu bearbeiten. Ziehen Sie dazu an der rechten unteren Ecke das Feld größer.
  2. Klicken Sie auf den Speichern-Button, um die Änderungen abzuspeichern, oder auf den Abbrechen-Button.

4.3.2. Wählen Sie eine Oberfläche

Portfolio → Ansichten → Eine Ansicht bearbeiten

Wenn die Funktion für eigene Oberflächen aktiviert wurde, sehen Sie in der Navigation der Bearbeitung von Ansichten Oberfläche auswählen*.

Choose a skin

Wählen Sie eine Oberfläche

  1. Klicken Sie in die Navigation Oberfläche wählen, um die verfügbaren Oberflächen zu sehen.

  2. Wenn Sie eine gesuchte Oberfläche nicht sehen, klicken Sie auf den Oberflächen managen-Button. Unter Portfolio → Oberflächen können Sie Oberflächen hinzufügen oder löschen.

  3. Meine Oberflächen: Von Ihnen angelegte Oberflächen werden hier angezeigt. Wenn Sie auf einen Titel klicken, sehen Sie eine Vorschau und können die Oberfläche auswählen.

  4. Bevorzugte Oberflächen: Oberflächen anderer Nutzer, die Ihnen gefallen, werden hier gezeigt. Falls Sie keine Oberfläche sehen, klicken Sie auf den Oberflächen managen-Button um unter Portfolio →Oberflächen Oberflächen als bevorzugt zu kennzeichnen. Zur Auswahl klicken Sie auf den Titel, um eine Vorschau zusehen und die Oberfläche auszuwählen.

  5. Site-Oberflächen: Skins, die vom Site-Administrator erstellt wurden, werden angezeigt. Zur Auswahl klicken Sie auf den Titel, um eine Vorschau zusehen und die Oberfläche auszuwählen.

    Bemerkung

    Wenn Sie eine Oberfläche ausgewählt haben, sie aber in Ihrer Ansicht nicht mehr verwenden wollen, klicken Sie auf das keine Oberfläche Bild. Es wird das reguläre Theme als Oberfläche angezeigt.

  6. new in Mahara 1.9 Sie könnene Oberflächeninformationen sehen wie z.B.:

    • Titel
    • Benutzer/innen
    • Beschreibung
    • Erstellungsdatum
    • Änderungsdatum
  7. Nachdem Sie Ihre Oberfläche ausgewählt haben, klicken Sie auf den Speichern-Button, um es für die Ansicht auszuwählen. Der Bearbeitungsmodus wird abgeschaltet, da Sie nur so die Oberfläche in der Ansicht sehen können.

  8. Wenn Sie weitere Änderungen vornehmen wollen, klicken Sie erneut auf den Ansicht bearbeiten-Button.

Bemerkung

Die Oberfläche wird nur bei der Anzeige der Ansicht dargestellt. Beim Bearbeiten der Ansicht wird das Standardtheme gezeigt.

4.3.3. Was ist der Unterschied zwischen Themes und Ansichtenoberflächen?

Themes

  • Gibt es in Mahara in ihrer jetzigen Form seit Version 1.2.

  • Müssen vom Site-Administrator direkt auf den Webserver geladen werden.

  • Überschreiben die Ansichtenvorlage für jeden einzelnen Bildschirm in Mahara und geben die komplette Kontrolle über die Darstellung.

  • Abhängig von den Einstellungen auf Site- bzw. Institutionsebene kann

    • ein einziges Theme überall
    • ein Theme pro Institution
    • die Möglichkeit für Nutzer selber ein Theme zu wählen
    • die Möglichkeit für Nutzer selber ein Theme für jede Portfolioansicht oder ein Ansichtentheme zu wählen

Oberflächen

  • Kann von Nutzern erstellt, geteilt, hochgeladen und exportiert werden über Portfolio → Oberflächen.
  • Sind weniger funktionsreich wie Themes. Es können nur Farben, Schriften und Hintergrundbilder sowie zusätzliches CSS angepasst werden. Es wird zumeist ein zusätzliches von Nutzern kontrolliertes CSS Stylesheet zu einer Ansicht hinzugefügt.
  • Kann nur zu von Nutzern erstellten Portfolioansichten hinzugefügt werden. Andere Seiten von Mahara werden dadurch nicht geändert.

Wenn Oberflächen und Themes miteinander kollidieren

  • Wenn Nutzer eine eigene Oberfläche zu ihrer Ansicht hinzufügen wird ein CSS Stylesheet zusätzlich zum CSS des Themes hinzugefügt.
  • Es ist klar, dass nicht jede Oberfläche in Verbindung mit jedem Theme gut aussieht. Das gilt besonders werden die Ansichtenvorlage durch ein geändertes Theme anders aussieht.
  • Eine gute Nachricht gibt es für Theme-Designer. Das Oberflächen Stylesheet ist selbst eine Vorlage (skin/style.tpl). Sie können damit selber festlegen welche Elemente in den Oberflächeneinstellungen zur Auswahl zur Verfügung stehen sollen.

4.3.4. new in Mahara 1.9 Oberflächen für ein Theme verbieten

Wenn Sie Mahara mit einer eigenen Institution nutzen, wollen Sie vielleicht, dass das von Ihnen festgelegte Design nicht durch andere Styles verändert werden können. Vielleicht wollen Sie, dass Portfolios, die ausserhalb präsentiert werden, eindeutig als Portfolios Ihrer Institution identifiziert werden können. Vielleicht wollen Sie zugleich, den Autoren Ihrer Institution die Möglichkeit einräumen Portfolios mit anderen Themes zu gestalten oder Oberflächen zuzuweisen.

Themes erlauben üblicherweise (Voreinstellung) Oberflächen zu verwenden. Wenn Sie dies ändern wollen, muss der Parameter $theme->skins = false; in die Datei themeconfig.php in Ihrem Theme-Verzeichnis eingefügt werden. Danach sehen Nutzer Ihres Themes folgenden Hinweis:

„Ihr Mahara Site-Theme „Name des Themes“ unterstützt keine Oberflächen von Ansichten. Die Auswahl einer Oberfläche hat dadurch keinen Einfluß auf die Darstellung der Ansicht. Es kann jedoch sein, dass Nutzer, die die Seite mit einem anderen Theme betrachten dadurch eine andere Darstellungsweise sehen.“

Warning that skin cannot be applied

Hinweis: das Skin kann nicht zugewiesen werden.

Bemerkung

Diese Option ist am besten geeignet, wenn Nutzer nicht selber Themes auswählen dürfen. Wenn sie jedoch ein anderes Theme verwenden, das individuelle Oberflächen zulässt, kann dieses wirksam werden und angezeigt werden.