Book Image

Joomla! 1.5 Templates Cookbook

By : Richard Carter, Chris Davenport
Book Image

Joomla! 1.5 Templates Cookbook

By: Richard Carter, Chris Davenport

Overview of this book

Templates in Joomla! provide a powerful way to make your site look exactly the way you want either using a single template for the entire site or a separate template for each site section. Although it sounds like an easy task to build and maintain templates, it can be challenging to get beyond the basics and customize templates to meet your needs perfectly.Joomla! 1.5 Templates Cookbook consists of a series of self-contained step-by-step recipes that cover everything from common tasks such as changing your site's logo or favicon and altering color schemes, to custom error pages and template overrides. It starts off with the basics of template design and then digs deep into more complex concepts. It will help you make your site more attractive and user-friendly. You will integrate your site with various social media such as Twitter and YouTube; make your site mobile-friendly with the help of recipes for creating and customizing mobile spreadsheets; and use miscellaneous tricks and tips to get the most out of your website. You get all of this in a simple recipe format that guides you quickly through the steps and explains how it all happened.
Table of Contents (16 chapters)
Joomla! 1.5 Templates Cookbook
About the Author
About the Reviewers

Styling for component.php

You may have noticed the component.php file in your Joomla! template. This file contains the output of only a Joomla! component without the module output. The file is also used in place of the index.php file by Joomla! for special pages, such as the contact form pop-up, which is accessible by clicking on the envelope icon in your content (if enabled):

When this is clicked, Joomla! launches a pop-up window containing a contact form:

Getting ready

Open the component.php file in the rhuk_milkyway template (in the templates\rhuk_milkyway directory).

How to do it...

If you look within the component.php file you'll see that the<body> element has a class identifying it as contentpane:

<body class="contentpane">
<jdoc:include type="message" />
<jdoc:include type="component" />

This can help us distinguish pages created with component.php in the CSS. By adding the following CSS to the theme's template.css file in the css subdirectory...