How to Edit the "Choices" Theme

• These are just a few brief notes for anyone who wants to try to edit this theme.
• I would suggest making a copy of this folder and renaming the copy to something else before editing it.
• See my website for variations on this theme before wasting your time editing this one. Perhaps there is a pre-made variation that will already suit your needs.
• http://www.manythings.org/tesl/moodle/

Icons or Words at the Top of the Page

• Open the "z.js" file, change the value of choice at the top of the code.
• choice=1; // 0=words, 1=bg-title.png images

How to Add a Style Sheet

• Capitalize the folder name so that the "choice" menu on the webpage has them capitalized.
• Put a CSS stylesheet file named "a.js" inside the folder.
• If the style requires images, put them into this folder, too.
• Add the name of that folder into the "_menu.js" file.
• Solving Typical Problems
  • Reload your Moodle page, if you don't see the new item listed.
  • If you don't see the menu, then check the commas (,) and the quotes (") in the "_menu.js" file.

How to Edit the "Choices" Menu

var x = new Array(
"Default",
"Blue",
"Green",
"Orange",
"Pink",
"Purple",
"Yellow",
"Gray",
"Brown",
"Blue_and_Yellow"
);

Notes

• Spaces can't be used, so use an underscores (_) in the file names and here. These will show up as spaces on the web page.
• Be careful with commas. Note that there is no comma after the last item in the list.
• Same as the filename, minus the ".css" extension.