More Design: Unterschied zwischen den Versionen
Aus MoodleDocs
(Die Seite wurde neu angelegt: „{{Designs}} ==Design ''More'' anpassen== Die Moodle-Administration kann das Design ''More'' auf der Seite ''Einstellungen > Website-Ad…“) |
Keine Bearbeitungszusammenfassung |
||
Zeile 20: | Zeile 20: | ||
Bei der Angabe der Farbwerte können Sie sogar Transparenzwerte verwenden, z.B. rgba(255,255,255,0.8). | Bei der Angabe der Farbwerte können Sie sogar Transparenzwerte verwenden, z.B. rgba(255,255,255,0.8). | ||
[[File:more.png|600px]] | |||
===Beispiel für ein angepasstes ''More''-Design=== | ===Beispiel für ein angepasstes ''More''-Design=== |
Version vom 12. Dezember 2016, 12:26 Uhr
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.