Themes. Moodle Themes - ThemZa Free Templates. Themes 2.0 creating your first theme. Moodle 2.1Moodle 2.0 This document describes how to create a theme for Moodle 2.0 and Moodle 2.1. ONLY. It assumes you have some understanding of how themes within Moodle work as well as a good understanding of HTML and CSS. For Themes in Moodle 2.2 onwards please read the tutorial about How to clone a Moodle 2.2 theme.
Theme designer mode Under normal operation Moodle does several things in the name of performance, one of these is to combine all of the CSS into one file, minimize it, cache it on the server, and then serve it. What this means for you as a themer? Theme designer mode may be enabled via Administration > Appearance > Themes > Theme settings. Warning: Internet Explorer versions 6 and 7 have BIG problems when a site attempts to link to more than 31 stylesheets, in which case either a limited number or no styles get applied.
Getting started Now within that directory we can immediately create several files that we know we are going to need. So the files that we want to create are: to. Creating a custom theme. Note: This Article refers to Moodle 1.9 and needs updating to Moodle 2.0. Refer to the Themes 2.0 page for more up-to-date information. Moodle1.9 A theme is what defines the way the Moodle engine displays all of your Moodle powered pages. Themes are easy to create and allow you to personalize Moodle for your class, school, or school district. Themes consist of a Cascading Style Sheet (CSS) file and a few images. The simplest way to create a custom theme for your school is to modify the CSS and images of an existing theme. This tutorial will walk you through creating a custom theme based on the default Moodle theme which comes with version 1.9 of Moodle.
Requirements In order to edit your theme, you'll need to have all of the following: Get your new Theme setup First, login to your Moodle server, and navigate to the "/theme" directory inside the main Moodle directory. Start from scratch or use a parent theme? Use code like this in /theme/yourtheme/config.php Get your colors Style the new theme. Theme development.