HTML5 website of 1 HTML page offline met een datum script.

hylco55 · 23 aug 2013

<!DOCTYPE html>
<html lang="nl">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index, follow" />
<meta name="author" content="" />
<title></title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />


<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#nav ul li").mouseover(function(e) {$(this).addClass(" iehover ");});
$("#nav ul li").mouseout(function(e) {$(this).removeClass(" iehover ");});
});
</script>
</head>
<body>

<div id="bg3">

<div id="header">
<div id="wrapper_nav">
<div id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li></a>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li><a href="html/nieuws.html">Nieuws</a></li>
<li><a href="#">Multimedia</a>
<ul>
<li><a href="html/fotos.html">Foto's</a></li>
<li><a href="html/filmpjes.html">Filmpjes</a></li>
</ul>
</li>
<li><a href="html/cursussen.html">Cursussen</a></li>
<li></a>
<ul>
<li><a href="html/historie.html">Historie</a></li>
<li><a href="html/organisatie.html">Organisatie</a></li>
<li><a href="html/artistiek_team.html">Artistiek Team</a></li>
<li><a href="html/leden.html">Leden</a></li>
<li><a href="html/saxofoongroep.html">Saxofoongroep</a></li>
<li><a href="html/vacatures.html">Vacatures</a></li>
<li><a href="html/testimonials.html">Testimonials</a></li>
<li><a href="html/vrienden.html">Vrienden</a></li>
<li><a href="html/sponsoren.html">Sponsoren</a></li>
</ul>
</li>
<li><a href="html/contact.html">Contact</a></li>
</ul>
</div>
</div>
<div id="media">
<ul>
<li><a href="#" /></a></li>
<li><a href="#" /></a></li>
<li><a href="#" /></a></li>
</ul>
</div>
</div>


<div id="content">
<div id="main">
<div id="main_bot">
<div id="main_top">

<div id="right">
<h1 class="tit_right1">Wist je dat?...</h1>
<div class="right_b">
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
</div>
<h1 class="tit_right2">Weet je dit?...</h1>
<div class="right_w">
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<h1 class="tit_right2">Nieuwsbrief</h1>
<div id="respond">
<form name="contactform" action="nieuwsbrief.php" method="post">
<p>Meld je aan voor onze nieuwsbrief!</p>
<div>
<label for="name"><small>Naam</small></label><br />
<input type="text" value="" name="name" id="name" />
</div>
<div>
<label for="email"><small>E-mailadres</small></label><br />
<input type="text" value="" name="email" id="email" />
</div>
<p> </p>
<div>
<input type="submit" value="Verzenden" name="subscribe" />
</div>
<p> </p>
<p><small>Wil je onze nieuwsbrief niet meer ontvangen? Gebruik dan de afmeldlink, die te vinden is in elke mailing, die wij je toezenden.</small></p>
</form>
</div>
</div>
</div>


<div id="left">
<h1>Voorstellingen</h1>
<div class="box3">
<div class="left_b"><span class="w">Zomerstop</span><br />
Wij zijn druk bezig met de invulling van de voorstellingen voor het komend seizoen.<br />Meer nieuws volgt...
</div>
</div>
<img src="images/left_home.jpg" width="244" height="672"><br />
<div class="box4">
<div class="left_b"><span class="w">Zomerstop</span><br />
Tot ziens na de zomerstop.<br />Fijne vakantie!
</div>
</div>
</div>


<div id="center">
<h1>Stichting</h1>
<h2>Nieuwe seizoen!</h2>
<div class="text">
<span><a href="#" target="_blank"><img src="#" alt="poster_sprankel_cursussen_2013-2014" class="img" width="245" height="346"></a>
Lijkt het jou super leuk om te leren acteren, dansen en zingen?<br /><br />En samen met een groep te werken naar een mooie voorstelling, die opgevoerd zal worden voor zieke kinderen en in het theater?<br /><br /> Dan ben jij het, die we zoeken voor #!<br /><br />Meer informatie; <a href="html/cursussen.html"><strong>Klik hier</strong></a>.</span>
<div style="clear: both"><img src="images/spaser.gif" alt="" width="1" height="1" /></div>
<h2>Wie is stichting?</h2>
<div class="text">
<span><strong>"blablabla.</span>
</div>
</div> 
<div style="clear: both"><img src="images/spaser.gif" alt="" width="1" height="1" /></div>
</div>
</div>
</div>


