Your Customers are Mobile, you will be too …

moodle 2.1

In this tutorial we will show you how to change the default Moodle icons when creating your own theme. While the default icons that come with Moodle are good enough for a lot of basic installs when we are creating our own themes it is not unusual to come across situation where the default icons do not fit with the rest of your design. We will show you how to override the default icons rather than replacing them in the core. This way when we upload our theme to our website or someone else’s website our icons will automatically go with the theme so that we do not have to muck around modifying the core of Moodle to achieve the look and feel we are looking for.

Continue reading

In this tutorial we will show you how to make changes to the header of your Moodle 2.1 custom theme using Dreamweaver CS5.5. We will concentrate on changing the background of our header and the text contained within it. If you wish to change the logo or add one I have already done a tutorial on this so I won’t be covering that in this article.

To add a Logo to your header see this tutorial:

Moodle 2.1: Adding a Logo to Your Custom Moodle Theme Method 2 Continue reading

In this tutorial we will show you how to set your Moodle theme up ready for you to edit it to your hearts content. We will show you how to get the name of your Moodle theme to show up properly in the themes selection menu, edit the basic information of your theme and how to get Moodle to show any changes you have made to the CSS. Many beginners have problems with these three areas in particular having their CSS changes not show up in Moodle.

Although I am using Moodle 2.1 for this tutorial these changes are all exactly the same in Moodle 2.0 and Moodle 1.9. Although I am not sure about earlier versions they would fairly similar to the changes in these versions. Continue reading

Please buy me a Coffee

Help a starving student to drink more coffee

Follow us on: