Index of /Formal_Blue

 Name                    Last modified       Size  Description

 Parent Directory        09-Feb-2010 09:42      -  
 config.php              09-Feb-2009 13:18     6k  
 docstyles.php           09-Feb-2009 13:18     2k  
 extra.css               05-Jun-2007 16:23     2k  
 favicon.ico             05-Jun-2007 16:23     1k  
 footer.html             16-Mar-2008 22:11     1k  
 fw_color.css            05-Jun-2007 16:23     5k  
 fw_fonts.css            05-Jun-2007 16:23     2k  
 fw_layout.css           05-Jun-2007 16:23     2k  
 gradient.jpg            05-Jun-2007 16:23     1k  
 header.html             16-Mar-2008 22:11     2k  
 logo.jpg                05-Jun-2007 16:23    32k  
 logo_small.jpg          05-Jun-2007 16:23    14k  
 php_errorlog            02-Sep-2010 14:59    41k  
 pix/                    09-Mar-2009 07:24      -  
 psd_files/              09-Mar-2009 07:24      -  
 screenshot.jpg          05-Jun-2007 16:30    58k  
 styles.php              09-Feb-2009 13:18     2k  

Formal Blue

For this theme I modified the Formal White theme. See below to see how to modify the logo/header to suit your own needs.

This theme has the colour gamma into the pale grey/brown area. Those colours renders in a very similar way in both RGB and LCD monitors. Custom logo can be easely substituded (see instruction below). Fonts used are "Arial, Helvetica" for text and menu items and "Verdana,Geneva" for headers, both fonts are fine for screen reading.

To update logos with your own:

• create two file with two different sized logos:
• logo.jpg, height 150 pixel
• logo_small.jpg, height 50 pixel
• via FTP upload the jpg files into /moodle/theme/moodletwopointoh folder, overwriting the existing jpg.

The bigger logo will be used for the home page only, while the smaller will be used for all the other pages.

I have included the .psd file to change the header/logo. If you want to change the text you will need to follow these steps.

First you will need to delete the reflection Layer.

Duplicate that text layer by pressing Ctrl + J. Drag the duplicated layer below your original in the Layers Palette. Right click on the duplicate layer in the palette and choose Rasterize Type.

With the duplicate layer chosen in the Layers Palette, press Ctrl + T to bring up the Free Transform. Right click in the transform binding box and choose Flip Vertical. Drag your flipped layer so that the bottoms match.

Add a Layer Mask by click on the button at the bottom of the Layers Palette or by going Layer > Layer Mask > Reveal All.

Press D to reset your colors and then press G to select the Gradient Tool. With the layer mask selected in the Layers Palette, which it should be already, drag from top-to-bottom with the Gradient Tool until you get the fade you desire.

This same technique will work for the logo_small