Note: You are currently viewing documentation for Moodle 2.4. Up-to-date documentation for the latest stable version of Moodle may be available here: CSS.

CSS: Difference between revisions

From MoodleDocs
(Übersetzung angefangen)
Line 1: Line 1:
CSS or Cascading Style Sheets are used to control the way web pages look. By changing a CSS definition, the change is made on every Moodle webpage that uses that defination.  
'''Cascading Style Sheets''' (Abk.: CSS) gelten heute als die Standard-Stylesheetsprache für Webseiten.
Auf einer HTML Seite können CSS-Befehle verwendet werden, um die Darstellung ausgezeichneter Inhalte oder Bereiche auf der Seite zu steuern. Die CSS-Befehle werden in einer eigenen Datei gespeichert und wirken seitenübergreifend, d.h. die zentrale Änderung einer CSS-Definition an einer Stelle, wirkt sich auf alle Moodle Seiten aus, auf denen diese Darstellungssteuerungsanweisung verwendet wurde.


CSS files are located in the [[Theme|theme]] folder being used by Moodle. The normal Moodle practice is to have 3 main CSS files: [[CSS styles_ color.css|styles_color]], [[CSS styles_layout.css|styles_layout]], [[CSS styles_fonts.css|styles_fonts]]. When a CSS definition is not found in a theme CSS file, the CSS files located in the standard theme serves as the default.
Für eine bessere Wartbarkeit der CSS-Definitionen gruppiert man diese in der Regel in Dateien mit verschiedenen Schwerpunkten (Layout, Farbe, Blöcke, ...). Sehr häufig werden auch CSS-Definitonsdateien für Browser (Internet Explorer, Mozilla, Firefox, ...) angelegt, um spezielle Eigenheiten/Fehlern von Browsern zu korrigieren.  


There may also be CSS files for Internet Explorer, Mozilla or other internet browsers.
Alle CSS-Dateien fasst man dann zu einem Thema zusammen und sammelt diese in einem Themenordner. Nach einer Moodle Version 1.9.4 Standardinstallation befinden sich im Themenordner schon 15 Darstellungsvarianten für Ihr Moodle System (chameleon, cornflower, metal, orangewhite, standard, wood, ...).
Die CSS-Dateien für die Moodle Seiten befinden sich im [[Theme|theme]] Verzeichnis. Ein Thema hat  üblicherweise zumindest die folgdenden drei Hauptstylesheet Dateien: [[CSS styles_ color.css|styles_color]], [[CSS styles_layout.css|styles_layout]] und [[CSS styles_fonts.css|styles_fonts]]. Wird eine bestimmte CSS Definiton in einem dieser angepassten Themas nicht gefunden, so wird defaultmäßig auf die Dateien im Standardverzeichnis zurückgegriffen.


==Basic Moodle page parts==
==Basic Moodle page parts==

Revision as of 14:19, 20 April 2009

Cascading Style Sheets (Abk.: CSS) gelten heute als die Standard-Stylesheetsprache für Webseiten. Auf einer HTML Seite können CSS-Befehle verwendet werden, um die Darstellung ausgezeichneter Inhalte oder Bereiche auf der Seite zu steuern. Die CSS-Befehle werden in einer eigenen Datei gespeichert und wirken seitenübergreifend, d.h. die zentrale Änderung einer CSS-Definition an einer Stelle, wirkt sich auf alle Moodle Seiten aus, auf denen diese Darstellungssteuerungsanweisung verwendet wurde.

Für eine bessere Wartbarkeit der CSS-Definitionen gruppiert man diese in der Regel in Dateien mit verschiedenen Schwerpunkten (Layout, Farbe, Blöcke, ...). Sehr häufig werden auch CSS-Definitonsdateien für Browser (Internet Explorer, Mozilla, Firefox, ...) angelegt, um spezielle Eigenheiten/Fehlern von Browsern zu korrigieren.

Alle CSS-Dateien fasst man dann zu einem Thema zusammen und sammelt diese in einem Themenordner. Nach einer Moodle Version 1.9.4 Standardinstallation befinden sich im Themenordner schon 15 Darstellungsvarianten für Ihr Moodle System (chameleon, cornflower, metal, orangewhite, standard, wood, ...).

Die CSS-Dateien für die Moodle Seiten befinden sich im theme Verzeichnis. Ein Thema hat üblicherweise zumindest die folgdenden drei Hauptstylesheet Dateien: styles_color, styles_layout und styles_fonts. Wird eine bestimmte CSS Definiton in einem dieser angepassten Themas nicht gefunden, so wird defaultmäßig auf die Dateien im Standardverzeichnis zurückgegriffen.

Basic Moodle page parts

A web page is broken up into pieces or elements. Not every page contains the same parts.

These parts or elements include: core, forms, header, footer,admin, blocks, blog, calendar, course, doc, grades, login, message, notes, mymoodle, question, tabs, tags, user and many of the modules.

Basic CSS files

See Also