<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
<title>Nome sito</title>
<meta name="title" content="Nome sito">
<meta name="description" content="Descrizione sito">
<meta name="keywords" content="Parole chiave per i motori di ricerca, tipo, grafica,accessori web,gadget">
<meta name="author" content="Tuo nome">
<meta name="robots" content="index,follow">

<!--Web set free realizzato da Penelope - https://www.iltelaiodipenelope.it -->

<style type="text/css">
body {background-image: url('images/penelope_rosa_sfondo_pag.jpg');
text-align:center;
font-family : "Geneva"; 
color : #9b696c; 
font-size : 14px;
margin-top: 0px
}
h1,h2,h3{margin: 0; color: #a2686c;}
h1{margin: 0;font-size:120%}
h2{margin-bottom: 8px;font-size: 110%;text-align:center;}
h3{margin-bottom: 3px;font-size: 230%;font-style: oblique;text-align:center;}

a:link { 
text-decoration: none; 
cursor:nw-resize;
font-family: "Geneva"; 
font-size: 14px;
color:#986263; 
}
a:visited { 
text-decoration:none; 
cursor:nw-resize;
font-family: "Geneva"; 
font-size: 14px;
color:#632f30; 
}
a:hover {
text-decoration: line-through; 
color: #884e4f;
}
a:active { 
font-family: "Geneva"; 
font-size: 14px; 
color: #e27878; 
}
div#header {
border:0 none;
background-image: url('images/penelope_rosa_top.png');
text-align:center;
margin-left:auto;      
margin-right:auto;
width: 1012px;
height:334px
}
div#corpo {
border: 0px none;
background-image: url('images/penelope_rosa_striscia.png');
text-align:center;
margin-left:auto;      
margin-right:auto;
width: 1012px
}
div#footer {
border: 0px none;
background-image: url('images/penelope_rosa_xfooterx.png');
text-align:center;
margin-left:auto;      
margin-right:auto;
width: 1012px;
height:214px
}
table.base{  
border:0px;
text-align:center;
font-family: "Geneva"; 
font-size: 14px; 
color : #9b696c; 
margin-left:auto;
margin-right:auto
}
table.bordi{  
border:1px dotted #b48084;
text-align:center;
font-family: "Geneva"; 
font-size: 14px; 
color : #9b696c;
margin-left:auto;
margin-right:auto
}
table.tag_datario{  
border:0px none;
background-image: url('images/penelope_rosa_tag_datario.png');
width: 244px;
height: 139px;
text-align:center;
font-family: "Geneva"; 
font-size: 14px; 
color : #7a4c4f;
margin-left:auto;
margin-right:auto
}
table.tag_counter{  
border:0px none;
background-image: url('images/penelope_rosa_tag_counter.png');
width: 255px;
height: 129px;
text-align:center;
font-family: "Geneva"; 
font-size: 14px; 
color : #7a4c4f;
margin-left:auto;
margin-right:auto
}
td.cella_news {
border-bottom:1px dotted #b48084;
text-align:left;
font-family: "Geneva"; 
font-size: 14px; 
color : #9b696c; 
}
td.cella_left {
border:0px;
text-align:left;
font-family: "Geneva"; 
font-size: 14px; 
color : #9b696c; 
}
td.colonna {
border-left:1px dotted #b48084;
text-align:center;
font-family: "Geneva"; 
font-size: 14px; 
color : #9b696c; 
}
td.box_footer {
border:0px;
text-align:center;
font-family: "Geneva"; 
font-size: 14px; 
color : #a2686c; 
}
/* Style menu colonna */
.menu_colonna{
width: 190px;
text-align:left;
margin-left:auto;
margin-right:auto
}
.menu_colonna ul{
list-style-type: none;
margin: 5px 0;
padding: 2px;
border: 0px;
}
.menu_colonna ul li a{
background: #ecd5d6 url('images/penelope_rosa_pallino_out.png') no-repeat 1px center;
color: #b48484;
display: block;
width: auto;
padding-left: 20px;
text-decoration: none;
border-bottom: 1px dotted #b48484; 
font-style:normal; 
font-variant:normal; 
font-weight:normal; 
font-size:13px; 
font-family:Geneva; 
padding-right:0; 
padding-top:4px; 
padding-bottom:4px
}
* html .markermenu ul li a{ 
width: 190px;
}
.menu_colonna ul li a:visited, .markermenu ul li a:active{
color: #61778f;
}
.menu_colonna ul li a:hover{
color: #77494a;
background-color: #e6cacb;
background-image:url('images/penelope_rosa_pallino_hover.png');
}
/* Holly Hack for IE \*/
* html .menu_colonna ul li { height: 1%; }
* html .menu_colonna ul li a { height: 1%; }
/* End */

/* Back to top button */
div#fixed { 
border: 0px none;
background-image:url('images/penelope_rosa_tag_bottoncino_topx.png');
position:fixed;
bottom:0px;
right:10px;
width:139px; 
height: 65px
}
textarea.text {
border: #b48084 1px dotted;
}
</style>

<script type="text/javascript">
<!-- Original: Andrea Bianchi
// Web Site: https://www.web-link.it
function WebDate() {
var now = new Date();
var year= now.getYear();if (year < 1000) year += 1900;
nameDay = new Array('Domenica','Lunedi','Martedi','Mercoledi','Giovedi','Venerdi','Sabato');
nameMth = new Array('01','02','03','04','05', '06', '07', '08', '09', '10', '11','12');
document.write('' +nameDay[now.getDay()]+ ' ' + now.getDate() + "/" + nameMth[now.getMonth()] + "/" + year+ '');
}
// end -->
</script>
</head>

<body>
<div id="header">
<table class="base" cellpadding="2" cellspacing="2" width="992">
	<tr>
		<td height="40" width="1002" colspan="8">&nbsp;</td>
	</tr>
	<tr>
		<td width="1002" colspan="8">
		<img border="0" src="images/penelope_rosa_logo.png" width="492" height="133" alt=""><br>
		<h2>.:Scrivi qui una frase che ti piace o che faccia capire subito i 
		contenuti del tuo spazio...</h2></td>
	</tr>
	<tr>
		<td height="65"  colspan="8">&nbsp;</td>
	</tr>
	<tr>
		<td width="123">&nbsp;</td>
		<td width="123"><a href="https://url pagina">Nome Link</a></td>
		<td width="124"><a href="https://url pagina">Nome Link</a></td>
		<td width="124"><a href="https://url pagina">Nome Link</a></td>
		<td width="124"><a href="https://url pagina">Nome Link</a></td>
		<td width="124"><a href="https://url pagina">Nome Link</a></td>
		<td width="124"><a href="https://url pagina">Nome Link</a></td>
		<td width="124">&nbsp;</td>
	</tr>
</table>
</div>

<div id="corpo">
<table class="base" cellpadding="2" cellspacing="2" width="98%">
 <tr>
	<td valign="top"><!-- Inizio Spazio CorpoPagina -->
<h1>Nome sito...</h1>
<h2>Breve descrizione e/o frase di benvenuto...</h2><br>

<img border="0" src="images/penelope_rosa_img_news_up.png" width="326" height="65" alt="News e aggiornamenti"><br>
<!-- Inizio Tag News e aggiornamenti -->
<div style="position:relative; border:0px; width:580px; height:260px; overflow:hidden; margin-left: auto; margin-right:auto">
<div id="container" style="position:absolute; width:580px; left:0; top:0">
<table class="base" cellpadding="4" cellspacing="4" width="580">
	<tr>
		<td class="cella_news">
		<img border="0" src="images/penelope_rosa_img_news.png" width="62" height="52" align="left" alt="">Titolo News... 00/00/00<br>
		Testo testo testo testo testo testo testo testo testo testo testo testo testo testo<br>
		testo testo testo testo testo testo testo testo testo testo testo testo testo testo</td>
	</tr>
	<tr>
		<td class="cella_news">
		<img border="0" src="images/penelope_rosa_img_news.png" width="62" height="52" align="left" alt="">Titolo News... 00/00/00<br>
		Testo testo testo testo testo testo testo testo testo testo testo testo testo testo<br>
		testo testo testo testo testo testo testo testo testo testo testo testo testo testo</td>
	</tr>
	<tr>
		<td class="cella_news">
		<img border="0" src="images/penelope_rosa_img_news.png" width="62" height="52" align="left" alt="">Titolo News... 00/00/00<br>
		Testo testo testo testo testo testo testo testo testo testo testo testo testo testo<br>
		testo testo testo testo testo testo testo testo testo testo testo testo testo testo</td>
	</tr>
	<tr>
		<td class="cella_news">
		<img border="0" src="images/penelope_rosa_img_news.png" width="62" height="52" align="left" alt="">Titolo News... 00/00/00<br>
		Testo testo testo testo testo testo testo testo testo testo testo testo testo testo<br>
		testo testo testo testo testo testo testo testo testo testo testo testo testo testo</td>
	</tr>
	<tr>
		<td class="cella_news">
		<img border="0" src="images/penelope_rosa_img_news.png" width="62" height="52" align="left" alt="">Titolo News... 00/00/00<br>
		Testo testo testo testo testo testo testo testo testo testo testo testo testo testo<br>
		testo testo testo testo testo testo testo testo testo testo testo testo testo testo</td>
	</tr>
	<tr>
		<td class="cella_left">
		<img border="0" src="images/penelope_rosa_img_news.png" width="62" height="52" align="left" alt="">Titolo News... 00/00/00<br>
		Testo testo testo testo testo testo testo testo testo testo testo testo testo testo<br>
		testo testo testo testo testo testo testo testo testo testo testo testo testo testo</td>
	</tr>
</table></div></div>

<table style="margin-left: auto; margin-right: auto" border="0" cellpadding="0" cellspacing="0" width="580">
<tr>
<td colspan="3">&nbsp;</td>
</tr>
<tr>
<td width="453">&nbsp;</td>
<td width="47"><a href="#" onMouseover="move('container',-5)" onMouseout="clearTimeout(move.to)">
<img border="0" src="images/penelope_rosa_img_up.png" width="48" height="15" alt="UP"></a></td>
<td width="80"><a href="#" onMouseover="move('container',5)" onMouseout="clearTimeout(move.to)">
<img border="0" src="images/penelope_rosa_img_down.png" width="48" height="15" alt="DOWN"></a></td>
</tr>
</table>

<script type="text/javascript">
// Spiegato da https://www.iltelaiodipenelope.it/tutorial/index.php
/******************************************
* Scrollable content script II-  Dynamic Drive (www.dynamicdrive.com)
* Visit http://www.dynamicdrive.com/ for full source code
* This notice must stay intact for use
******************************************/
// modified 17-October-2011

function move(id,spd){
var obj=document.getElementById(id),max=-obj.offsetHeight+obj.parentNode.offsetHeight,top=parseInt(obj.style.top);
if ((spd>0&&top<=0)||(spd<0&&top>=max)){
obj.style.top=top+spd+"px";
move.to=setTimeout(function(){ move(id,spd); },20);
}
else {
obj.style.top=(spd>0?0:max)+"px";
}
}
</script><!-- Fine Tag News e aggiornamenti -->

<img border="0" src="images/penelope_rosa_barretta_gd.png" width="594" height="24" alt=""><br><br><br>

Lo spazio corpo/pagina e la colonna cresceranno man mano che si aggiungono contenuti<br> 
puoi inserire quindi accessori, gadget e tutto ci che ti occorre in base al tipo di spazio che vuoi realizzare.<br>
Puoi utilizzare lo spazio corpo/pagina per un iframe in cui far visualizzare tutte le altre pagine del sito<br><br>

*Nello zip di questo template trovi il font per realizzare in grafica o in html<br>  
il nome del logo ed eventuali altre scritte/titoli, leggi il tutorial in <a target="_blank" href="https://www.iltelaiodipenelope.it/tutorial/html/font_personalizzato_sito.php">Font personalizzato</a><br><br>

- Puoi fare tutte le modifiche che ritieni necessarie alla struttura,<br>
ma non alterare in nessun modo la grafica e non togliere il credits del telaio^^<br><br>
Buon lavoro... buon sito Penelope &#9829;
<!-- Fine Spazio CorpoPagina --></td>
	<td class="colonna" width="300" valign="top"><!-- Inizio Spazio Colonna -->
<!-- Inizio Tag Datario -->	
<table class="tag_datario" cellpadding="0" cellspacing="0">
 <tr>
	<td height="53"></td>
 </tr>
 <tr>
	<td><script type="text/javascript">
// Autore sconosciuto
// Spiegato e commentato da https://www.iltelaiodipenelope.it/tutorial/index.php

var saluto = new Date();
var orario = saluto.getHours();

// Saluto dalle 6 am alle 12
if ((orario > 06) && (orario <= 12)) {
document.write("...Buon giorno!");
}
// Saluto dalle 12 alle 18
if ((orario > 12) && (orario <= 18)) {
document.write("...Buon pomeriggio!");
}
// Saluto dalle 18 alle 24
if ((orario > 18) && (orario <= 24)) {
document.write("...Buona sera!");
}
// Saluto dalle 24 alle 6 am
if ((orario >= 00) && (orario <= 06)) {
document.write("...Buona notte!");
}
</script><br>
<script type="text/javascript">WebDate(); </script><br>
<script type="text/javascript">
// Autore sconosciuto - Spiegato da https://www.iltelaiodipenelope.it/tutorial/index.php
function tS(){ x=new Date(); x.setTime(x.getTime()); return x; } 
function lZ(x){ return (x>9)?x:'0'+x; }
function tH(x){ if(x==0){ x=24; } return (x>24)?x-=24:x; }
function dT(){ if(fr==0){ fr=1; document.write('<span id="tP">'+eval(oT)+'<\/b><\/span>'); } tP.innerText=eval(oT); setTimeout('dT()',1000); }
var fr=0,oT="lZ(tH(tS().getHours()))+':'+lZ(tS().getMinutes())+':'+lZ(tS().getSeconds())";</script>
	H:. <script type="text/javascript" language="JavaScript">dT();</script></td>
 </tr>
