Basic Theme Modifications - Part 1

Attachment

» Download: EditTopLogo.png (435 Kb, 134 downloads so far)

In this series, I will use a few simple tricks to dramatically change a Default ocP Theme. The following pictorials will illustrate different processes to edit the Logo, Header and Background images used in the ocPortal software. They were initially designed as part of a classroom context presentation, and I hope they will be clear enough as standalone. I have done these before the excellent video tutorial prepared by Allen Ellis, which I recommend viewing before anything else to get a good grasp of what is involved. In this first installment my approach is not as inclusive, since I do not intend to modify the zone menu, css, or templates, in any way.

The first part illustrates how to modify or replace the Top Left Logo after creating it with the ocP Theme Wizard or the Logo Wizard. You have certainly noticed that these methods offer an easy and efficient way to add a standard logo to the website, but you might want to make some creative changes to it. If you are good with graphic design or simply wish to modify the Text and Color of your logo, you will be able to replace the Logo with your own creation in these simple steps.

Preview the result: Visit this Test Site

Part 2, will show how to change the Header Background and use the Logo to add a simple animation.