O'Reilly logo

Learning Mambo : A Step-by-Step Tutorial to Building Your Website by Douglas Paterson

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Customizing the Page Layout

We've seen the basics of what templateDetails.xml and index.php do. Now we're actually going to get started.

In this section we'll go through some basic changes to the page layout:

  • Replacing the Header Graphic
  • Moving the Top Menu
  • Changing the Page Background
  • Changing the Fonts
  • Changing the Main Content Area
  • Customizing the Read More Link
  • Changing the Background Color of the Columns
  • Adding the Bottom Menu

The first two will involve changes to index.php, after that, we're into the stylesheet!

Replacing the Header Graphic

We've got a rather nifty site banner for Zak Springs, and we want it to replace the existing two top images in the current template:

You'll find our new header graphic, img_header.jpg, in the code download for this ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required