<div id="footer">
<p>Copyright © 2012 - 2013</p>
<p><a href="html/disclaimer.html">Disclaimer</a> | <a href="html/privacy.html">Privacy</a> | <a href="html/sitemap.html">Sitemap</a></p>
</div>

</div>
</div>
</div>
</body>
</html>

De persoonlijke gegevens uit de tekst verwijderd ivm privacy.

mcfreak · 23 aug 2013

Ben een uurtje weg, stuur de nieuwe over max 2 uur

hylco55 · 23 aug 2013

Oké, tot dan.

mcfreak · 24 aug 2013

volgens mij moet dit werken

PHP:

<!DOCTYPE html>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="index, follow" />
<meta name="author" content="" />
<?php
$timestamp = 1377255540;
 
if(time()>=$timestamp){
    echo "<h1><font color='red'>Site is gesloten!</font></h1><br />";
    echo "Sorry, deze site is op 1 Oktober om 00:00:00 gesloten.";
} else { ?>
<title></title>
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<div style="position:absolute;left:40%;margin-left:-5em;border:2px solid #F00;color:#400;background:#FCC;width:300px;text-align:center;padding:.5em">
<p>Wist u dat uw versie van Internet Explorer verouderd is?<br />Omdat uw browser verouderd is, wordt onze website niet optimaal weergegeven.<br />Wij adviseren u om uw browser te updaten.</p>
<button onclick="this.parentNode.style.display = 'none';">Sluiten</button></div> 
<![endif]-->
<!-- script voor menu -->
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#nav ul li").mouseover(function(e) {$(this).addClass(" iehover ");});
$("#nav ul li").mouseout(function(e) {$(this).removeClass(" iehover ");});
});
</script>
<!-- website bg -->
<div id="bg3">
<!-- header -->
<div id="header">
<div id="wrapper_nav">
<div id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li></a>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li><a href="html/nieuws.html">Nieuws</a></li>
<li><a href="#">Multimedia</a>
<ul>
<li><a href="html/fotos.html">Foto's</a></li>
<li><a href="html/filmpjes.html">Filmpjes</a></li>
</ul>
</li> 
<li><a href="html/cursussen.html">Cursussen</a></li>
<li></a>
<ul>
<li><a href="html/historie.html">Historie</a></li>
<li><a href="html/organisatie.html">Organisatie</a></li>
<li><a href="html/artistiek_team.html">Artistiek Team</a></li>
<li><a href="html/leden.html">Leden</a></li>
<li><a href="html/saxofoongroep.html">Saxofoongroep</a></li>
<li><a href="html/vacatures.html">Vacatures</a></li>
<li><a href="html/testimonials.html">Testimonials</a></li>
<li><a href="html/vrienden.html">Vrienden</a></li>
<li><a href="html/sponsoren.html">Sponsoren</a></li>
</ul>
</li> 
<li><a href="html/contact.html">Contact</a></li>
</ul>
</div> 
</div> 
<div id="media">
<ul>
<li><a href="#" /></a></li>
<li><a href="#" /></a></li>
<li><a href="#" /></a></li>
</ul>
</div> 
</div>
<!-- header end -->
<!-- content -->
<div id="content">
<div id="main">
<div id="main_bot">
<div id="main_top">
<!-- right -->
<div id="right">
<h1 class="tit_right1">Wist je dat?...</h1>	
<div class="right_b">
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
</div>
<h1 class="tit_right2">Weet je dit?...</h1>	
<div class="right_w">
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<div class="munth"><a href="#"></a></div>
<h1 class="tit_right2">Nieuwsbrief</h1>
<div id="respond">
<form name="contactform" action="nieuwsbrief.php" method="post">
<p>Meld je aan voor onze nieuwsbrief!</p>
<div>
<label for="name"><small>Naam</small></label><br />
<input type="text" value="" name="name" id="name" />
</div>
<div>
<label for="email"><small>E-mailadres</small></label><br />
<input type="text" value="" name="email" id="email" />
</div>
<p>&nbsp;</p>
<div>
<input type="submit" value="Verzenden" name="subscribe" />
</div>
<p>&nbsp;</p>
<p><small>Wil je onze nieuwsbrief niet meer ontvangen? Gebruik dan de afmeldlink, die te vinden is in elke mailing, die wij je toezenden.</small></p>
</form>
</div>
</div>
</div>
<!-- end right -->
<!--Voorstellingen -->
<div id="left">
<h1>Voorstellingen</h1>
<div class="box3">
<div class="left_b"><span class="w">Zomerstop</span><br />
Wij zijn druk bezig met de invulling van de voorstellingen voor het komend seizoen.<br />Meer nieuws volgt...
</div>
</div>
<img src="images/left_home.jpg" width="244" height="672"><br />
<div class="box4">
<div class="left_b"><span class="w">Zomerstop</span><br />
Tot ziens na de zomerstop.<br />Fijne vakantie!
</div>
</div>
</div>
<!-- end voorstelingen -->
<!-- center -->
<div id="center">
<h1>Stichting</h1>
<h2>Nieuwe seizoen!</h2>
<div class="text">
<span><a href="#" target="_blank"><img src="#" alt="poster_sprankel_cursussen_2013-2014" class="img" width="245" height="346"></a>
Lijkt het jou super leuk om te leren acteren, dansen en zingen?<br /><br />En samen met een groep te werken naar een mooie voorstelling, die opgevoerd zal worden voor zieke kinderen en in het theater?<br /><br /> Dan ben jij het, die we zoeken voor #!<br /><br />Meer informatie; <a href="html/cursussen.html"><strong>Klik hier</strong></a>.</span>
<div style="clear: both"><img src="images/spaser.gif" alt="" width="1" height="1" /></div>
<h2>Wie is stichting?</h2>
<div class="text"> 
<span><strong>"blablabla.</span> 
</div> 
</div> <!-- div end center -->
<div style="clear: both"><img src="images/spaser.gif" alt="" width="1" height="1" /></div>
</div>
</div>
</div>
<!-- end content -->
<!-- footer -->
<div id="footer">
<p>Copyright © 2012 - 2013</p>
<p><a href="html/disclaimer.html">Disclaimer</a> | <a href="html/privacy.html">Privacy</a> | <a href="html/sitemap.html">Sitemap</a></p> 
</div>
<!-- end footer -->
</div>
</div>
</div>
<?php
}
//1378011600 is gelijk aan 1 oktober 00:00:00 (in unix timestamp)
?>

hylco55 · 24 aug 2013

Bedankt mcfreak voor de snelle reactie en dat je mij geholpen hebt.

hylco55 · 24 aug 2013

mcfreak, toch nog een onduidelijkheid. Moet ik mijn index.html veranderen in index.php? En wat betekent dit voor de links met de onderliggende html pagina's?

mcfreak · 25 aug 2013

ja, het is een ander formaat.
vergeet niet dat php bestand in een webserver te zetten, anders werkt het niet!
in de andere html paginas moet je ook de .html in .php veranderen
o en wat ik vergat, alleen deze pagina heeft nu dat tijdslimiet.

HTML5 website of 1 HTML page offline met een datum script.

hylco55

Gebruiker

mcfreak

Gebruiker

hylco55

Gebruiker

mcfreak

Gebruiker

hylco55

Gebruiker

hylco55

Gebruiker

mcfreak

Gebruiker

Nieuwste berichten

Wij waarderen jouw privacy