How do you customize the Site Offline Page?

Need help with the Administration of your Joomla! 1.5 site? This is the spot for you.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
jderosa3
Joomla! Apprentice
Joomla! Apprentice
Posts: 21
Joined: Sun Feb 11, 2007 12:35 am

How do you customize the Site Offline Page?

Post by jderosa3 » Sun Jul 22, 2007 11:05 pm

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.
Last edited by infograf768 on Mon Jul 23, 2007 5:41 am, edited 1 time in total.

User avatar
ianmac
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 4784
Joined: Sat Sep 24, 2005 11:01 pm
Location: Toronto, Canada

Re: How do you customize the Site Offline Page?

Post by ianmac » Sun Jul 22, 2007 11:15 pm

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
Joomla! Apprentice
Joomla! Apprentice
Posts: 21
Joined: Sun Feb 11, 2007 12:35 am

Re: How do you customize the Site Offline Page?

Post by jderosa3 » Mon Jul 23, 2007 1:24 am

Awesome! Thanks for the tip!

user deleted

Re: How do you customize the Site Offline Page?

Post by user deleted » Tue Jul 24, 2007 9:20 am

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

User avatar
rw1
Joomla! Guru
Joomla! Guru
Posts: 958
Joined: Sun Aug 28, 2005 11:23 am
Location: New York

Re: How do you customize the Site Offline Page?

Post by rw1 » Mon Sep 15, 2008 4:42 pm

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

thank you.

User avatar
ianmac
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 4784
Joined: Sat Sep 24, 2005 11:01 pm
Location: Toronto, Canada

Re: How do you customize the Site Offline Page?

Post by ianmac » Mon Sep 15, 2008 6:58 pm

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

Ian

User avatar
rw1
Joomla! Guru
Joomla! Guru
Posts: 958
Joined: Sun Aug 28, 2005 11:23 am
Location: New York

Re: How do you customize the Site Offline Page?

Post by rw1 » Mon Sep 15, 2008 7:12 pm

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

danielransom
Joomla! Apprentice
Joomla! Apprentice
Posts: 16
Joined: Thu Oct 02, 2008 10:55 pm

Re: How do you customize the Site Offline Page?

Post by danielransom » Thu Nov 13, 2008 11:39 pm

This was most helpful

When will i stop learning :)

zoomlanski
Joomla! Intern
Joomla! Intern
Posts: 81
Joined: Thu Oct 23, 2008 10:59 am

Re: How do you customize the Site Offline Page?

Post by zoomlanski » Wed Nov 26, 2008 12:45 am

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
Joomla! Apprentice
Joomla! Apprentice
Posts: 17
Joined: Fri Jul 03, 2009 5:11 pm

Re: How do you customize the Site Offline Page?

Post by chogarth » Thu Jul 23, 2009 5:30 pm

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
Joomla! Intern
Joomla! Intern
Posts: 70
Joined: Tue Sep 16, 2008 9:45 am
Location: Kent, England

Re: How do you customize the Site Offline Page?

Post by Diesel9a1 » Mon Sep 21, 2009 1:41 pm

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
Joomla! Apprentice
Joomla! Apprentice
Posts: 17
Joined: Fri Jul 03, 2009 5:11 pm

Re: How do you customize the Site Offline Page?

Post by chogarth » Tue Sep 22, 2009 3:07 am

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
Joomla! Intern
Joomla! Intern
Posts: 70
Joined: Tue Sep 16, 2008 9:45 am
Location: Kent, England

Re: How do you customize the Site Offline Page?

Post by Diesel9a1 » Tue Sep 22, 2009 7:21 am

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

drswoboda
Joomla! Apprentice
Joomla! Apprentice
Posts: 6
Joined: Sun Jan 04, 2009 8:51 pm

Re: How do you customize the Site Offline Page?

Post by drswoboda » Thu Oct 08, 2009 5:42 pm

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

User avatar
jjspelman
Joomla! Explorer
Joomla! Explorer
Posts: 279
Joined: Tue Apr 07, 2009 6:27 am
Location: Tampa, FL
Contact:

Re: How do you customize the Site Offline Page?

Post by jjspelman » Thu Oct 22, 2009 5:49 am

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
Joomla! Intern
Joomla! Intern
Posts: 70
Joined: Tue Sep 16, 2008 9:45 am
Location: Kent, England

Re: How do you customize the Site Offline Page?

Post by Diesel9a1 » Thu Oct 22, 2009 12:40 pm

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?

