More Design

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).

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.