Difference between revisions of "Themes"

Jump to: navigation, search
(categories, see also)
m (formatting, category)
Line 1: Line 1:
== Introduction ==
+
Moodle has a powerful '''themes''' system that allows for a variety of effects through the use of XHTML and CSS.
  
Moodle has a powerful themes system that allows for a variety of effects through the use of XHTML and CSS.  Features include:
+
* Themes can be applied at site level, course level and/or user level.
 
 
* Themes can be applied at a site level, course level, and/or user level.
 
 
* Each page is individually-addressable via CSS, allowing you to pinpoint exact items.
 
* Each page is individually-addressable via CSS, allowing you to pinpoint exact items.
 
* Our CSS class naming system uses simple English, consistent and easily understood.
 
* Our CSS class naming system uses simple English, consistent and easily understood.
 
* New modules can tell Moodle what styles they need and automatically include these in the stylesheet.
 
* New modules can tell Moodle what styles they need and automatically include these in the stylesheet.
* Themes can be based on the '''standard''' theme which is very plain but functional.  You simply override styles you want to change by adding to the stylesheet in your own theme.  This means that if you upgrade Moodle later and new styles are needed, your custom theme will still work without any changes, because the new classes will be defined in the standard theme.
+
* Themes can be based on the ''standard'' theme, which is very plain but functional.  You simply override styles you want to change by adding to the stylesheet in your own theme.  This means that if you upgrade Moodle later and new styles are needed, your custom theme will still work without any changes, because the new classes will be defined in the standard theme.
* Themes can also be based on any other theme.  This allows you to easily create families of themes, or variations on a theme.  For example you might create a spectrum of pastel shades for use in different courses, but with the same basic layout and logos.  You may also want to create a family of differently-coloured themes for accessbilility purposes.
+
* Themes can also be based on any other theme.  This allows you to easily create families of themes, or variations on a theme.  For example you might create a spectrum of pastel shades for use in different courses, but with the same basic layout and logos.  You may also want to create a family of differently-coloured themes for accessibility purposes.
  
== Moodle 1.5 Themes ==
+
== Moodle 1.5 themes ==
  
 
If you plan to work on your own theme please build a new one and use Moodle's feature to base your theme on an existing theme like "standard". If you just modify one of the delivered themes it will be overwritten by the next Moodle update.
 
If you plan to work on your own theme please build a new one and use Moodle's feature to base your theme on an existing theme like "standard". If you just modify one of the delivered themes it will be overwritten by the next Moodle update.
  
Moodle 1.5 themes are slightly different than in previous versions of Moodle.
+
Moodle 1.5 themes are quite different than in previous versions of Moodle.
  
* [[Themes/HowTo|How to Create a Moodle 1.5 Theme]]
+
* [[Themes/HowTo|How to create a Moodle 1.5 theme]]
* [[Themes/ThemesBasics/|Themes Basics]]
+
* [[Themes/ThemesBasics/|Themes basics]]
* [[Themes/MoodleStandards|How to Style Moodle Standard Page Elements (not complete)]]
+
* [[Themes/MoodleStandards|How to style Moodle standard page elements]]
* [[Themes/ThemeSources| Links, Help and Sources for your CSS Work]]
+
* [[Themes/ThemeSources| Links, help and sources for your CSS work]]
* [[:Category:ThemeScrapbook|Theme Scrapbook]]
+
* [[:Category:ThemeScrapbook|Theme scrapbook]]
  
 
== See also ==
 
== See also ==
Line 26: Line 24:
 
*[[ThemeConfig|Configuring themes]]
 
*[[ThemeConfig|Configuring themes]]
  
 +
[[Category:Administrator]]
 
[[Category:Developer]]
 
[[Category:Developer]]
 
[[Category:Themes]]
 
[[Category:Themes]]

Revision as of 23:12, 28 November 2005

Moodle has a powerful themes system that allows for a variety of effects through the use of XHTML and CSS.

  • Themes can be applied at site level, course level and/or user level.
  • Each page is individually-addressable via CSS, allowing you to pinpoint exact items.
  • Our CSS class naming system uses simple English, consistent and easily understood.
  • New modules can tell Moodle what styles they need and automatically include these in the stylesheet.
  • Themes can be based on the standard theme, which is very plain but functional. You simply override styles you want to change by adding to the stylesheet in your own theme. This means that if you upgrade Moodle later and new styles are needed, your custom theme will still work without any changes, because the new classes will be defined in the standard theme.
  • Themes can also be based on any other theme. This allows you to easily create families of themes, or variations on a theme. For example you might create a spectrum of pastel shades for use in different courses, but with the same basic layout and logos. You may also want to create a family of differently-coloured themes for accessibility purposes.

Moodle 1.5 themes

If you plan to work on your own theme please build a new one and use Moodle's feature to base your theme on an existing theme like "standard". If you just modify one of the delivered themes it will be overwritten by the next Moodle update.

Moodle 1.5 themes are quite different than in previous versions of Moodle.

See also