User avatar
jjspelman
Joomla! Explorer
Joomla! Explorer
Posts: 279
Joined: Tue Apr 07, 2009 6:27 am
Location: Tampa, FL
Contact:

Re: How do you customize the Site Offline Page?

Post by jjspelman » Thu Oct 22, 2009 1:00 pm

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.
Last edited by jjspelman on Thu Oct 22, 2009 1:19 pm, edited 1 time in total.

User avatar
ianmac
Joomla! Virtuoso
Joomla! Virtuoso
Posts: 4784
Joined: Sat Sep 24, 2005 11:01 pm
Location: Toronto, Canada

Re: How do you customize the Site Offline Page?

Post by ianmac » Thu Oct 22, 2009 1:19 pm

jjspelman wrote: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

User avatar
jjspelman
Joomla! Explorer
Joomla! Explorer
Posts: 279
Joined: Tue Apr 07, 2009 6:27 am
Location: Tampa, FL
Contact:

Re: How do you customize the Site Offline Page?

Post by jjspelman » Thu Oct 22, 2009 1:22 pm

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
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Tue Dec 01, 2009 7:19 pm

Re: How do you customize the Site Offline Page?

Post by malvec » Thu Dec 03, 2009 4:20 pm

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
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 150
Joined: Thu Jun 24, 2010 12:03 pm
Location: Indonesia

Re: How do you customize the Site Offline Page?

Post by global19 » Fri Jul 02, 2010 7:53 am

thx for the tip

tomweber
Joomla! Apprentice
Joomla! Apprentice
Posts: 5
Joined: Wed Jun 30, 2010 11:00 am

Re: How do you customize the Site Offline Page?

Post by tomweber » Fri Jul 02, 2010 1:01 pm

Right!

Adding the template in the root directory is an option.

sa247
Joomla! Explorer
Joomla! Explorer
Posts: 271
Joined: Sat Sep 16, 2006 8:50 pm
Location: San Antonio, Texas
Contact:

Re: How do you customize the Site Offline Page?

Post by sa247 » Mon Jul 19, 2010 9:57 pm

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
Joomla! Intern
Joomla! Intern
Posts: 88
Joined: Mon Dec 19, 2005 3:07 am
Contact:

Re: How do you customize the Site Offline Page?

Post by mtrimble » Thu Aug 26, 2010 6:14 pm

templates/system/offline.php

Grab it via FTP.

Edit in DreamWeaver and upload.
Marc

New to Joomla? Over 130 FREE JOOMLA 1.5 Video Tutorials. Learn Joomla Online.
http://www.MyJoomlaCast.com

matti101
Joomla! Apprentice
Joomla! Apprentice
Posts: 8
Joined: Mon Dec 21, 2009 7:07 pm
Location: UK

Re: How do you customize the Site Offline Page?

Post by matti101 » Mon Oct 11, 2010 12:21 pm

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.

User avatar
upskie
Joomla! Fledgling
Joomla! Fledgling
Posts: 1
Joined: Sun Dec 12, 2010 2:56 am

Re: How do you customize the Site Offline Page?

Post by upskie » Sun Dec 12, 2010 3:00 am

matti101 wrote: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!!!
One time at band camp?

bjorken96
Joomla! Fledgling
Joomla! Fledgling
Posts: 3
Joined: Sat Nov 27, 2010 8:27 am

Re: How do you customize the Site Offline Page?

Post by bjorken96 » Wed Dec 29, 2010 9:42 am

This was very helpful!!

User avatar
Rhand
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 213
Joined: Sat Oct 01, 2005 3:09 pm
Location: World
Contact:

Re: How do you customize the Site Offline Page?

Post by Rhand » Mon Jan 17, 2011 9:18 am

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..
CEO Imagewize Ltd: webdesign | web development | branding
website: Imagewize.net

i3ntz
Joomla! Fledgling
Joomla! Fledgling
Posts: 2
Joined: Sat Feb 12, 2011 10:07 pm

Re: How do you customize the Site Offline Page?

Post by i3ntz » Sat Feb 12, 2011 10:11 pm

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.

User avatar
Rhand
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 213
Joined: Sat Oct 01, 2005 3:09 pm
Location: World
Contact:

Re: How do you customize the Site Offline Page?

Post by Rhand » Sun Feb 13, 2011 10:07 am

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
CEO Imagewize Ltd: webdesign | web development | branding
website: Imagewize.net


Locked

Return to “Administration 1.5”