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