Your Customers are Mobile, you will be too …

edit moodle theme

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

In this Tutorial we will show you how to set up Dreamweaver CS5.5 and your Moodle 2.0 servers so that they are ready for your to create your own templates using an existing Moodle Theme as your base. This is the best practice for creating a new theme for a beginner as it gives you a chance to see how the Moodle 2.0 themes work and how the various files interact with one and other.

Three things you need to have ready to go before we begin.

  1. A XAMPP server set up and ready to go. This should be switched on already.
  2. A Moodle 2.0 Server installed inside your XAMPP server.. Your should already be at the stage at which you have already logged in with your admin account already set up.
  3. Apart from that its just Dreamweaver CS5.5 installed on your computer and we are ready to go.

Continue reading

Please buy me a Coffee

Help a starving student to drink more coffee

Follow us on: