Ik wil graag ongeveer hetzelfde simpele gastenboek als op deze website: http://www.blubberrun.free-wheel.nl/gastenboek.php
Hoe doe ik dat?
Groeten
Hoe doe ik dat?
Groeten
Bekijk de onderstaande video om te zien hoe je onze site als een web app op je startscherm installeert.
Opmerking: Deze functie is mogelijk niet beschikbaar in sommige browsers.
Ok dat is goed! Als het niet lukt dan zal ik het wel even laten weten!
Bedankt!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><!-- InstanceBegin template="/Templates/gnllayout.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<!-- vanaf hier: nodig voor het carrousel -->
<!-- ===== naar goede pad omzetten: ===== -->
<link rel="stylesheet" type="text/css"
href="/css/carrousel.css">
<!-- ===== naar goede pad omzetten: ===== -->
<script type="text/javascript"
src="/css/carrousel.js"></script>
<script type="text/javascript">
var setPause = 4; // tijd tot verschijnen volgende afbeelding, in te stellen in sec
/*
de onderstaande styles zijn hier nodig om IE bij opstarten geen flits van het
scrollbalkje te laten zien;
ze zouden anders opgenomen kunnen worden als unobtrusive javascript, want dat levert
een kwaliteitspunt op bij de Webrichtlijnen Quickscan :-)
*/
document.write('<style type="text/css">')
document.write(' #carrousel li { position: absolute; /* voor IE! */ }');
document.write(' #carrousel img { display: none; position: absolute; z-index: 1; }');
document.write(' #carrousel #thumb-1 { display: block; opacity: 1; }');
document.write('<\/style>');
</script>
<!-- einde: nodig voor het carrousel -->
<!--Favicon-->
<link rel="icon" href="gnl.ico" type="image/x-icon" / >
<link rel="shortcut icon" href="gnl.ico" type="image/x-icon" / >
<!--Favicon-->
<!-- Lightbox -->
<script type="text/javascript" src="lightbox/js/prototype.js"></script>
<script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="lightbox/js/lightbox.js"></script>
<link rel="stylesheet" href="/lightbox/css/lightbox.css" type="text/css" media="screen" />
<!-- end Lightbox -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Goodnight ladies almen lochem zang groep theater koor" />
<meta name="description" content="Goodnight Ladies theater zang groep uit Almen. De Goodnight ladies zijn een groep van negen enthousiaste zangeressen met theaterlef. Ze zijn speels, ontroeren en er altijd op gericht om het publiek te ontmoeten" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>Goodnight Ladies | Gastenboek</title>
<!-- InstanceEndEditable -->
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<link rel="stylesheet" type="text/css" href="css/style_top_menu.css"/>
<link rel="stylesheet" type="text/css" href="css/carrousel.css"/>
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
<style type="text/css">
body,td,th {
font-family: "Arial, Helvetica, sans-serif";
}
</style>
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
</head>
<body class="dining-furniture" onload="readImageNumber();carrousel();initLightbox() ;MM_preloadImages('images/Menu/homeroll.jpg','images/Menu/overonsroll.jpg','images/Menu/mediaroll.jpg','images/Menu/agendaroll.jpg','images/Menu/contactroll.jpg','images/Menu/linksroll.jpg','images/Mediabuttons/ytbuttonroll.png','images/Mediabuttons/ttbuttunroll.png')">
<div id="outer-container">
<!--startheader-->
<div id="header">
<div id="logo">
<h1><a href="index.html"><img src="images/Backgroundheaders/Topheader.jpg" alt="" width="340" height="45" /></a></h1>
</div>
<!-- End logo and strapline -->
<!-- Top navigation -->
<!-- End Top navigation -->
<div id="mediabody"></div></div>
<div id="Navigationbar"><a href="index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/Menu/homeroll.jpg',1)"><img src="images/Menu/home.jpg" width="67" height="35" border="0" id="home" /></a><a href="overons.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('overons','','images/Menu/overonsroll.jpg',1)"><img src="images/Menu/overons.jpg" width="120" height="35" border="0" id="overons" /></a><a href="media.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('media','','images/Menu/mediaroll.jpg',1)"><img src="images/Menu/media.jpg" width="75" height="35" border="0" id="media" /></a><a href="agenda.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('agenda','','images/Menu/agendaroll.jpg',1)"><img src="images/Menu/agenda.jpg" width="100" height="35" border="0" id="agenda" /></a><a href="contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contact','','images/Menu/contactroll.jpg',1)"><img src="images/Menu/contact.jpg" width="110" height="35" border="0" id="contact" /></a><a href="links.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('links','','images/Menu/linksroll.jpg',1)"><img src="images/Menu/links.jpg" width="71" height="35" border="0" id="links" /></a></div>
<div id="youtubetwitter"><a href="http://www.youtube.com/gnladies" target="_new" onmouseover="MM_swapImage('yt','','images/Mediabuttons/ytbuttonroll.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/Mediabuttons/ytbutton.png" width="33" height="33" border="0" id="yt" /></a><a href="http://www.twitter.com/gnladies" target="_new" onmouseover="MM_swapImage('tt','','images/Mediabuttons/ttbuttunroll.png',1)" onmouseout="MM_swapImgRestore()"><img src="images/Mediabuttons/ttbutton.png" width="33" height="33" border="0" id="tt" /></a></div>
<!-- end header -->
<div id="content-container">
<div id="top-promo">
<!-- Slideshow -->
<div id="slideshow">
<!-- Slideshow -->
<div id="slideshow">
<div id="carrousel"><!-- ===== dit is nodig voor het carrousel ===== -->
<ul>
<li><img id="thumb-1" alt=""
src="/flash/images/5.jpg" />
</li>
<li><img id="thumb-2" alt=""
src="/flash/images/4.jpg" />
</li>
<li><img id="thumb-3" alt=""
src="/flash/images/2.jpg" />
</li>
<li><img id="thumb-4" alt=""
src="/flash/images/3.jpg" />
</li>
<li><img id="thumb-5" alt=""
src="/flash/images/1.jpg" />
</li>
</ul>
</div>
</div>
<!-- einde Slideshow -->
</div>
<!-- Slideshow -->
<!-- Caption -->
<div id="top-promo-right">
<div id="rightpromoheader"><img src="images/Backgroundheaders/agenda.jpg" alt="" width="280" height="35" /></div>
<p> </p>
<div id="top-promo-right2">
<p>13 November @ Almen </p>
<p>14 November @ Almen </p>
<p> </p>
<p> </p>
<h4><a href="agenda.html">meer...</a></h4>
</div>
</div>
</div>
<!-- End Top promo --><!-- Start lower content areas -->
<div id="text-columns"><!-- Column 1 -->
<!-- InstanceBeginEditable name="edit_tekstlinks1" -->
<div id="text-column-1">
<div id="welkomheader"><img src="images/Backgroundheaders/_gastenboek.jpg" alt="" width="580" height="35" /></div>
<p> </p>
<p>Welkom op ons gastenboek. Heeft u een show of optreden van de ladies gezien? Of wilt u iets anders kwijt aan de ladies, laat dan hier uw bericht achter.</p>
<p> </p>
<!--Gastenboek-->
<div id="gastenboek">
</div>
<!--Gastenboek-->
</div>
<!-- InstanceEndEditable --><!-- InstanceBeginEditable name="edit_tekstrechts" -->
<div id="text-column-2">
<div id="loginheader"><img src="images/Backgroundheaders/login.jpg" alt="" width="280" height="35" /></div>
<p> </p>
<table width="280" border="0" cellpadding="0">
<tr>
<td><div align="right">
<form id="form1" method="post" action="">
<p>
<label for="naam2">Naam</label>
</p>
</form>
</div></td>
<td><div align="left">
<input name="naam" type="text" id="naam2" size="25" />
</div></td>
</tr>
<tr>
<td><div align="right">
<form id="form2" method="post" action="">
<p>
<label for="wachtwoord">Wachtwoord:</label>
</p>
</form>
</div></td>
<td><div align="left">
<input name="wachtwoord" type="password" id="wachtwoord" size="25" />
</div></td>
</tr>
<tr>
<td><div align="right"></div></td>
<td><div align="left">
<form id="form3" method="post" action="">
<p>
<input type="submit" name="button" id="button" value="Login" />
</p>
</form>
</div></td>
</tr>
</table>
<p> </p>
<p> </p>
<p> </p>
</div>
<!-- InstanceEndEditable --></div>
<!-- End lower content areas -->
<div class="clear"></div>
</div>
<!-- End Content areas -->
<!-- Start footer -->
<div id="footer">
<p align="center">Designed by <a href="mailto:larslenselink@hotmail.com">lars lenselink</a> | Copy Right @ Goodnight Ladies 2010 | <a href="mailto:info@goodnightladies.nl">info@goodnightladies.nl</a><a href="mailto:jw.reezigt@planet.nl"></a></p>
<p align="center"><a href="index.html">Home</a> | <a href="overons.html">Over Ons</a> | <a href="media.html">Media</a> | <a href="agenda.html">Agenda</a> | <a href="contact.html">Contact</a> | <a href="links.html">links</a></p>
</div>
<!-- End footer -->
</div>
<!-- End outer container -->
<script type="text/javascript">
</script>
</body>
<!-- InstanceEnd --></html>
We gebruiken essentiële cookies om deze site te laten werken, en optionele cookies om de ervaring te verbeteren.