Note: You are currently viewing documentation for Moodle 2.2. Up-to-date documentation for the latest stable version is available here: Standard themes.

Standard themes: Difference between revisions

From MoodleDocs
mNo edit summary
 
(37 intermediate revisions by 6 users not shown)
Line 1: Line 1:
{{Themes}}
{{Themes}}
<p class="note">'''Please refer to [[TOC_with_notes#Themes|these notes]] before editing this page.'''</p>[[Themes]] affect the way Moodle looks on a web browser.  Moodle comes with standard themes with every install package.
==Theme selector==


In Alphabetical order here are the 15 standard themes in Moodle 1.9.8
An administrator can set a theme for the site in ''Settings > Site administration > Appearance > Themes > Theme selector''.
 
Different themes may be set according to 'device type' - default, legacy (for older browsers), mobile and tablet.
 
Go to ''Settings > Site administration > Appearance > Themes > Theme selector''
*Click on the "Select theme" button next to the type you wish to change
*Scroll down to see the previews of the available themes and click on the "Use theme" button to chose the theme
*The next screen will provide information about the theme. Click "Continue"
 
Note 1: Moodle caches themes so if you don't immediately see changed settings that you were expecting, click the "Clear theme caches" button at the top of the Theme selector page.
 
Note 2: The selected theme may be overridden if user/course or category themes have been allowed in the [[Theme settings]].
 
{{New features}}Tip: New in Moodle 2.2 onwards is a MyMobile theme especially designed for mobile devices.
 
[[File:Themeselector21.png|thumb|center|theme selector showing default and none selected in other theme types]]
 
==Notes on individual themes==
 
Arialist: does not display the logo at course/course level.  This menas it is not useful for branding at a category/course level.
 
===Themes that allow you to change a logo===
*Afterburner
*Arialist (only at home page level) Code to change this: http://moodle.org/mod/forum/discuss.php?d=192409
*Brick
*Formal White
*Magazine
*Skylight
*Splash
 
===Themes that allow custom CSS===
*Arialist
*Fusion
*Non-zero
*Overlay
*Skyhigh
*Splash
 
==Standard themes==
 
In alphabetical order here are the standard themes in Moodle:
<gallery caption="Standard Themes - click on any to enlarge" widths="200px" heights="113px" perrow="3">
<gallery caption="Standard Themes - click on any to enlarge" widths="200px" heights="113px" perrow="3">
Image:themes02a.png|Arialist theme
Image:theme_afterburner.png|Afterburner theme
Image:Theme_cornflower.jpg|cornflower
Image:theme_anomaly.png|Anomaly theme
Image:Theme_custom_corners.jpg|[[Custom corners theme|custom corners]]
Image:theme_arialist.png|Arialist theme
Image:Theme_formal_white.jpg|formal white
Image:theme_binarius.png|Binarius theme
Image:Theme_metal.jpg|metal
Image:theme_boxxie.png|Boxxie theme
Image:Theme_oceanblue.jpg|oceanblue
Image:theme_brick.png|Brick theme
Image:Theme_orangewhite.jpg|orangewhite
Image:theme_formalwhite.png|Formal white theme
Image:Theme_orangewhitepda.jpg|orangewhitepda
Image:theme_formfactor.png|FormFactor theme
Image:Theme_standard.jpg|standard
Image:theme_fusion.png|Fusion theme
Image:Theme_standardblue.jpg|standard blue
Image:theme_leatherbound.png|Leatherbound theme
Image:Theme_standardgreen.jpg|standard green
Image:theme_magazine.png|Magazine theme
Image:Theme_standardlogo.jpg|[[Standardlogo theme|standard logo]]
Image:Mymobile_theme.png|MyMobile theme
Image:Theme_standardred.jpg|standard red
Image:theme_nimble.png|Nimble theme
Image:Theme_standardwhite.jpg|standard white
Image:theme_nonzero.png|Nonzero theme
Image:Theme_wood.jpg|wood
Image:theme_overlay.png|Overlay theme
Image:theme_serenity.png|Serenity theme
Image:theme_skyhigh.png|Sky High theme
Image:theme_splash.png|Splash theme
Image:theme_standard.png|Standard theme
</gallery>  
</gallery>  
[[Image:themes02a.png|Arialist theme]]


==Examples of themes in a course==
==See also==
<gallery caption="Standard Themes Course - click on any to enlarge" widths="150px" heights="100px" perrow="3">
Image:Theme_chameleon_screenshot_course.jpg|[[Chameleon theme|chameleon]]
Image:Theme_cornflower_screenshot_course.jpg|cornflower
Image:Theme_custom-corners_screenshot_course.jpg|custom corners
Image:Theme_standardlogo_screenshot_course.jpg|standardlogo
</gallery>


==See also==
* [[Theme credits]]
*[http://moodle.org/mod/data/view.php?id=6009 Modules and Plugins] for more contributed themes
* Using Moodle [http://moodle.org/mod/forum/discuss.php?d=189573 What counts as a 'legacy' device type?] forum discussion
*The [[Front Page]] is used as the standard screenshot.  It can have different looks.
 
[[Category:Themes]]
[[de:Standard-Designs]]
[[Category:Front Page]]

Latest revision as of 18:27, 9 January 2013

Theme selector

An administrator can set a theme for the site in Settings > Site administration > Appearance > Themes > Theme selector.

Different themes may be set according to 'device type' - default, legacy (for older browsers), mobile and tablet.

Go to Settings > Site administration > Appearance > Themes > Theme selector

  • Click on the "Select theme" button next to the type you wish to change
  • Scroll down to see the previews of the available themes and click on the "Use theme" button to chose the theme
  • The next screen will provide information about the theme. Click "Continue"

Note 1: Moodle caches themes so if you don't immediately see changed settings that you were expecting, click the "Clear theme caches" button at the top of the Theme selector page.

Note 2: The selected theme may be overridden if user/course or category themes have been allowed in the Theme settings.

New feature
in Moodle 2.2!
Tip: New in Moodle 2.2 onwards is a MyMobile theme especially designed for mobile devices.

theme selector showing default and none selected in other theme types

Notes on individual themes

Arialist: does not display the logo at course/course level. This menas it is not useful for branding at a category/course level.

Themes that allow custom CSS

  • Arialist
  • Fusion
  • Non-zero
  • Overlay
  • Skyhigh
  • Splash

Standard themes

In alphabetical order here are the standard themes in Moodle:

See also