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.
Table of Contents (16 chapters)
Joomla! 1.5 Templates Cookbook
Credits
About the Author
About the Reviewers
Preface

Creating a custom site offline page


Sometimes, it is necessary to temporarily disable access to your website to allow you to perform maintenance on your website. By default, Joomla!'s offline page looks like this:

Getting ready

You can customize this view by changing the logo displayed to your site's logo. To do this, you need to open the offline.php file in the templates\system directory, and copy this file to your template's directory; in this case, we'll copy it to the templates\rhuk_milkyway directory.

Note

The login form needs to remain, as this allows you to log into your website and view the changes that you're making while it is in "offline" mode.

How to do it...

  1. 1. Within the offline.php file, locate the following XHTML:

    <div id="frame" class="outline">
    <img src="images/joomla_logo_black.jpg" alt="joomla Logo" align="middle" />
    
  2. 2. You can change the src attribute of the image to the path of your website's newer logo, setting the alt attribute to the name of the website...