Name Last modified Size Description
Parent Directory -
ORIGINALlogo.jpg 24-Oct-2007 13:25 32K
ORIGINALlogo_small.jpg 24-Oct-2007 13:25 14K
config.php 24-Oct-2007 13:25 4.9K
docstyles.php 24-Oct-2007 13:25 466
extra.css 08-Nov-2007 13:09 2.5K
favicon.ico 24-Oct-2007 13:25 894
footer.html 24-Oct-2007 13:25 531
fw_color.css 24-Oct-2007 13:25 5.4K
fw_fonts.css 14-Nov-2007 10:04 2.1K
fw_layout.css 24-Oct-2007 13:25 2.5K
gradient.jpg 24-Oct-2007 13:25 373
logo.jpg 02-Nov-2007 08:16 37K
logo_small.jpg 05-Nov-2007 16:44 13K
pix/ 24-Oct-2007 13:28 -
psd_files/ 24-Oct-2007 13:27 -
screenshot.jpg 24-Oct-2007 13:25 58K
styles.php 24-Oct-2007 13:25 955
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
.I got the tutorial for this header from: Photoshop Lab