Lest we forget

Brian Lambert · Post by **Brian Lambert** » Sat Nov 10, 2018 11:36 am

Hi
While I'm perhaps not the brightest match in the box when it comes to all things IT/Forum management, I am learning and have a forum up and running. Mods please move if I've posted in the wrong area.

I would really like to be able to stop my forum for the two minutes silence on the morning Sunday 11th at 11a.m. and replace the forums Home page temporarily with the Poppy image I've attached below.

However, I'm totally unsure if it can be done simply and even if it can, does it involve a lot of work? As I really don't want to lose the forum as it is by taking it down then reinstating it after the two minutes has passed.

So I'm looking to you learned people here, to say how it could be done easily or if its not easy/possible to do.

Thanks.

david63 · Post by **david63** » Sat Nov 10, 2018 11:48 am

You can disable your board from the ACP > General > Board settings > Disable board and you can add a message but that has to be done manually. As for replacing your board's homepage with the poppy image whilst it can be done it would need to be done outside of phpBB

JimA · Post by **JimA** » Sat Nov 10, 2018 2:03 pm

Let me first say that I like the idea.

Maybe you could implement David's idea a few minutes prior to the minutes of silence, so that the board is already disabled by then and you can have your own minutes of silence. And potentially for the entire day change the board logo to an image of a poppy. Would that work for you?

Lumpy Burgertushie · Post by **Lumpy Burgertushie** » Sat Nov 10, 2018 2:13 pm

actually it would be quite simple and quick.

create a simple html page with just that image on it.
name it poppy.html or whatever you wish.

using your ftp, upload that page to your site root. ( assuming that the board is your site )

now, also using your ftp, find the htaccess file.
download it to your computer and open it in a good text editor.
at the very top of the file type this:

DirectoryIndex poppy.html index.php

copy and paste that because it has to be exactly like that.

then upload the file back and you are done.

once your 2 minutes are up, simply remove the line from the htaccess file.

robert

Brian Lambert · Post by **Brian Lambert** » Sat Nov 10, 2018 2:55 pm

Thank you Robert,
Yes the site is mine and I access all its files.
What you're saying involves some quick uploading operations at 10:59 and again at 11:02ish.
Now, I did say in the beginning I'm not the brightest, so just checking that by using FileZilla I upload the amended file just before 11:00 (having previously uploaded the image) and the web site automatically moves from the forum to the image. Then, while this is going on and between 11:00 and 11:02 I delete the text line previously entered in the file and then again upload that at 11:02 which then automatically overwrites the temporary upload and returns everything to normal. Have I got that correct?

#David 63... Thank you for pointing out the very simple step of just switching off the forum for a couple of minutes via the ACP. Adding a few words as to why etc. Then turn it back on again after the two minutes and deleting the words. Just to check, once turned off I assume the forums ACP is still visible to me?? Simples

david63 · Post by **david63** » Sat Nov 10, 2018 3:31 pm

Brian Lambert wrote: ↑Sat Nov 10, 2018 2:55 pm Just to check, once turned off I assume the forums ACP is still visible to me??

Yes

warmweer · Post by **warmweer** » Sat Nov 10, 2018 4:03 pm

You can redirect via .htaccess at (and between) certain times.
Example: https://stackoverflow.com/questions/515 ... h-htaccess

Brian Lambert · Post by **Brian Lambert** » Sat Nov 10, 2018 5:02 pm

Hi
Thanks for the post.
I think that is over my 'Pay grade' currently!

</Solidjeuh> · Post by **</Solidjeuh>** » Sat Nov 10, 2018 6:53 pm

Maybe you can just create a '503' page.. (maintenance)
This will redirect all pages to the 503.php page

Add this in .htaccess:

Code: Select all

# Options +FollowSymLinks
RewriteEngine On
RewriteBase /
RewriteCond %{REMOTE_ADDR} !^00\.00\.00\.00
RewriteCond %{REQUEST_URI} !^/503.php [NC]
RewriteRule .* /503.php [L,R]

And create a 503.php page. This is mine:

Code: Select all

<?php
header("HTTP/1.1 503 Service Temporarily Unavailable");
header("Status: 503 Service Temporarily Unavailable");
header("Retry-After: 3600");
?>

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
	<meta name="resource-type" content="document"/>
	<meta name="distribution" content="global"/>
	<meta name="description" content="solidjeuh.be"/>
	<meta name="viewport" content="width=device-width"/>
	<meta name="application-name" content="Sites"/>
	<meta name="msapplication-tooltip" content="solidjeuh.be"/>
	<meta name="msapplication-starturl" content="/"/>
	<meta name="msapplication-window" content="width=1024;height=768"/>

	<title>~Solidjeuh.be Onderhoud~</title>

	<style>
		html {
			
			font-size: 100%;
			margin: 0;
			padding: 0;
	                background: -webkit-linear-gradient(#ffffe1, #b9dcff, #b9dcff, #ffffe1);
                        background: -o-linear-gradient(#ffffe1, #b9dcff, #b9dcff, #ffffe1);
                        background: -moz-linear-gradient(#ffffe1, #b9dcff, #b9dcff, #ffffe1);
                        background: linear-gradient(#ffffe1, #b9dcff, #b9dcff, #ffffe1);
	                background-attachment: fixed;
	                background-repeat: no-repeat;
	                background: cover;
                     }	}

		body {
			font-size: 62.5%;
			font-family: Verdana, Helvetica, Trebuchet MS, Arial, sans-serif;
			text-align: center;
			margin: 0;
			padding: 15px;
			background: #aca8a1; /* Old browsers */
			background: -moz-linear-gradient(top, #c9c5bf 0%, #aca8a1 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c9c5bf), color-stop(100%,#aca8a1)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #c9c5bf 0%,#aca8a1 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #c9c5bf 0%,#aca8a1 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #c9c5bf 0%,#aca8a1 100%); /* IE10+ */
			background: linear-gradient(to bottom, #c9c5bf 0%,#aca8a1 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c5bf', endColorstr='#aca8a1',GradientType=0 ); /* IE6-9 */
		}

		#wrap {
			max-width: 700px;
			background: #f2f9ff;
			margin: 0 auto;
			padding: 0;
			text-align: center;
			border: 5px dashed #91c8ff;
			border-radius: 15px;
			box-shadow: 0 0 5px 2px #9D9A93, inset 0 3px 18px rgba(100, 100, 100, 0.25);
			overflow: hidden;
		}

		#page-header {
			width: 100%;
			height: 130px;
			overflow: hidden;
			padding-bottom: 10px;
			position: relative;
			box-shadow: 0 0 18px rgba(100, 100, 100, 0.5);
			border-bottom: 1px solid #FFF;
			background-position: 50% 0;
	        background: -webkit-linear-gradient(#003264, #000000, #000000, #003264);
            background: -o-linear-gradient(#003264, #000000, #000000, #003264);
            background: -moz-linear-gradient(#003264, #000000, #000000, #003264);
            background: linear-gradient(#003264, #000000, #000000, #003264);
	        background-attachment: fixed;
	        background-repeat: no-repeat;
	        background: cover;
		}

		#page-body {
			font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
			font-size: 16px;
			padding: 16px 28px;
		}

		#page-footer {
			font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
			font-size: 14px;
			padding: 0 16px 16px 16px;
			text-align: center;
		}

		a {
			text-decoration: none;
			color: #0f538a;
		}

		a:hover, a:focus, a:active {
			text-decoration: underline;
			color: #e8305e;
		}

		hr {
			background: none;
			border-color: #aca8a1;
			border-style: solid;
			border-width: 1px 0 0 0;
			margin: 20px 0;
		}

		h1.title, h2.subtitle {
			font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
			font-size: 60px;
			font-weight: bold;
			line-height: 1;
			color: #FFF;

			text-shadow: 0 0 8px #000;
		}

		h1.title {
			font-size: 55px;
			margin: 20px 0 20px;
		}

		h2.subtitle {
			font-size: 15px;
			margin: 20px 0;
		}

		#top-social {
			position: absolute;
			right: 10px;
			top: 10px;
		}

		#top-social a {
			box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
			display: inline-block;
			border-radius: 2px;
		}

		#top-social img {
			display: block;
			border: none;
		}

		.content {
			margin: 0 auto;
			text-align: justify;
		}

		.content h2 {
			font-size: 24px;
			margin: 15px 0;
			text-align: left;
		}

		.content h2 span {
			font-size: 11px;
			margin-left: 10px;
			background: #e9e5df;
			color: #555;
			padding: 5px 7px;
			border-radius: 4px;
			display: inline-block;
		}

		.content iframe {
			margin: 10px auto !important;
		}

		.twitter-timeline {
			font-size: 11px;
		}

		#page-footer a {
			font-weight: bold;
		}

		#copyright {
			color: #555;
			margin-top: 5px;
			text-align: center;
		}

		@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
		{
			body {
				padding: 10px;
			}

			h1.title {
				font-size: 48px;
			}
		}

		@media only screen and (max-width: 500px), only screen and (max-device-width: 500px)
		{
			body {
				padding: 0 0 10px;
			}

			#wrap {
				border-radius: 0;
				border-width: 0 0 2px;
			}

			#page-body {
				padding: 10px;
			}

			h1.title {
				font-size: 38px;
			}

			.content {
				text-align: left;
			}

			.content iframe {
				margin: 0 !important;
			}
		}

		@media only screen and (max-width: 400px), only screen and (max-device-width: 400px)
		{
			#page-body {
				padding: 5px;
			}
		}
	</style>
