On this page we will put in CSS Charts for Moodle 1.5x page by page. The first chart is ready. Click the link below. Let us know if it suits your purpose..more charts coming..keep looking here.

>> CSS Chart for 1.6x  New
>> A more complete 1.5x CSS Chart
>> Homepage CSS (homepage css chart)
>> Weekly Format CSS (course page css chart)
>> Login Page CSS (login page css chart)

Moodle 1.5x essential CSS is contained in 3 files - styles_color.css, styles_fonts.css and styles_layout.css. The file names are self-explanatory, but to clarify a bit....for changing any color properties use styles_color.css. For changing font properties like size, family, line/letter spacing etc. use the styles_fonts.css file. For general layout, like div or table properties use styles_layout.css.

Changing Link Colors
Some of our themes don't have very distinct link colors. I guess we got carried away with the look aspect! Anyway, changing link colors universally is a simple job. Access the theme's folder and look for the file styles_color.css. Then, in this file, locate the a:link tag and change the color value. Similarly, if you desire, for a:visited and a:hover. If you want the underline to appear in all your links look for the a:link tag in styles_fonts.css. Then change text-decoration:none to text-decoration:underline. That's it! If you're a beginner this small tut will give you courage to experiment more boldly with Moodle CSS. We'll keep adding to this section so in time you'll have lots of help.

Learning CSS
Do-it-yourself enthusiasts will certainly benefit from proper CSS knowledge. Which, honestly, is quite easy to pick-up. If you want a structured quick-start, look here. On this site's homepage look at the top left-side menu, you'll find css and html tutorials. The W3Schools' courses have proved their rapid training value many times here at BallisticLearning, where I work.