</table><!-- Fine Tag Datario --><br>	
	
<!-- Inizio Menu Colonna -->	
<img border="0" src="images/penelope_rosa_img_menu.png" width="124" height="45" alt="Menu"><br>
<div class="menu_colonna">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>		
</ul>
</div><!-- Fine Menu Colonna --><br>

<img border="0" src="images/penelope_rosa_barretta.png" width="274" height="24" alt=""><br><br>

- Spazio accessorio/gadget<br><br>

- Spazio accessorio/gadget<br><br>

<img border="0" src="images/penelope_rosa_barretta.png" width="274" height="24" alt=""><br><br>
<img border="0" src="images/penelope_rosa_img_link.png" width="179" height="45" alt="LinkMe"><br>
<table class="bordi" cellpadding="4" cellspacing="4" width="230">
 <tr>
	<td><img border="0" src="images/penelope_rosa_base_banner.png" width="88" height="31" alt=""></td>
	<td><textarea class="text" onmouseover="this.select()" cols="8" rows="1"><a target="_blank" href="https://url sito">
    <img border="0" src="https://url banner" width="88" height="31" alt=""></a></textarea></td>
 </tr>
</table><br>
<img border="0" src="images/penelope_rosa_barretta.png" width="274" height="24" alt=""><br><br>

- Spazio accessorio/gadget<br><br>

- Spazio accessorio/gadget<br><br>

<!-- Inizio Tag Counter -->	
<table class="tag_counter" cellpadding="0" cellspacing="0">
 <tr>
	<td height="50"></td>
 </tr>
 <tr>
	<td valign="top">Usa questo box per<br> 
	un contatore visite</td>
 </tr>
</table><!-- Fine Tag Counter --><br>

- Spazio accessorio/gadget<br><br>

- Spazio accessorio/gadget<br><br>

<!-- Fine Spazio Colonna --></td>
 </tr>
</table>
</div>

<div id="footer">
<table class="base" cellpadding="2" cellspacing="2" width="992">
	<tr>
		<td height="110" width="984">&nbsp;</td>
	</tr>
	<tr>
		<td class="box_footer" width="972">? Nome sito 
<script type="text/javascript">
// Script Calcolo Tempo Trascorso Penelope - https://www.iltelaiodipenelope.it
 var dataIniziale = new Date('2023-10-13'); // Imposta qui la data
 var dataAttuale = new Date();

 function differenzaDate(inizio, fine) {
    var anni = fine.getFullYear() - inizio.getFullYear();
    var mesi = fine.getMonth() - inizio.getMonth();
    var giorni = fine.getDate() - inizio.getDate();

    if (mesi < 0 || (mesi === 0 && fine.getDate() < inizio.getDate())) {
        anni--;
        mesi += 12;
     }

    if (giorni < 0) {
        var ultimoGiornoMesePrecedente = new Date(fine.getFullYear(), fine.getMonth(), 0).getDate();
        giorni = ultimoGiornoMesePrecedente - inizio.getDate() + fine.getDate();
        mesi--;
     }

      return { anni: anni, mesi: mesi, giorni: giorni };
  }

  var differenza = differenzaDate(dataIniziale, dataAttuale);
  
document.write("online da... " + differenza.anni + " anni, " + differenza.mesi + " mesi e " + differenza.giorni + " giorni");
</script><br>

<script type="text/javascript">
copyright=new Date();
update=copyright.getFullYear();
document.write("Copyright  2013 - "+ update + " - Nome Autore - Tutti i diritti riservati.");
</script><br>
Webdesign:. <a target="_blank" href="https://www.iltelaiodipenelope.it/">Penelope &#9829;</a></td>
	</tr>
</table>
</div>

<div id="fixed">
<table style="border: 0px; margin-left: auto; margin-right: auto;">
 <tr>
	<td height="38" width="26">&nbsp;</td>
	<td height="38" width="118"><img border="0" src="images/stellinedorate.gif" width="32" height="32" align="left" alt=""></td>
 </tr>
 <tr>
	   <td align="center" width="148" colspan="2"><a href="javascript:history.back()"><img border="0" src="images/back_scuro.png" width="53" height="15" alt="Torna indietro"></a> <a href="#top">
   <img border="0" src="images/top_scuro.png" width="53" height="15" alt="Torna su..."></a></td>
 </tr>
</table></div>

</body>

</html>