1. Open the
user_styles.css
file in the root of your blackandblue theme's folder.2. Open the Moodle site by using Firefox and open Firebug (you should know how to do this by now).
3. Click on the Inspect icon on the top left-hand side of Firebug, and hover your mouse pointer over some plain text (not links). I have chosen the Search courses text in the middle of the page.
4. Now you need to check the right-hand Firebug window. You might notice that this is slightly different than previous examples, as the only font style visible isn't at the top. This is because all of the different text elements are inherited from the
body
class, as seen in the following screenshot:5. Right-click on the
body
class highlighted above, and choose Copy.6. Open your
user_styles.css
file. Note that you already have abody
class defined in your stylesheet.7. Add the copied CSS statements to the already-defined
body
class, and then change the first font in thefont-family...
Moodle 1.9 Theme Design: Beginner's Guide
Moodle 1.9 Theme Design: Beginner's Guide
Overview of this book
Moodle is a highly extensible virtual learning environment and is used to deliver online teaching and training materials. Theming is one of the main features of Moodle that can be used to customize your online courses and make them look exactly how you want them to. If you have been looking for a book that will help you develop Moodle Themes that you are proud of, and that your students would enjoy, then this is the book for you.This book will show you how to create themes for Moodle, change pre-installed Moodle themes, and download new themes from various resources on the Internet. It is filled with suggestions and examples for adapting classroom activities to the Virtual Learning Environment.This book starts off by introducing Moodle, explaining what it is, how it works, and what tools you might need to create a stunning Moodle theme. It then moves on to show you in detailed steps how to choose and change a Moodle theme, and explains what Moodle themes are and how they work. It shows you how to change an existing theme and test the changes that you have made.The latter half of this book will start you off on the road to creating your own themes from scratch. It provides detailed instructions to guide you through the stages of creating a stunning theme for your Moodle site. From planning theme creation, through to the slicing and dicing, and more advanced Moodle theming processes, this book will give you step-by-step instructions to create your own Moodle theme.
Table of Contents (18 chapters)
Moodle 1.9 Theme Design
Credits
About the Author
About the Reviewer
Preface
Free Chapter
An Introduction to Moodle
Moodle Themes
Customizing the Header and Footer
Adjusting the Colors and Fonts
Changing the Layout
Planning your Moodle Theme
First Steps: Creating your First Complete Moodle Theme
Creating your Moodle Theme from your Mockup: Slice and Dice
Under the Hood: Style your Navigation, Login Screen, and Blocks
Under the Hood: Theming Core Functionality and Modules
Further Enhancements
Glossary of Useful Terms and Acronyms
Pop quiz—Answers
Customer Reviews