web:moodle:theme2
Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
Beide Seiten der vorigen RevisionVorhergehende ÜberarbeitungNächste Überarbeitung | Vorhergehende Überarbeitung | ||
web:moodle:theme2 [2010/12/20 13:37] – [Sonstige Elemente] d.weller | web:moodle:theme2 [2010/12/20 13:50] (aktuell) – [Seitenhintergrund] d.weller | ||
---|---|---|---|
Zeile 1: | Zeile 1: | ||
+ | ====== Themeentwicklung für Moodle 2.x ====== | ||
+ | |||
+ | Hier dokumentiert: | ||
+ | |||
+ | ===== Logo auf Startseite ===== | ||
+ | |||
+ | {{: | ||
+ | |||
+ | Zu bearbeiten ist: webroot/ | ||
+ | |||
+ | <sxh php; first-line: 1> | ||
+ | <!-- START OF HEADER --> | ||
+ | <div id=" | ||
+ | <div id=" | ||
+ | <h1 class=" | ||
+ | <div class=" | ||
+ | <?php echo $OUTPUT-> | ||
+ | echo $OUTPUT-> | ||
+ | echo $PAGE-> | ||
+ | ?> | ||
+ | </ | ||
+ | </ | ||
+ | </ | ||
+ | <?php if ($hascustommenu) { ?> | ||
+ | <div id=" | ||
+ | | ||
+ | <!-- END OF HEADER --> | ||
+ | </ | ||
+ | |||
+ | Hier demnach | ||
+ | |||
+ | <img src="<? | ||
+ | | ||
+ | in die Zeile | ||
+ | | ||
+ | <h1 class=" | ||
+ | |||
+ | einfügen. Das Logo selbst gehört in den Ordner decaf/pix und muss vor dem Filetype (der beliebig sein darf - jpg,png,gif sind zu empfehlen) schlicht " | ||
+ | |||
+ | ===== Seitenhintergrund ===== | ||
+ | |||
+ | Die Funktion zum Festlegen des Seitenhintergrundes über die Themeeinstellungen funktioniert nicht auf jedem Server. Es besteht die Möglichkeit der direkten Anpassung in: | ||
+ | |||
+ | / | ||
+ | |||
+ | <sxh css> | ||
+ | / | ||
+ | html{background-color:# | ||
+ | </ | ||
+ | |||
+ | ===== Seitenkopf ===== | ||
+ | |||
+ | Auch hier wird die folgende Datei angepasst: | ||
+ | |||
+ | / | ||
+ | |||
+ | <sxh css> | ||
+ | # | ||
+ | </ | ||
+ | |||
+ | ===== Sonstige Elemente ===== | ||
+ | |||
+ | {{: | ||
+ | |||
+ | Weitere Elemente der Site können in der folgenden Datei verändert werden: | ||
+ | |||
+ | / | ||
+ | |||
+ | <sxh css> | ||
+ | a:link { color: #0000FF; } | ||
+ | a:visited { color: #B72F09;} | ||
+ | a:hover, | ||
+ | a:active { color:# | ||
+ | |||
+ | # | ||
+ | |||
+ | /* Aktueller Kursraumabschnitt Hintergrund */ | ||
+ | .path-course-view .course-content .section.main.current, | ||
+ | # | ||
+ | |||
+ | # | ||
+ | # | ||
+ | /* Aktueller Kursraumabschnitt Zahl am Rand*/ | ||
+ | .path-course-view .course-content .current .left { color:# | ||
+ | |||
+ | # | ||
+ | # | ||
+ | /* Versteckte Abschnitte und Objekte */ | ||
+ | .path-course-view .dimmed_text img {opacity: | ||
+ | .path-course-view .dimmed img {opacity: | ||
+ | .path-course-view .course-content .hidden | ||
+ | </ | ||