CSS: Difference between revisions

Latest revision as of 15:31, 29 November 2011

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

CSS files are located in the theme folder being used by Moodle. The normal Moodle practice is to have 3 main CSS files: styles_color, styles_layout, 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.

There may also be CSS files for Internet Explorer, Mozilla or other internet browsers.

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

CSS styles_ layout.css contains the layout specifications for various page elements.

CSS styles_color.css contains the colors used in the page elements.

CSS styles_fonts.css defines the fonts used in the page elements.

@@ Line 1: / Line 1: @@
-'''Cascading Style Sheets''' (Abk.: CSS) gelten heute als die Standard-Stylesheetsprache für Webseiten.
+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 definition.
-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.
+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.
-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, ...).
+There may also be CSS files for Internet Explorer, Mozilla or other internet browsers.
-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==
@@ Line 21: / Line 18: @@
 == See Also ==
+In other MoodleDoc versions, the CSS info has been moved to  [https://docs.moodle.org/dev/CSS devDocs on CSS]
+In this documentation you can find more information in the links below:
 * [[CSS FAQ]]

Documentation

CSS: Difference between revisions

Latest revision as of 15:31, 29 November 2011

Basic Moodle page parts

Basic CSS files

See Also