theme/chameleon/README.html

   1 <h3>
   2     Chameleon, the flexible Moodle theme.
   3 </h3>
   4 <p>
   5     Chameleon is a Moodle theme with an option to interactively change your theme within your browser page.
   6     You click on an element to change it's style. Please read the
   7     <a href="http://docs.moodle.org/en/Chameleon" alt="Chameleon Moodle Docs">Chameleon Moodle Docs explanation</a>
   8     for more information about Chameleon's interactive theme work.
   9 </p>
  10 <p>
  11     To enable editing you change "$THEME->chameleonenabled = false;" in the config.php file
  12     in your Chameleon theme folder to true. It is recommended to change "$THEME->chameleonenabled = true;"
  13     back to false again once you're satisfied with your theme because the editing engine loads several
  14     extra files into the browser. Therefore the page loading speed is reduced.
  15 </p>
  16
  17 <h4>
  18     Some basic information:
  19 </h4>
  20
  21 <p>
  22     If you want to hand code styles you must not write hooks as comma separated lists of elements like
  23 <pre>
  24 td#middle-column div.bt,
  25 div#middle-column div.bt {
  26     ...
  27 }
  28 </pre>
  29     in Chameleon themes because the Chameleon engine can't handle these comma lists.
  30     Please write two separate statements instead.
  31 <pre>
  32 td#middle-column div.bt {
  33     ...
  34 }
  35 div#middle-column div.bt {
  36     ...
  37 }
  38 </pre>
  39 </p>
  40
  41 <p>
  42     A Moodle Theme from <strong>Urs Hunkler, <a href="http://www.unodo.de">unodo</a>
  43     and Andrew Walker, <a href="http://www.altoncollege.ac.uk/">Alton College</a></strong>.
  44 </p>