Book Image

Joomla! 1.5 Templates Cookbook

Book Image

Joomla! 1.5 Templates Cookbook

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.

Related Content you might be interested in

Current Title:

Small book image
Joomla! 1.5 Templates Cookbook
Jul, 2010 | 236 pages
No titles found
Table of Contents (16 chapters)
Joomla! 1.5 Templates Cookbook
Joomla! 1.5 Templates Cookbook
Credits
Credits
About the Author
About the Author
About the Reviewers
About the Reviewers
Preface
Preface
Free Chapter
1
Joomla! Theming Basics
Joomla! Theming Basics
Introduction
Finding the current default template
Locating Joomla! templates in your website's hierarchy
Understanding Joomla! templates
Changing your template's color variation
Adding a color variation
Changing your template's logo
Selecting the default Joomla! template
Editing the HTML template in the administration panel
Editing CSS in the administration panel
2
Custom Joomla! Templates
Custom Joomla! Templates
Introduction
Installing a Joomla! template
Understanding Joomla! template positions
Understanding jdoc statements
Understanding the templateDetails.xml file
Styling for component.php
Adding a custom favicon to your template
Styling Joomla! error messages
Styling Joomla! error pages
3
Theming the Details
Theming the Details
Introduction
Styling the search module
Styling the search component
Using template overrides in your Joomla! template
Customizing the breadcrumb
Styling pagination
Linking back to the top of your page
Adding a random background image to your Joomla! template
4
Custom Page Templates
Custom Page Templates
Introduction
Understanding Module Chrome in Joomla!
Customizing the error page in Joomla!
Creating a custom site offline page
5
Styling Joomla! for Print
Styling Joomla! for Print
Introduction
Starting your print stylesheet
Adding a print stylesheet to Joomla!
Typography for your Joomla! print stylesheet
Styling the layout of your Joomla! template for print
Styling content for print
Styling links for print
Preventing common bugs in print style
6
Joomla! Admin Templates
Joomla! Admin Templates
Introduction
Understanding Joomla! administrator templates
Installing a Joomla! administrator template
Changing the administrator template
Changing the logo in an administrator template
Changing the colors in the administration panel
Securing the administrator URL
Changing the icons on the Joomla! administrator dashboard
Joomla! administrator template icon graphics
7
Social Media and Joomla!
Social Media and Joomla!
Introduction
Integrating Twitter with Joomla!
Integrating AddThis social bookmarking tool with your Joomla! template
Embedding YouTube and other videos in your Joomla! website
Configuring the DisQus Comments extension for Joomla!
Integrating Facebook into your Joomla! website
8
Styling Joomla! for Mobiles
Styling Joomla! for Mobiles
Introduction
Adding an iPhone icon
Designing stylesheets for mobile devices
Specifying a separate stylesheet for mobile browsers
Creating a mobile stylesheet
Installing the MobileJoomla! extension
9
Joomla! and JavaScript
Joomla! and JavaScript
Introduction
Including a JavaScript file in your Joomla! template
Tips and tricks for minimizing page load time when using JavaScript
Maximizing backward compatibility with JavaScript
Providing Internet Explorer 6 with transparent PNG support in your Joomla! template
Installing the jQuery JavaScript library in Joomla!
Creating an image slideshow with JavaScript in Joomla!
10
Miscellaneous Joomla! Templating
Miscellaneous Joomla! Templating
Introduction
Comparing your template across different browsers
Validating your template's (X)HTML
Validating your template's CSS
Using conditional stylesheets in Joomla!
Fixing the double-margin bug (in Internet Explorer) in Joomla!
Installing Google Analytics
Joomla! Output Overrides
Joomla! Output Overrides
Introduction
Customizing Joomla!'s home page with module output override
Customizing Joomla! articles with component template overrides
Creating a new module style (chrome) in Joomla!

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" />
</body>

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...

Previous Section
End of Section 7
Next Section