Hinweis: Sie sind auf den Seiten der Moodle 3.2 Dokumentation. Die Dokumentation der aktuellsten Moodle-Version finden Sie hier: More Design.

More Design

Aus MoodleDocs
Wechseln zu:Navigation, Suche
Die druckbare Version wird nicht mehr unterstützt und kann Darstellungsfehler aufweisen. Bitte aktualisiere deine Browser-Lesezeichen und verwende stattdessen die Standard-Druckfunktion des Browsers.


Design More anpassen

Die Moodle-Administration kann das Design More auf der Seite Einstellungen > Website-Administration > Darstellung > Designs > More anpassen.

Folgende Einstellungen stehen zur Verfügung:

  • Textfarbe
  • Linkfarbe
  • Hintergrundfarbe
  • Hintergrundbild
  • Hintergrundwiederholung
  • Hintergrundposition
  • Fixierter Hintergrund
  • Primäre Hintergrundfarbe
  • Sekundäre Hintergrundfarbe
  • Navigationsleiste invertieren
  • Logo
  • CSS-Anpassungen
  • Fußzeile

Bei der Angabe der Farbwerte können Sie sogar Transparenzwerte verwenden, z.B. rgba(255,255,255,0.8).

more.png

Beispiel für ein angepasstes More-Design

Die School Demo Site (siehe MDL-3095) verwendet ein angepasstes More-Design.

Bei dieser Moodle-Site wurden folgende Einstellungen verwendet:

  • Textfarbe: #595959
  • Linkfarbe: #0070a8
  • Hintergrundfarbe: #93abc3
  • Hintergrundbild: bg6.png
  • Hintergrundwiederholung: Keine Wiederholung
  • Hintergrundposition: Links unten
  • Fixierter Hintergrund: Ja
  • Primäre Hintergrundfarbe: #fff
  • Sekundäre Hintergrundfarbe: #fff
  • Navigationsleiste invertieren: Nein
  • Logo: keins
  • CSS-Anpassungen:
body { background-size: cover; }
h1, h2, h3, h4, h5, h6 { color: #f98012;
font-weight: normal; }
#page-header h1 { 
color: #fff;
font-weight: bold;
text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2); }
.block .header h2 {
color: #f98012;
font-weight: normal; }
#page-footer { color: #444; }
#page-footer a { color: #eee; }
  • Fußzeile: keine

Siehe auch

Tipps für weitere Anpassungen finden Sie in diesem Disskussionsbeitrag von Mary Evans.