Note: You are currently viewing documentation for Moodle 2.4. Up-to-date documentation for the latest stable version of Moodle may be available here: Chameleon theme.

Chameleon theme: Difference between revisions

From MoodleDocs
(alternative uses)
(introduction)
Line 1: Line 1:
'''Chameleon''' is an interactive Moodle theme. You are welcome to try it at the [http://chameleon-theme.unodo.de/ Chameleon theme test site] - please login with username and password "chameleon".
==How does Chameleon change its colours?==
==How does Chameleon change its colours?==


Line 20: Line 22:
==See also==
==See also==


*[http://chameleon-theme.unodo.de/ Chameleon theme test site] - login with username and password "chameleon"
*[http://moodle.org/mod/forum/discuss.php?d=37674 Chameleon - an interactive Moodle theme] forum discussion
*[http://moodle.org/mod/forum/discuss.php?d=37674&parent=174155 Chameleon - an interactive Moodle theme] forum discussion
*[http://moodle.org/mod/forum/discuss.php?d=37680 Link font size bigger] forum discussion illustrating an alternative use
*[http://moodle.org/mod/forum/discuss.php?d=37680 Link font size bigger] forum discussion illustrating an alternative use



Revision as of 07:53, 5 February 2006

Chameleon is an interactive Moodle theme. You are welcome to try it at the Chameleon theme test site - please login with username and password "chameleon".

How does Chameleon change its colours?

  • Shift-click anywhere on the page to open a floating window showing all elements under the mouse
  • Click on elements in the list to create a CSS selector - one or as many as you need
  • Click on the "Set Styles" button and set the styles of your choice
  • View the changes immediately

Chameleon allows almost complete control over styling elements in Moodle. It makes working with themes easier for theme designers and opens up a wide range of experimental uses for interface designers. Just change and work with the changed page and go on optimizing your theme whilst you work with Moodle.

Chameleon makes use of Ajax technologies.

Saving your changes

As you work, you have the option to save changes in a temporary file, or save them to the theme CSS file on the server. All temporarily saved changes may be reverted.

Alternative uses

In addition to creating a complete theme, Chameleon may also be used to help make changes to your existing theme. Simply experiment with Chameleon until you have achieved the change you desire, then copy the css in the "Free Edit" tab to a style sheet in your theme folder.

See also