How do you customize the Site Offline Page?

[jderosa3]

I tried searching about this... so I apologize if this has been talked about.

Is there a way to customize the site offline page so that I can both take off the login function and change the information that is displayed as well as graphics?

Thanks for any help.

[ianmac]

Add a file to your template.

In your template root directory (i.e. templates/rhuk_milkyway), create a file called 'offline.php' which contains the markup that you want displayed when your site is offline.

Ian

[jderosa3]

Awesome! Thanks for the tip!

[user deleted]

Moderator note: moving from Development 1.5 to New J1.5 Forum Section

[rw1]

can anyone tell me where the default offline page is located so i can edit that?

thank you.

[ianmac]

copy the file templates/system/offline.php to the directory of your template and edit that file.

Ian

[rw1]

thanks Ian - just found it and forgot to post back! thank you for your reply. peace.

[danielransom]

This was most helpful

When will i stop learning

[zoomlanski]

I changed that successfully.

i can't locate the the site administrator login page. it's not in the same director, and can't find anything similar.

Any idea how I adapt that too, so that I can have alternate title/picture. This is for a shared user group, so looking to personalize it.

Thanks
Tim

[chogarth]

Question for you. When the site is offline, is there a way to see the changes that you are making to the site?

Thanks.
Cil

[Diesel9a1]

When the site is down for maintenance, there is a login box on the front end. Only SuperAdmin can log in and view the site. (I've not tested any other admin levels). Normal users are blocked.

[chogarth]

Thanks for the response. But I was wondering if, while the public will see the offline page that the website is down for maintenance, the administrator can preview the new changes made to the website before it goes back online.

Cil

[Diesel9a1]

Yes.
Log in the front end of the site whilst it is offline. I know Superadmin can login - not tried Administrator levels.

[drswoboda]

Thanks for this topic, it helped me modify my Site Offline page...
-David

[jjspelman]

But what if, as in @jderosa3 mentioned, you remove the log in form from the Site Offline page? Is there a way to view your changes?

[Diesel9a1]

Why would you remove it?

I'm guessing here....
Doesn't it check to see if a login attempt is by an Admin and if so allows it?

If the user is none admin then they are not allowed to login?

[jjspelman]

I suppose I could clarify what I mean by providing a scenario: What if you were marketing the launch of a site, and wanted the splash page, or off line page, to follow the marketing efforts. Maybe the splash page would contain a countdown of sorts, you may not want users to see a log in form at all.

[ianmac]

I suppose I could clarify what I mean by providing a scenario: Wat if you were marketing the launch of a site, and wanted the splash page, or off line page, to follow the marketing efforts. Maybe e splash page would contain a countdown of sorts, you may not want users to see a log in form at all.

Then place an index.html file and set that to your default page, and have your site accessible by specifying index.php.

Ian

[jjspelman]

Now that makes sense! I figured it may be something like that, but how to go about it is something I'm clueless about. Fortunately I am still in the learning process here but as soon as I am ready to launch a couple of sites I want to develop I will be visiting this question again.

THanks Ian!

[malvec]

Hi all,

1st cheers for help. I was wondering if when in the off line mode is it possible to allow more than super-admin log-in. The reason why I think is need this is I am makeing a website for my local football team. I want to be able to put web-site online but not available to every one so other members who have signed up to contribute articles, etc can log-on type away etc and add content so that when we go "fully" on-line the content will be there. I have myself + 4 others in this working group to get the site up and running.

Maybe there is a better way for a group in separate locations/PC's to add content that someone can suggest instead of my way. Sorry if the answer is simple as this is my 1st website and only finding my way.

Cheers

Pat

[global19]

thx for the tip

[tomweber]

Right!

Adding the template in the root directory is an option.

[sa247]

i understand that toggling the option in the global configuration puts the site online/offline

however am kinda curious as to what line of joomla code actually identifies and triggers the redirect to the offline template, would be nice to be able to create an offline template that's independent of the default template

ill guess ill take a deeper look into the source and see what i can come up with - any input greatly appreciate though...

[mtrimble]

templates/system/offline.php

Grab it via FTP.

Edit in DreamWeaver and upload.

[matti101]

Its actually quite easy to customise the offline page (if u don't need anything too fancy)

To replace the default Joomla image:

open: templates/system/offline.php and edit the <img src"" /> line near the top to point to your new custom image e.g.

Code: Select all

<div id="frame" class="outline">
<img src="images/logo_offline.png" alt="Site - Coming Soon!" align="middle" />

To customise the colour of the login box around the image:

open: templates/system/css/offline.css and edit the '.outline' class 'background' property to whatever colour you want e.g.

Code: Select all

.outline {
/*  border: 1px solid #cccccc; */
     background: #000;
     padding: 2px;
}

To customise the colour of the full page background:

open: templates/system/css/offline.css and edit the 'body' class and add in the 'background-color:' property e.g.

Code: Select all

body {
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, Sans Serif; font-size: 78%;
	color: #000;
	text-align: center;
	background-color: black;
}

Hope this helps someone, I've used this to create a fully black page with a custom image (that looks better for visitors while site offline) and still has the option for Superadmin to login and view the site while updating it.

[upskie]

Its actually quite easy to customise the offline page (if u don't need anything too fancy)

To replace the default Joomla image:

open: templates/system/offline.php and edit the <img src"" /> line near the top to point to your new custom image e.g.

Code: Select all

<div id="frame" class="outline">
<img src="images/logo_offline.png" alt="Site - Coming Soon!" align="middle" />

To customise the colour of the login box around the image:

open: templates/system/css/offline.css and edit the '.outline' class 'background' property to whatever colour you want e.g.

Code: Select all

.outline {
/*  border: 1px solid #cccccc; */
     background: #000;
     padding: 2px;
}

To customise the colour of the full page background:

open: templates/system/css/offline.css and edit the 'body' class and add in the 'background-color:' property e.g.

Code: Select all

body {
	margin: 0; padding: 0;
	font-family: Arial, Helvetica, Sans Serif; font-size: 78%;
	color: #000;
	text-align: center;
	background-color: black;
}

Hope this helps someone, I've used this to create a fully black page with a custom image (that looks better for visitors while site offline) and still has the option for Superadmin to login and view the site while updating it.

Very helpful for newbies like me thank you!!!

[bjorken96]

This was very helpful!!

[Rhand]

Very useful information. Was hoping though that there was already a plugin to customize the offline page (maintenance mode) instead of copying it to the default template folder and adjusting it..

[i3ntz]

Is it possible to change the default offline page to something looking like this ?
http://activeden.net/item/coming-soon-p ... iew/135780

The code of it looks like this

Code: Select all

<HTML>
<HEAD>
<TITLE>Coming soon</TITLE>
</HEAD>
<BODY bgcolor="#000000" marginwidth="0" marginheight="0" leftmargin="0" topmargin="0">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
 codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0"
  id="intro" ALIGN="center" width="100%" height="100%">
 <PARAM NAME=movie VALUE="index.swf">
 <PARAM NAME=quality VALUE=high>
 <PARAM NAME=scale VALUE=noscale>
 <PARAM NAME=bgcolor VALUE=#000000>
 <EMBED src="index.swf" quality=high scale=noscale bgcolor=#000000  WIDTH="100%" HEIGHT="100%" NAME="intro" ALIGN="center"
 TYPE="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer"></EMBED>
</OBJECT>
</BODY>
</HTML>

Any help will be appreciated.

[Rhand]

Well like matti101 said you can edit templates/system/offline.php to accomplish this. And this php file can of course contain HTML and Flash as well