Zum Kultusportal
Druckansicht von http://lehrerfortbildung-bw.de/moodle-info/admin/design/04vorgehen/07_unterseiten.htm, Stand 26. May. 2012
|
 |
Unterseiten
Nach einigem Hin und Her dürften Sie nun eine Farbgebung für die Startseite gefunden haben, die Ihren Vorstellungen grob entspricht. Erste Feinheiten werden nun angepasst. Wechseln Sie hierzu auf eine Seite, die die kleinere Headerzeile enthält – z.B. indem Sie das Nachrichtenforum auf der Startseite betreten.
Sie werden vermutlich feststellen, dass hier noch Farben aus Ihrem Basistheme zu finden sind, die Sie durch „Suchen und Ersetzen“ nicht erwischt haben. Wo diese Definitionen genau liegen, finden Sie wieder mit der WDT heraus. Mit [Strg] [Umschalten] [y] wählen Sie [CSS] [View Style Information] aus.
Sie erhalten eine weitere Statuszeile unterhalb der WDT sowie einen Cursor zur Auswahl eines Themeteils in Form eines Fadenkreuzes.
Um welche CSS Definition es sich jeweils handelt, wird durch dünne rote Linien (die eine Art von Kasten ergeben) angezeigt. Durch einen Klick mit dem veränderten Mauszeiger auf einen dieser roten Kästen wird ein weiterer Tab geöffnet, dem Sie Detailinformationen zur CSS Definition für den jeweiligen Bereich entnehmen können. Sie werden auf dem Tab mit den Detailinformationen vermutlich feststellen, dass Ihr Theme die Definitionen nicht nur aus Ihrem eigenen Themeordner entnimmt, sondern auch den Ordner /moodle/theme/standard einbindet: Alles was Sie nicht in Ihrem eigenen Theme definieren, wird von Moodle hier geholt.
Suchen Sie Definitionen immer in CSS Dateien und nehmen Sie dort die Anpassungen vor – und nicht in der Datei styles.php, wie die Ausgabe der WDT unter [View Style Information] im Tab mit den Details suggeriert. Die Datei styles.php dient lediglich dazu, die CSS Definitionen einzubinden. Sollte also nicht nur Ihr eigener Themeordner unter [View Style Information] auftauchen, ist die Wahrscheinlichkeit hoch, dass Sie Teile aus dem Ordner /standard in Ihre CSS Datei übernehmen müssen. In PSPad können Sie mehrere Dateien in Tabs parallel geöffnet halten (siehe Bild oben) und erleichtern sich so die Arbeit.
Im Beispiel (Bildschirmphoto von Moodle) handelt es sich um die Definition .navbar. Diese muss aus dem Standardtheme-Ordner in die fw_color.css im eigenen Ordner übernommen werden. Setzen Sie dann die Farbe in einem ersten Schritt auf einen extremen Wert (z.B. #000000) damit Sie die Veränderungen deutlich sehen können. Nehmen Sie nun die Anpassungen vor und begutachten Sie jeweils das Ergebnis im Browser.
Diese Schritte müssen Sie nun so lange durchlaufen, bis das Theme Ihren Vorstellungen entspricht:
- CSS Element mit Hilfe der WDT identifizieren
- CSS Element in der fw_color verändern – evtl. zuerst aus dem Ordner /standard kopieren
- fw_color speichern
- Browserfenster neu laden und Ergebnis begutachten
Weiter: 
Logo
im Hintergrund
 |
| Links |
|
|
|
Startseite |
Impressum |
© Copyright |
Zuständiger Redakteur: Dr%20Grischa Haag, haaglehrerfortbildung-bw.de
© Landesakademie für Fortbildung und Personalentwicklung an Schulen,
für diese Seite gilt http://lehrerfortbildung-bw.de/impressum/copyright/urheber_standard.html
Letzte Änderung: 10.09.2011