Moodle plugins directory: Simple: Versions: 1.1 | Moodle.org
Simple
Themes ::: theme_simple
Maintained by Web ICT ZHAW
Simple design, follows the best practice of responsive web design.
Simple 1.1
Moodle 2.1, 2.2, 2.3
Released: Wednesday, 13 February 2013, 6:27 PM
1.1 First Version
Simple template extends the standard theme
Key Features
- Simple design
- Multi device optimized: "Simple" follows the best practice of using responsive web design, namely serving the same HTML for devices and using only CSS media queries to decide the rendering on each device
- Easy to change the template color (possible to use different colors for different departments)
- The front-page design uses blocks in the content area and displaying them as boxes
- Changeable columns and height in "My home" for each user
- Changeable font size for each user
How to change the default template color?
Substitute #0164A7 with your hex color in style/simple.css
How to use different colors for different departments?
a) create folder new templat folder e.g. name: xyz, color: #E0922E
b) create xyz/config.php
$THEME->name = 'xyz';
$THEME->parents = array('simple','standard','base');
$THEME->sheets = array('skin');
$THEME->enable_dock = true;
c) create xyz/style/skin.css
.color_dept,
.header,
#page-mod-quiz-edit .questionbankwindow div.header,
#page-header-middle-right,
#dockeditempanel .dockeditempanel_hd,
h2.main{
background-color: #E0922E !important;
}
d) create xyz/pix/logo.png
e) create xyz/pix/screenshot.png
More infos about Moodle Themes: http://docs.moodle.org/dev/Themes_2.0
Simple template extends the standard theme
Key Features
- Simple design
- Multi device optimized: "Simple" follows the best practice of using responsive web design, namely serving the same HTML for devices and using only CSS media queries to decide the rendering on each device
- Easy to change the template color (possible to use different colors for different departments)
- The front-page design uses blocks in the content area and displaying them as boxes
- Changeable columns and height in "My home" for each user
- Changeable font size for each user
How to change the default template color?
Substitute #0164A7 with your hex color in style/simple.css
How to use different colors for different departments?
a) create folder new templat folder e.g. name: xyz, color: #E0922E
b) create xyz/config.php
$THEME->name = 'xyz';
$THEME->parents = array('simple','standard','base');
$THEME->sheets = array('skin');
$THEME->enable_dock = true;
c) create xyz/style/skin.css
.color_dept,
.header,
#page-mod-quiz-edit .questionbankwindow div.header,
#page-header-middle-right,
#dockeditempanel .dockeditempanel_hd,
h2.main{
background-color: #E0922E !important;
}
d) create xyz/pix/logo.png
e) create xyz/pix/screenshot.png
More infos about Moodle Themes: http://docs.moodle.org/dev/Themes_2.0
Version information
- Version build number
- 2013021200
- Version release name
- 1.1
- Can be updated from
- 1.0 (2012121800)
- Can be updated to
- 1.2 (2013030100)
- Maturity
- Stable version
- MD5 Sum
- b40b5053fc094dd36bbc30e9e6de06d3
- Supported software
- Moodle 2.1, PHP 5.3, PHP 5.2, PHP 5.1, PHP 5.4, Moodle 2.2, Moodle 2.3
- The more recent release 1.2 (2013030100) exists for Moodle 2.1
- The more recent release 1.2 (2013030100) exists for Moodle 2.2
- The more recent release 1.2 (2013030100) exists for Moodle 2.3
Version control information
- Version control system (VCS)
- Other...
- VCS repository URL
Default installation instructions for plugins of the type Themes
- Make sure you have all the required versions.
- Download and unpack the module.
- Place the folder (e.g. "ponies") in the "theme" subdirectory.
- Visit http://yoursite.com/admin to finish the installation