'
What are Virtual Learning Environments?
What are the advantages of using a VLE?
Browsing and selecting a Moodle theme
Time for action—browsing and selecting a Moodle theme
Time for action—browsing the 'Standard' theme folder
Searching for and downloading Moodle themes
Time for action—searching for Moodle themes
Time for action—downloading a new Moodle theme
Time for action—extracting and installing your Moodle theme
Time for action—forcing users to use your theme choices
Customizing the Header and Footer
Time for action—making a copy of the standard theme
Time for action—copying your logo to your mytheme directory
Time for action—adding the logo code to your header.html file
Time for action—adding the logo code to your header.html file again!
Making your own Moodle logo visible
Time for action—changing the title text
Time for action—deleting the Moodle logo
Time for action—deleting the login info text
Time for action—adding your own footer text
Browser compatibility—checking whether your changes have worked
Time for action—installing Mozilla Firefox
Time for action—checking whether your changes have worked
Adjusting the Colors and Fonts
Installing Firebug and the Web Developer Toolbar
Time for action—installing the Firebug extension for Firefox
Cascading Style Sheets and Moodle
Time for action—creating a new Cascading Style Sheet
Time for action—changing the default font by using Firebug
Time for action—making our changes permanent
Setting the font color and size
Time for action—changing the font color
Time for action—setting the font size
Time for action—changing the link colors
Time for action—changing the background color
Full screen versus reduced width theme
Time for action—choosing a reduced (fixed) width theme
Time for action—changing your theme to a fixed width design
Time for action—adding a border and some padding to your theme
Changing the block's column widths
Time for action—changing the width of the block columns
Setting the minimum and maximum width of the blocks
Time for action—changing our theme back to a liquid layout
Time for action—setting the minimum and maximum block widths
Time for action—downloading and installing a theme for children
Time for action—downloading and installing themes for those above 12 years old
Time for action—downloading a Moodle theme for higher education
Time for action—looking at other Moodle sites
Creating a mockup using software
Creating a design using graphics software
Time for action—creating the header, footer, and menu in Photoshop
Time for action—creating the logo, menu text, and login info text
Time for action—creating a block graphic by using Photoshop
First Steps: Creating your First Complete Moodle Theme
Time for action—copying the standard theme
Time for action—setting a parent theme
Copying the header and footer files
Time for action—copying the header.html and footer.html files
Time for action—creating our stylesheet
Time for action—deleting CSS files that we don't need
Time for action—checking our setup
Time for action—one more change
Time for action—preparing our new theme
Creating your Moodle Theme from your Mockup: Slice and Dice
Time for action—setting the header size and background color
Time for action—setting the margins and adding a logo
Time for action—creating the menu.php file
Time for action—creating the menu block
Time for action—creating the footer bar
Setting the font and link styles
Time for action—setting the body font
Time for action—changing the link styles
Time for action—changing the menu font style
Time for action—changing the icon set
Time for action—changing icons one at a time
Under the Hood: Style your Navigation, Login Screen, and Blocks
Changing the login splash page
Time for action—opening the login page
Time for action—changing the border around the central box
Changing the width of the sideblocks
Time for action—copying and pasting the width code from index.php to config.php
Changing the appearance of the blocks
Time for action—creating the block header background
Time for action—changing the block header background
Time for action—reducing the rounded content corners
Time for action—creating the sideblock content background graphic
Time for action—changing the block content background
Time for action—copying a style from another theme
Under the Hood: Theming Core Functionality and Modules
Theming the central area of our Moodle site
Time for action—adding a new course category and course to Moodle
Theming the course category section
Time for action—changing the background color
Time for action—changing the header fonts
Time for action—changing the font color
Time for action—changing the background color
Time for action—copying the show/hide icons
Changing the appearance of the core modules
Time for action—changing the forum summary box
Time for action—customizing the forum
Time for action—customizing the forum posts
Time for action—creating a glossary
Time for action—customizing the glossary resource