</head>

<body id="phpbb">

<div id="wrap">
	<div id="page-header">
		<h1 class="title">Website in onderhoud</h1>
		<h2 class="subtitle">“Even geduld aub… Er werken 7 dwergen aan…”</h2>
	</div>
	<div id="page-body">
		<div class="content">
                            
			<p style="text-align: center;"><span style="font-family:lucida sans unicode,lucida grande,sans-serif;"><span style="font-size:14px;">Deze website is momenteel in onderhoud.<br>Probeer later opnieuw…<br>
            Een onderhoud duurt meestal niet langer dan 1 uur.<br>
            Dit moet gebeuren om alle software up-to-date te houden.<br>
            En om jullie een goed werkende &amp; veilige website te kunnen aanbieden.<br>
            <br>
            <strong>Tot snel!</strong></span></span><br>
            <br>
            <img alt="Under construction" src="https://www.mupload.nl/img/5h5ry79597an.png" /> &nbsp;</p>
			
		</div>
	</div>

	<div id="page-footer">
		
	</div>
</div>

<div id="copyright">
	<script type="text/javascript">

copyright=new Date();

update=copyright.getFullYear();

document.write("Copyright &copy; 2018-"+ update +  " solidjeuh.be.  All rights reserved.");
</script><br/>
</div>

<script>
var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if 
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers) 
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
</script>

<script>
function killCopy(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=killCopy
document.onclick=reEnable
}
</script>

</body>
</html>

Brian Lambert · Post by **Brian Lambert** » Sat Nov 10, 2018 7:59 pm

Hi
Possibly, but I would rather place text or the photo during the off line time period.
Currently I'm leaning towards the very simple ACP Disable Board setting with text.

All the other options are well worth considering for next year, especially the uploading of the picture and adjustment to the htaccess files.

DTMWC · Post by **DTMWC** » Sat Nov 10, 2018 10:40 pm

Just a quick suggestion, you could use the Board Announcements extension, https://www.phpbb.com/customise/db/exte ... uncements/

You could then add the image and text in the extensions tab, also format the text and change the background colour with the editor.
When you disable the board in the ACP, the board announcement will still show too as well as the board disabled message,

If you wanted to hide the information message at the bottom you could add the following code to the bottom of the css style sheet, but you would have to remember to remove it when you open the forum again.

Code: Select all

#message.panel {
	display: none;
}

AmigoJack · Post by **AmigoJack** » Mon Nov 12, 2018 8:04 am

Brian Lambert wrote: ↑Sat Nov 10, 2018 11:36 amSunday 11th at 11a.m.

Keep in mind that the internet is worldwide and time is a local thing.

Brian Lambert · Post by **Brian Lambert** » Mon Nov 12, 2018 8:44 am

#Dan Stylez... Excellent idea and that simple solution will save a lot of problems next time or for anything else. I already have Announcement Extension installed and I used it to advise forum users of the short closure, which was announced with GMT at the end, which covers #AmigoJack text too.

Thanks to all who replied with some very useful answers and solutions.